JavaScriptとプログラムに関するpsyqのブックマーク (2)

  • JavaScriptで図形を描くHTML要素「Canvas」の実例

    JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー

    JavaScriptで図形を描くHTML要素「Canvas」の実例
    psyq
    psyq 2007/01/12
    JavaScriptでテクスチャつきポリゴンを描画する。
  • JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」:phpspot開発日誌

    JAVASCRIPT MOTION TWEEN JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」の紹介。 デモサイト、解説ページを見てみてください。これまで見たことがないJavaScriptアニメーション表現を見ることが出来ます。 次のようなTweenクラスがあって、それを使うことでこういったアニメーションが実現できるということかなり便利そう。 var t = new Tween(object,property,easing,start,end,duration,suffixe); 次のJavaScriptソースコードが提供されています。 Tween.js 、ColorTween.js 、OpacityTween.js 、TextTween.js 、Sequence.js 、Parallel.js 名前を見るとなんとなく分かりますが、必要に応じてファイルを

    psyq
    psyq 2007/01/11
    JavaScriptで実装されたアニメーションライブラリの紹介。
  • 1