Canvas始めました » イナヅマTVログ

2012.06.07
11:15
author: taikiken
3件のコメント

Canvas始めました – Canvas APIで遊んで（遊ばれて）わかったことをだらだらと

「Canvas始めました」でCanvasのローレベルAPIを使って投稿をしてきました。昨年(2011)9月にあるところで”Canvas”について話す機会があり、その時にお見せしたデモ・コードを再 … 続きを読む →

2012.05.15
19:28
author: taikiken
0件のコメント

画像の一部をキャプチャして書き出すの巻。画像の書出しは以前も行いました。使用メソッドはcanvas.toDataURLです。 CanvasElementのメソッドで画像変換が可能なのですが、一部だけを画像にするオプシ … 続きを読む →

2012.05.14
21:34
author: taikiken
1件のコメント

Canvasでインタラクティブなことをするためにボタンを作るの巻。できたことはできたけど、完成にはかなり遠いところにしかたどり着けませんでした。 ActionScriptのSimpleButtonのような汎用性を目指し … 続きを読む →

2012.05.10
12:00
author: taikiken
1件のコメント

Canvasでアニメーションの2回目。 requestAnimationFrameを使ってみるの巻。覚えたばかりのrequestAnimationFrameを使ってのアニメーションにマウスアクションを絡める。マウスを … 続きを読む →

2012.05.09
13:59
author: taikiken
2件のコメント

マウス・クリックでクリック・ポイントに丸を描くの巻。ユーザーに操作してもらうコンテンツを作るためにマウス操作を可能にしなくては… JavaScriptでclickイベントを取得してCanvasに描画する。 … 続きを読む →

2012.05.02
21:55
author: taikiken
1件のコメント

Canvasでアニメーションの巻。 Canvasアニメーションのライフサイクル描画をクリア(clearRect) -> アニメーション計算 -> 描画、を繰返します。 CanvasはFlashのように変更になったものだ … 続きを読む →

2012.05.02
13:57
author: taikiken
0件のコメント

ドロップシャドウ(Drop shadow)をしてみるの巻。ドロップシャドウに用意されている関数とプロパティ。関数 shadowColor(color:String) プロパティ shadowOffsetX:int 横 … 続きを読む →

2012.05.02
03:26
author: taikiken
0件のコメント

画像を塗りパターンに使うの巻。 createPattern(image:Bitmap, repeat:String) imageは Imageインスタンス, Canvasエレメント, Videoエレメントの使用が可能。 … 続きを読む →

2012.05.01
20:50
author: taikiken
0件のコメント

多角形を描いてみよう。元ネタはbit101さんのActionScript Animation。矢印 HTML <canvas id=’canvas’></canvas><canvas i … 続きを読む →

2012.05.01
19:42
author: taikiken
0件のコメント

グラデーションで塗るの巻。線形グラデーション createLinearGradient(x, y, width, height) グラデーション範囲を指定 x:int, y:int, width:int, height … 続きを読む →