CSS3RENDERERを使って

IOSでもサクサク3D!

Acroquest Technology 宮坂 豪

自己紹介

早稲田大学スポーツ科学部出身

５歳から野球三昧の日々を

現在はAcroquestダーツ部主将

5月大会：256チーム中ベスト16 6月大会：50チーム中ベスト4 8月大会：予選落ち・・・

CSS3DRENDERER.JSを触ってみました。

1. 本格的な3D計算のコアな部分をthree.jsにお任せし・・・

2. Cameraのマウス操作をTrackballControls.jsにお任せし・・・

3. 三軸座標の移動や回転アニメーションはTweenにお任せし・・

4. 描画部分をCSS3で仕上げ、3D表現をWebGLなしで高速に行う

CSS3DRenderer.js iPone or iPadで見てみてください⇒

3D分子モデルhttp://threejs.org/examples/#css3d_molecules

3D元素記号http://threejs.org/examples/#css3d_periodictable

パノラマhttps://dl.dropbox.com/u/7508542/sandbox/threejs/css3d/css3d_panorama.html

WEBGL未対応のIOSでもヌルヌル!

ここにも あります