HTML5

スポンサーリンク
プログラミング

videoタグでストリーミングしない方法

HTML5のvideoタグを使うと、動画など自動でストリーミングになってしまう。 rangeヘッダに対応していないサーバと連携しなければならない場合は、videoタグがストリーミング再生前提でサーバにリクエストを行ってしまうと、うまくサーバ...
プログラミング

「ラングトンのアリ」のシミュレータ作った

ラングトンの蟻とも言う。 タイトルの通りで、JavaScriptを使ってラングトンのアリシミュレータを作った。 ラングトンのアリの説明はwikipediaに任せる。 これはwikipediaにある拡張ラングトンのアリに対応しており、フ...
プログラミング

html5 page visibility apiを試す

page visibility apiがRecommendationになってた。 というわけで使ってみた。 これは何ができるapiかというと、ページが表示されているかどうかを取得できる。 今のブラウザで言うと、見ているタブかどうかが取...
プログラミング

html5 javascriptのpointer lock apiを試す

webglで作られていると話題のブラウザゲームをやろうとしたら、Chromeに「マウスカーソルが無効になります。」的な警告が表示された。 なんだこれは。。 調べてみると、HTML5のpointer lock apiというものらしい。現在の...
プログラミング

html5 input type=color

色選択をするためのformが増えたらしい。 <input type="color"> というもの。 でもChromeとOperaしか対応してない・・。 Chrome23(今日24になったけど!) Macを使っているけど...
プログラミング

html5 meterタグとprogressタグ

HTML5でひっそりと定義されているものに、meterタグとprogressタグがある。 meterタグは、 <meter value="300" min="0" max="999" low="100" hight="999"&g...
プログラミング

webkit fullscreen api

フルスクリーンが流行ってる。 フルスクリーンapiなるものがあるらしいので試してみた。 どうやら、特定の要素をフルスクリーン指定できるみたい。 var elm = document.getElementById("face"); ...
プログラミング

html5 canvasのスケール

html5のcanvasでscaleを変更する場合の注意点を一つ紹介。 context.scale(2, 2); としたときに、スケールをオリジナルの2倍にするという考えは間違いで、実際はスケールを今の2倍にするという意味になるようで...
プログラミング

html5 canvasへの手書き入力方法

昔は、 1.マウスの軌道に点をプロット 2.その点と点を繋ぐ線を描画する という非常に面倒くさい方法をとっていた。 なんでこんなことをしたかというと、高校の授業でこの方法を思いついてからずっと信じてきた方法だから・・ 固定観念ってだ...
スポンサーリンク
タイトルとURLをコピーしました