Canvas

2014.09.29
01:00
author: taikiken
0件のコメント

Canvas 2Dライブラリを作ろうとして感じたこととDisplayObject

誰の役にも立たないゴミな記事です。しかも長い。ボンクラ脳でせっかくあれこれ考えたので書くけど、読まなくてイイよ。 Canvas API Canvasはなかなかステキなヤツです。 Flashの代わりにはなれないけど「近 … 続きを読む →

2014.08.05
21:43
author: taikiken
0件のコメント

すっかりメインブラウザをChromeにしてました。 FirefoxでのデバッグがFirebug頼みなのがねぇと敬遠気味でした。久しぶりにFirefoxを使ってみると標準の「開発ツール」がとても進化していて驚きました。 … 続きを読む →

2014.07.22
11:00
author: taikiken
0件のコメント

canvasをPNG画像へキャプチャしダウンロード。 PNG画像へのキャプチャは canvas.toBlob を使います。ダウンロードは FileSystem API で行います。 canvas.toBlob HTML … 続きを読む →

2014.07.20
19:09
author: taikiken
2件のコメント

線と円の当たりというか衝突というか交差したかどうかを判定してたい。 ActionScript だと hitTest が使えたのでコツコツと自力で判定コードを書くのは始めてかも。色々良くわかってないので、なんだかとっても … 続きを読む →

2014.07.19
16:44
author: taikiken
0件のコメント

Canvas練習中。線を描いてみる。線は beginPath から closePath の間に lineTo すれば描けます。描けますが、起点と終点情報をどのように保持するかでは悩みました。線(Line)に回転機 … 続きを読む →

2014.07.15
11:06
author: taikiken
0件のコメント

オブジェクトの親子関係を作れると作業は楽になります。 Canvas上の描画オブジェクトへDOM element, MovieClipで当たり前に存在する addChild を実装するの巻。 addChildされた子オブジ … 続きを読む →

2014.07.14
16:41
author: taikiken
2件のコメント

Canvasに描いた形状に対するマウス(MouseEvent, TouchEvent)操作。 DOM elementやFlash MovieClipなら当たり前にできることをCanvasに実装するのはなかなかの面倒くささ … 続きを読む →

2014.07.06
12:00
author: taikiken
0件のコメント

canvas上に星を描く練習です。 beginPath, closePath 間に星の頂点に対し lineTo することで星型(Star)が描けます。頂点移動は三角関数を使えば可能です。可能ですが、ボンクラ脳ではさっ … 続きを読む →

2014.07.05
13:41
author: taikiken
0件のコメント

@bit101 Keith 大先生の著書を参考にCanvas練習中です。「boids + 残像のようなもの」の描画形状を変更できるようにしました。今までは描画形状（パス）は簡便化を図るためハードコードしていましたが、 … 続きを読む →

2014.07.04
11:30
author: taikiken
0件のコメント

@bit101 Keith 大先生の著書を参考にCanvas練習中です。回転はすでに何とかなってたので、それにスケール（拡大縮小）とアルファ（透明度）の機能を追加しました。 ActionScript(Flash)では用 … 続きを読む →