Home > 技術 > カラフルな要素があっちいったりこっちいったり - xyz.js

カラフルな要素があっちいったりこっちいったり - xyz.js

ちまたで有名なWonderfl Build Flash Onlineをダラ見してたら、これまた面白いFlashを見つけてしまったのでJavaScriptでソレっぽく再現してみました。

↓これがそのFlash。イカス!
code on 2008-12-23 | Wonderfl Build Flash Online
何個かfoakされているので、他の方のを見てみても面白いです。

ただFlashでできることがJavaScriptでできなかったりもするので完璧に再現はしていませんが、一応それっぽく。
JavaScriptでRotationが使えたら要素をグルグル回せるんですがね。

初めcanvasのrotateを使おうかと思ったのですが、座標の記憶とかtranslateとかややこしそうだったので断念・・・

JavaScriptソースコード

実際のActionScriptで使われているTweenerライブラリの部分はjQueryのanimeteメソッド、easing部分はjquery.easingプラグインを使って補いました。

続きで動作確認できます。

関連ソース

前に作ったこのへんも同じような原理で動いています。
参考までに。

なんかものが落ちるjQuery Plugin - JDropper作りました at HouseTect, JavaScripter Blog
キングボンビーがサイトを侵略する?jQuery Plugin - kingbonbi.js作りました at HouseTect, JavaScripter Blog

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1147
Listed below are links to weblogs that reference
カラフルな要素があっちいったりこっちいったり - xyz.js from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > カラフルな要素があっちいったりこっちいったり - xyz.js

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top