shim0muraのブックマーク - はてなブックマーク

リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog
Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門今回は公式サイトで明らかになっ
shim0mura 2012/04/17
HTML5

canvas

JavaScript
リンク
HTML5 Canvasを始めよう：EaselJSを使った流体パーティクル入門 | ClockMaker Blog
HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」で流体パーティクルのデモを作ってみました。 demo source EaselJSを使えばFlashのようにHTML5 Canvasを使うことができるので、ActionScriptから概念だけではなくコードの再利用性が高まります。今回は流体パーティクルの表現を通して、EaselJSとCanvasのテクニックを紹介していきます。デモの作り方冒頭のデモですが、私が以前作成したFlashの作品「Flashの高速化を試す、Bit mapDataを配列に格納することで2〜3倍の高速化」から移植したものです。さて、このデモをHTML5 Canvasに展開するにあたり、特に抑えておきたいのは次の点だと思いました。フォースマップの作成パーティクル情報を付与した表示クラスの作成フォースマップ
shim0mura 2012/02/07
HTML5

JavaScript

canvas

パーティクル
リンク
60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアルクリックで再生できますフレームアクションで覚える PV3D チュートリアル Vol.01 フレームアクションで覚える PV3D チュートリアル Vol.01 (補足) フレームアクションで覚える PV3D Vol.02 : Primitiveを理解するフレームアクションで覚える PV3D Vol.03 : Materialを理解するフ
shim0mura 2010/07/14
actionscript

3D

papervision3d
リンク
1