HTML5 Canvasでシューティングっぽいもの - juntkの日記
http://www.geocities.jp/psipage/html5/html5_canvas_shot.html 書いてみた。 boxの上半分にターゲットが現れ、下半分をクリックで弾を発射。 パラメータの値をいじると面白いかも。 context.shadowBlurについて contextに影（ぼかし）を入れるためにshadowBlurを適用したら処理が重くなった。対応してるブラウザも少ない。 shadowBlur プロパティ - Canvasリファレンス - HTML5.JP 気になったこと マウスの座標はキャンバスからの相対位置ではなく絶対位置。なのでCanvas領域の上にバナー広告などが入ることを想定すると、相対位置で考えると思い通りに動かない（ことがあるかも）。とりあえずCanvas領域の位置は絶対配置で指定した。 <canvas id="canvassample" wid
HTML5 Audio デモ - latest log
HTML5 で、ブラウザの機能として「音」を再生する仕様が追加されました 音を再生するには、<audio src="..." autoplay> を HTML に埋め込むか、new Audio(src).play() とします。 仕様 ⇒ http://www.w3.org/TR/html5/video.html クロスブラウザ化する上での問題は2つ 1. 古いブラウザ向けに Silverlight(XAML) や Flash を使い、それらの違いも吸収しなければならない。 2. サポートしているコーデックの違いを吸収する仕掛けも必要。 Browser uu("Audio") HTML5Audio SilverlightAudio FlashAudio Firefox3.0 mp3 - mp3 mp3 Firefox3.5+ mp3,ogg,wav ogg wav mp3 mp3 Safa
HTML5 Canvasいじり - juntkの日記
http://www.geocities.jp/psipage/html5/html5_canvas2.html boxの中でクリックすると素敵な円が現れます。マウス座標にも付いていくはず。 ソース <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Example2: HTML5 canvas</title> <!--http://d.hatena.ne.jp/juntk/--> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div id="ms">Click in the box. </div> <canvas id="canvass
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5のスライドショー | Web活メモ帳