Canvas

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

Canvas始めました – ドロップシャドウしてみた

ドロップシャドウ(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 … 続きを読む →

2012.05.01
14:22
author: taikiken
0件のコメント

Livecodelab FacebookのCreativeApplications.Netさんのシェアで知った、Web上でWebGLをコーディングしてすぐにプレビューできるサービス。記述シンタックスは次期JavaScr … 続きを読む →

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

一度指定した透明度をずっと維持してくれるglobalAlphaの巻。 globalAlpha property: 0 ~ 1 globalAlphaを設定すると以降の塗りの透明度に自動的に適用される。 HTML < … 続きを読む →

2012.04.26
10:07
author: taikiken
0件のコメント

移動するの巻。 setTransformでも行えるが、引数を簡略化した関数としてtranslateが用意されている。 translate(x, y) HTML <canvas id=’canvas’>< … 続きを読む →

2012.04.25
17:11
author: taikiken
0件のコメント

拡大・縮小するの巻。 setTransformでも行えるが、引数を簡略化した関数としてscale: 拡大・縮小が用意されている。 HTML <canvas id=’canvas’></canvas&gt … 続きを読む →

2012.04.21
03:00
author: taikiken
1件のコメント

矩形を回転させるの巻。 Canvasでのオブジェクトの移動や回転はめんどい。 FlashのDisplayObjectを回転させるのに慣れているとなんでこんなに面倒なのかとぼやきたくなる。まず描画した矩形を回転させるので … 続きを読む →

2012.04.20
12:22
author: taikiken
0件のコメント

context.globalCompositeOperationを使った重なり描画方法。 Photoshopレイヤーの「合成」みたいなもんかなぁ。 Canvasにはレイヤー概念はないので後に描いたものが上に乗っかる。初 … 続きを読む →