イナヅマTVログ

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

Canvas始めました – 読込んだ画像の一部をキャプチャしてPNG書出し

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

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

Canvas始めました – ボタンを作る

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

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

Canvas始めました – マウスを追っかけるアニメーション

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

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

Canvas始めました – マウスアクション(click)を使う最初の一歩

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

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

Canvas始めました – アニメーションしてみる最初の一歩

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