WebGL & three.js最新の話題デモとライブラリ紹介

2012/2/12 @ DevFest X sapporo

安藤幸央　@yukio_andoh

伊藤千光　@webos_goodies

12012年2月12日日曜日

22012年2月12日日曜日

HistoryCanvas3DVRML X3D OpenGL ES WebGLGoogle o3d

32012年2月12日日曜日

get.webgl.org

42012年2月12日日曜日

IEWebGL

52012年2月12日日曜日

Pros and Consof Using WebGL

グラフィックスハードウェアを最大限に生かせる。

ブラウザと組み合わせて最大限のパフォーマンスを

ピクセル単位で操作できる

三次元の表現力豊か

特殊なプラグイン無し

DOMやCanvasを扱う知識

OpenGL ES + GLSL

学ぶのが難しい

デバッグが難しい

オプティマイズが難しい

まだまだ動かない環境も

モバイル環境は何時？

62012年2月12日日曜日

WebGL on iOS (iAd)WebGL on Android(firefox)

72012年2月12日日曜日

WebGL Bookcasehttp://workshop.chromeexperiments.com/bookcase

82012年2月12日日曜日

Google Bodyhttp://www.zygotebody.com/

92012年2月12日日曜日

WebGL Experimentshttp://www.chromeexperiments.com/webgl

102012年2月12日日曜日

WebGL samples (google code)http://code.google.com/p/webglsamples/

112012年2月12日日曜日

PlayWebGLhttp://playwebgl.com/

122012年2月12日日曜日

Emberwind (HTML5 or WebGL)http://operasoftware.github.com/

132012年2月12日日曜日

Demo Repositoryhttp://www.khronos.org/webgl/wiki/Demo_Repository

142012年2月12日日曜日

WebGL Earthhttp://www.webglearth.com/

152012年2月12日日曜日

Google MapsGLhttp://maps.google.com/gl

162012年2月12日日曜日

procedural cityhttp://alteredqualia.com/three/examples/webgl_city.html

172012年2月12日日曜日

WebGL+3D printerhttp://www.myrobotnation.com/

182012年2月12日日曜日

http://www.myrobotnation.com/

My Robot Nation / KODAMA Studios : オモチャ専用3Dプリント

192012年2月12日日曜日

Resouces

202012年2月12日日曜日

WebGL playgroundhttp://webglplayground.net/

212012年2月12日日曜日

WebGLReferenceCard

http://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf

222012年2月12日日曜日

WebGL Inspectorhttp://benvanik.github.com/WebGL-Inspector/

232012年2月12日日曜日

WebGL Conformancehttps://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/sdk/tests/webgl-conformance-tests.html

242012年2月12日日曜日

WebGL frameworks

TDL http://code.google.com/p/threedlibrary/

three.js https://github.com/mrdoob/three.js

CubicVR 3D Engine http://www.cubicvr.org/

CopperLicht http://www.ambiera.com/copperlicht/

PhiloGL http://senchalabs.github.com/philogl/

SpiderGL http://spidergl.org/

GLGE http://www.glge.org/

SceneJS http://www.scenejs.com/

252012年2月12日日曜日

WebGL frameworks& Exporters

C3DL http://www.c3dl.org/

Jax http://blog.jaxgl.com/

StormEngineC http://code.google.com/p/stormenginec/

WebGLU http://sourceforge.net/projects/webglu/

Exporter

inka3d http://www.inka3d.com/

Blender to WebGL http://code.google.com/p/blender-webgl-exporter/

262012年2月12日日曜日

LEARNING WEBGLhttp://learningwebgl.com/blog/

272012年2月12日日曜日

Khronoshttp://www.khronos.org/

282012年2月12日日曜日

Useful

Art

education

science

data visualization

fine arts

music video

demo scene

Ad promotion

banner

storytelling

and more !

292012年2月12日日曜日

Story boarding and Design

Designing for Responsiveness

Designing for Serendipity

Knowing Your Audience

Modeling and Geometry

The Complexity Budget

Modeling and Conversion

Structuring Models to Improve Performance

Managing Scene Complexity

Layout

Cull Volumes

Navigation and interface

Animation and Morphing

Lighting for mood

Sound designing for ambience

Effect

302012年2月12日日曜日

312012年2月12日日曜日

Demoscene + WebGL

Slides on the Demoscene and WebGL demo effects

http://adrianboeing.blogspot.com/2011/05/slides-on-demoscene-and-webgl-demo.html

THE DEVELOPING WEBGL DEMOSCENE

http://nooshu.com/the-developing-webgl-demoscene

The Demo Scene

http://thedemoscene.tumblr.com/

@TheDemoScene

322012年2月12日日曜日

332012年2月12日日曜日

Thank you. @yukio_andoh

342012年2月12日日曜日