CSS3Rendererを使ってiOSでもサクサク3D

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/threej
s/css3d/css3d_panorama.html
WEBGL未対応のIOSでもヌルヌル!
ここにも
あります

CSS3Rendererを使ってiOSでもサクサク3D

More Related Content

Viewers also liked (18)

More from AdvancedTechNight (19)

Recently uploaded (11)

CSS3Rendererを使ってiOSでもサクサク3D