ajaxとかhtml5のcanvasとか使って適当に

*Web +JavaScript +html5Canvas

TumblrAPI V1廃止のため終わり。久しぶりにcanvas使ったらcontext.flush();とか書いてた。 Tumblrから画像を持ってきてCoreserverにキャッシュして表示するだけ。セルで枠組みを作ってから配置したら色々と捗った。 cellTumblr メモネーミング規約とか。 …

2010-05-02

ブラウザのズーム機能とCanvas

*メモ +html5Canvas

HTML5 Canvasで描画してるページを拡大・縮小すると動作が遅くなる。なんで？Firefox 3.6.3で表示すると極端に重い。 HTML5 Canvas and Audio Experiment

2010-04-25

html5 Canvasでシューティングゲーム

*Graphics +html5Canvas

http://www.geocities.jp/psipage/html5/html5_canvas_shot.html 書いてみた。 boxの上半分にターゲットが現れ、下半分をクリックで弾を発射。パラメータの値をいじると面白いかも。 context.shadowBlurについて contextに影（ぼかし）を入れるためにshadow…

2010-04-22

HTML5 Canvasいじり

*Graphics +html5Canvas

http://www.geocities.jp/psipage/html5/html5_canvas2.html boxの中でクリックすると素敵な円が現れます。マウス座標にも付いていくはず。ソース <html> <head> <meta charset=utf-8 /> <title>Example2: HTML5 canvas</title> </meta></head></html>

2010-04-20

HTML5のcanvasを使って四角形を塗りつぶしてみる

*Graphics +html5Canvas

四角形を塗りつぶす例 ChromeとFirefoxで動いた。IEはcanvasに対応してない。 iPhoneのSafariでも動いた。不思議 http://d.hatena.ne.jp/Syunpei/20090703/1246631018 canvasでアニメーション clearRect(x,y,width,height)を呼ぶと簡単。 Canvasリファレンス…