なにが?どうなる?webgl
DESCRIPTION
TRANSCRIPT
![Page 1: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/1.jpg)
なにが?どうなる? WebGL
rch850
Flex勉強会第 79回@北陸 (石川 )
![Page 2: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/2.jpg)
define
rch850と書いてりちゃと読みます twitter id: rch850 福井から来ました 高専カンファレンスのスタッフしてます
![Page 3: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/3.jpg)
WebGL
![Page 4: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/4.jpg)
SIGGRAPH 2009
![Page 5: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/5.jpg)
プレスリリース
Khronos Details WebGL Initiative to Bring Hardware-Accelerated 3D Graphics to the Internet
http://www.khronos.org/news/press/releases/khronos-webgl-initiative-hardware-accelerated-3d-graphics-internet/
初出は GDCだったらしいけどノーマークでした/ (^o^)\
![Page 6: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/6.jpg)
Webブラウザで
OpenGL
![Page 7: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/7.jpg)
withハードウェアアクセラレーショ
ン
![Page 8: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/8.jpg)
withプログラマブルシェーダ
![Page 9: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/9.jpg)
withoutプラグイン
![Page 10: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/10.jpg)
ロイヤリティフリー
![Page 11: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/11.jpg)
JavaScript×
OpenGL
![Page 12: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/12.jpg)
こんな感じ??
webgl.viewport(0, 0, 200, 200);webgl.clear(webgl.COLOR_BUFFER_
BIT);webgl.vertexAttribPointer ( 0, 3,
webgl.FLOAT, webgl.FALSE, 0, vVertices );
webgl.enableVertexAttribArray ( 0 );webgl.drawArrays( webgl.TRIANGLES,
0, 3 );
あくまで予想です!!
![Page 13: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/13.jpg)
JavaScript
![Page 14: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/14.jpg)
(ry
![Page 15: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/15.jpg)
OpenGL
![Page 16: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/16.jpg)
OpenGLES 2.0
![Page 17: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/17.jpg)
OpenGL ES 2.0
3Dプログラミング向け API 組み込み機器用途の OpenGL 普通の OpenGLとは APIが違う APIがカリカリなのであまり直感的でない
iPhone 3GSで動くやつ
![Page 18: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/18.jpg)
書籍
OpenGL ES 2.0 Programming Guide http://opengles-book.com/index.html サンプルプログラムが DLできる! 今のところこれしか知りません
![Page 19: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/19.jpg)
動かす
OpenGL ES エミュレータ(?) http://developer.amd.com/gpu/opengl/Pa
ges/default.aspx AMDへの登録が必要
iPhone SDK 3.0 よくわかりません><
詳しくは前頁のサイトの DOWNLOADSへ
![Page 20: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/20.jpg)
類似品にご注意ください
![Page 21: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/21.jpg)
SourceForgeの WebGL
http://sourceforge.net/projects/webgl/
JavaScriptで書かれた OpenGL API 何の関係も無さそう
![Page 22: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/22.jpg)
WebGLHardware accelerated 3D-rendering with programmable shader for web
browser
![Page 23: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/23.jpg)
AMDEricssonGoogle
提供
![Page 24: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/24.jpg)
MozillaNVIDIA
Opera
提供
![Page 25: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/25.jpg)
2010年上旬リリース予定
![Page 26: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/26.jpg)
おまけ
![Page 27: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/27.jpg)
Webと 3Dを取り巻くいろいろ
WebGL O3D
Flash Silverlight
![Page 28: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/28.jpg)
3Dを取り巻くいろいろ
WebGL O3D
Flash Silverlight
![Page 29: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/29.jpg)
WebGL vs O3D
O3DのML http://www.raphkoster.com/2009/08/05/
webgl-vs-o3d/ O3Dは無くならないよ>< だって JS遅いし! でも Google内で O3D担当チームは
WebGLもやってる WebGLにだって成功してほしいんだからね!
![Page 30: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/30.jpg)
FxUG的に
![Page 31: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/31.jpg)
Flash vs WebGL
言語の違い どちらの言語が人気かというと……?
直に OpenGLを呼ばれると速度差がありそう
ハードウェアアクセラレーションの有無 プログラマブルシェーダ
PixelBenderあるもんね
![Page 32: なにが?どうなる?WebGL](https://reader033.vdocuments.mx/reader033/viewer/2022061205/5481293db4af9fb4158b5e7d/html5/thumbnails/32.jpg)
おわり(時間があればデモ )