JSTweener ライクなアニメーション code snippets - os0x.blog
JSTweenerライクな軽量アニメーションが手軽に実現できる、tween.jsというのを書いてみました。 Greasemonkey Script を書く際に、@requireで手軽に使えるサイズのシンプルなアニメーション code snippets がほしかったので、強引に18行という短さに収めています。手軽に使いたいので、サンプルコード扱いで、自由に使用、改変して頂いてOKです。一応IE6, Firefox2, Safari3*1, Opera9で動きます。それなりにクロスブラウザです。 とりあえずサンプル Tweener Example(XHTML) Tweener Example2(XHTML) (半透明のdivを4枚重ねているので、少し重いかも) 簡単な使い方はこれだけ。 var div = document.getElementById("simple-header"); di
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
CodeRepos::Share – Trac
JSTweener JSTweener is tween library for JavaScript. JSTweener's API like Tweener. download http://coderepos.org/share/browser/lang/javascript/jstweener/trunk/ http://coderepos.org/share/browser/lang/javascript/jstweener/trunk/src/JSTweener.js subversion svn co http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/ jstweener transitions JSTweener's transitions is Tweener's easing function
Tweener Documentation and Language Reference
Transition Types When using the addTween and addCaller methods, several different transition methods may be used. They're defined by the transition parameter, and each of them define a different easing method. Check the table below for a complete rundown of the available methods. You may also print the table. You need to upgrade your Flash Player This is replaced by the Flash content. Bypass detec
Tweener.addTweenパラメータテスト + コード生成(v.1.26.62対応) | SCRATCHBRAIN.BLOG v2// 洋楽・音楽サービス・Flash ActionScript3.0・グラフィックアート
Tweener.addTween Code Makerの使い方 この記事をご覧下さい。不具合、要望、質問もこっちのエントリーへのコメントでお願いします。 v.1.31.70対応版 v.1.31.70対応版もあります。 関連記事 Tweener.addTween（ver.1.25.57）の使い方 Tween.addTween 注意点（delayに注意） Tweenerのtransitionパラメータが一目で分かる Tweener.addTweenバージョン1.26.62で追加されたパラメータbaseを使う Tweener.addCallerメソッドを使ってみる Tweener.removeTweens検証
tweener も弄ってみた(3)【閃光的網站・弛緩複合体 -Review Division-】
今回は、tweener で定義されている transition タイプごとにサンプルを作って、各動作を見比べてみます。 Equations.as で定義されている transition はその計算式によって 10 の型に分かれています。 そして 1 つの型につき、In、Out、InOut、OutIn の 4 種類のイージングがあります。 上記 10 * 4 = 40 のイージングに加えて、イージングなし easenone（ = linear ）があります。 都合、全部で 41 個のトゥイーンパターンがあるわけですね。 で、以下、各トゥイーンごとのサンプル。 領域をクリックするたびに、朱色の正方形が両端を行ったり来たりします （ Tweener.addTween の第2引数は { x:到達値 , time:2 , transition:"××××" } ）。 mx.transitions.e
Tweener 特殊プロパティ一覧
caurina.transitions.Tweener.properties の中にある 6つのasファイルから抜き出した。 それぞれ 〜.init(); が必要。 (例: ColorShortcuts.init();) AS2, AS3共通 ———————————————————————- ■ ColorShortcuts _color_ra _color_rb _color_ga _color_gb _color_ba _color_bb _color_aa _color_ab 色 16進数形式 (0×000000〜0xFFFFFF) _color _colorTransform 明度 _brightness _tintBrightness コントラスト _contrast 色相 _hue 彩度 _saturation _dumbSaturation
Library/AS2/Tweener - Spark project
Tweener ムービークリップはじめ、色々なものを楽にトゥイーンさせるためのライブラリ。 URL: http://code.google.com/p/tweener/ ライセンス: MITライセンス 30秒で分かるTweener Tweener.addTween(target, {_x:100, _y:200, time:1, transition:"linear"}); targetを、今いる位置から、1秒かけて、座標(100, 200)に、線形(linear)でトゥイーンさせる。 addTweenした瞬間から、自動でトゥイーンが始まる。 サンプル/デモ 終了時イベント onComplete を使う Tweener.addTween(target, {_x:100, _y:200, time:1, transition:"linear", onComplete : function()
Ring
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
Tweener.addTween（ver.1.25.57）の使い方 | (SCRATCHBRAIN.BLOG v2// 洋楽・音楽サービス・Flash ActionScript3.0・グラフィックアート)
Tweenerクラスのバージョンアップにより、前に書いた記事『Tweener.addTweenの使い方』と利用手順が一点変わりました。 また、パラメータを変えたときのTweenの変化がわかるようなswfを作りました。 手順 １.import Tweenerクラスをimportします。 import caurina.transitions.Tweener; ２.addTweenメソッド呼び出し 次のように記述するとmyMcがx:50、y:50に向かって透明になりながら移動します。transitionはイージングの指定です。 Tweener.addTween(myMc, {x:50, y:50, alpha:0.2, transition:"easeinoutquad"}); 次のswfではaddTweenメソッドのパラメータを操作して動きの確認ができます。 バージョンアップ （2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tweener - Google Code
tweensy - Google Code
Google Code Archive - Long-term storage for Google Code Project Hosting.