HTML5のCanvasタグによってWebの表現力は格段に増したと言えます。今回紹介するCAKE(Canvas Animation Kit Experiment)はCanvasタグを使ってアニメーションを実現します。多彩なデモがあるのでぜひ公式サイトでチェックしてみてください。 0
![]()
最もシンプルなデモです。サークルが回転します。
0
![]()
それを描いているHTMLタグです。結構複雑ですが、見がたい訳ではありません。
0
![]()
色々なデモあります。
0
![]()
流れるような動きが格好いいです。
0
![]()
マウスで大きさを変えられます。
0
![]()
大きなモデルの周囲を小さなモデルが回ります。
0
![]()
ベジュ曲線調に光が下りていきます。
0
![]()
枝が進んでいくデモです。
0
![]()
四角が回転するデモです。
0
![]()
SVGを表示するデモです。
0
デモ動画です。
0
CAKEはアニメーションを実行する以外にもゲームにも利用できます。公式サイトでは幾つかのゲームデモが紹介されています。アニメ的な動きではなく、幾何学的でCGにも似た動きを行ってみたいと考えるときに使ってみてください。 0
CAKEはJavaScript/HTML5/Canvasを使ったMIT Licenseのオープンソース・ソフトウェアです。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録(500円/月)はこちらから! プレミアムユーザのログインはこちらから 0
cakejs - CAKE - Canvas Animation Kit Experiment - Google Project Hosting 0












アンケート