2011 . 09 . 11

HTML5の可能性を追求するクリエイティブで実験的なサイト21

HTML5 logo

HTML5ロゴが回転するアニメーション



Coil

青の玉を線で囲っていくゲーム



Google Gravity

ページ上の要素がバラバラに崩れるアニメーション



Canvas ribbon & iOS4.2 device orientation

Canvasを使ったインタラクティブな描画



Sketch

線のドローイングと回転など



404

インタラクティブに動く目のアニメーション



BreakDOM

チェックボックスとスクロールバーを使ったブロック崩し



Move. Pick Up. Drop

跳ね返りながら青とグレーをスイッチさせる玉のシミュレーション



Fight or Flight? (HTML5 game)

流れてくるボールをキャッチしたり避けたりするゲーム



Make3D: Native Drag & Drop in browser

指定した画像からブロック状の3D画像を作成



FlowerPower

花形のブラシで線を描画



Conductor

路線マップを描画していくアニメーション



Z type

タイピング練習型シューティングゲーム



webGL water

webGLを使った3Dのプールのモデリング



Fish

海の中を泳ぐ魚のポリゴンアニメーション



Tree

ランダムに枝分かれしながら伸びていく木



Test

クリックするとオブジェクトが吹っ飛ぶ



Canvascycle

Canvasを使った8bitパレットのアニメーション



Asteroids – HTML5 Canvas and JavaScript game

CanvasとJavaScriptを使ったシューティングゲーム



UltraLight

Canvasを使ったインタラクティブなアニメーション



Chrysaora

マウスで視点が変化できるクラゲのアニメーション



Via: [ SpyreStudios ]