« イナヅマtvログ

2012 年 5 月 16 日
by taikiken
0 comments

jQueryを使わなくてもDom readyで処理したい

今やWeb制作で「刺身に醤油でしょ」とも言わんばかりにかならずくっついてくるJavaScript、どうやって開発してますか？やっぱりライブラリを使いますよねぇ、楽ですから。 jQueryは便利です、大活躍しています。 … Continue reading →

2012 年 5 月 15 日
by taikiken
0 comments

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

2012 年 5 月 14 日
by taikiken
0 comments

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

2012 年 5 月 10 日
by taikiken
0 comments

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

2012 年 5 月 9 日
by taikiken
1 Comment

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

2012 年 5 月 2 日
by taikiken
1 Comment

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

2012 年 5 月 2 日
by taikiken
0 comments

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

2012 年 5 月 2 日
by taikiken
0 comments

Chrome Experimentに登場したゲーム”Cube“が楽しい。 WebGLでGoogel Mapを立方体の上に表示し目的地まで球を道路上で転がしタイムを競います。ポップアップするウイン … Continue reading →

2012 年 5 月 2 日
by taikiken
0 comments

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

2012 年 5 月 1 日
by taikiken
0 comments

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