HTML5

2015.03.30
01:35
author: taikiken
0件のコメント

【消せないよね】iOS, AndroidのAddress bar(URL Text Field)制御のおさらい

iOS, Android ブラウザのURL Text Field(Address bar)を非表示（みたい）にするためのゴニョゴニョした話をまとめてみました。個人的にはブラウザのURL Text Field(Addre … 続きを読む →

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)では用 … 続きを読む →

2014.07.03
16:31
author: taikiken
1件のコメント

@bit101 Keith 大先生の著書を参考にCanvas練習中です。「群れるまたはboidsみたいなの」の派生です。数ステップ前での状態も描画させてみました。残像効果のようなものです。 demo