Enviar búsqueda
Cargar
Web GLの話
•
2 recomendaciones
•
1,653 vistas
Norihito YAMAKAWA
Seguir
Denunciar
Compartir
Denunciar
Compartir
1 de 27
Descargar ahora
Descargar para leer sin conexión
Recomendados
スマホにおけるWebGL入門
スマホにおけるWebGL入門
Yohta Kanke
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
Yusuke HIDESHIMA
Nseg第32回勉強会
Nseg第32回勉強会
ko ty
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
20120630 android ics in Yokohama
20120630 android ics in Yokohama
Kenichi Ohwada
Aiming study#6pdf
Aiming study#6pdf
Koutaro Chikuba
明日から使えるgradle
明日から使えるgradle
kimukou_26 Kimukou
ExGame さくっと入門
ExGame さくっと入門
Soshi Kido
Recomendados
スマホにおけるWebGL入門
スマホにおけるWebGL入門
Yohta Kanke
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
Yusuke HIDESHIMA
Nseg第32回勉強会
Nseg第32回勉強会
ko ty
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
20120630 android ics in Yokohama
20120630 android ics in Yokohama
Kenichi Ohwada
Aiming study#6pdf
Aiming study#6pdf
Koutaro Chikuba
明日から使えるgradle
明日から使えるgradle
kimukou_26 Kimukou
ExGame さくっと入門
ExGame さくっと入門
Soshi Kido
配布用Supervisordによるnode.jsの運用
配布用Supervisordによるnode.jsの運用
yut148atgmaildotcom
Google IO 2012 つまみ食い(1) ADT r20 の新機能
Google IO 2012 つまみ食い(1) ADT r20 の新機能
Takuya Fujimura
勉強会資料@335g
勉強会資料@335g
Yoshiki Kudo
Cocos2dshader devcon jp_20120621_en
Cocos2dshader devcon jp_20120621_en
Ricardo Quesada
ICT ERA + ABC 2012 Tohoku
ICT ERA + ABC 2012 Tohoku
Takashi EGAWA
Android studio で行ってみよう!!
Android studio で行ってみよう!!
Kazuaki Ueda
JavaScriptをまじめに考えました+
JavaScriptをまじめに考えました+
Hiroaki Okubo
Gws 20120521 gradle
Gws 20120521 gradle
Nobuhiro Sue
vImageのススメ
vImageのススメ
Shuichi Tsutsumi
Visual Studio 2012 Native Debugger Feature
Visual Studio 2012 Native Debugger Feature
Kazushi Kamegawa
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Hiroaki Okubo
Mecha-Mozilla
Mecha-Mozilla
Daisuke Akatsuka
GDKとLLVM(横浜PF部向け)
GDKとLLVM(横浜PF部向け)
demuyan
Three.jsで3D気分
Three.jsで3D気分
Toshio Ehara
aws_opsworks
aws_opsworks
Yukihiko SAWANOBORI
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
Kei Nakazawa
Arctic.js開発者から見るFlasherの未来
Arctic.js開発者から見るFlasherの未来
chikathreesix
Google Big Query
Google Big Query
Ryuji Tamagawa
WebGLことはじめ
WebGLことはじめ
Kazuya Hiruma
JavaとScalaとGroovyと
JavaとScalaとGroovyと
irof N
Más contenido relacionado
Similar a Web GLの話
配布用Supervisordによるnode.jsの運用
配布用Supervisordによるnode.jsの運用
yut148atgmaildotcom
Google IO 2012 つまみ食い(1) ADT r20 の新機能
Google IO 2012 つまみ食い(1) ADT r20 の新機能
Takuya Fujimura
勉強会資料@335g
勉強会資料@335g
Yoshiki Kudo
Cocos2dshader devcon jp_20120621_en
Cocos2dshader devcon jp_20120621_en
Ricardo Quesada
ICT ERA + ABC 2012 Tohoku
ICT ERA + ABC 2012 Tohoku
Takashi EGAWA
Android studio で行ってみよう!!
Android studio で行ってみよう!!
Kazuaki Ueda
JavaScriptをまじめに考えました+
JavaScriptをまじめに考えました+
Hiroaki Okubo
Gws 20120521 gradle
Gws 20120521 gradle
Nobuhiro Sue
vImageのススメ
vImageのススメ
Shuichi Tsutsumi
Visual Studio 2012 Native Debugger Feature
Visual Studio 2012 Native Debugger Feature
Kazushi Kamegawa
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Hiroaki Okubo
Mecha-Mozilla
Mecha-Mozilla
Daisuke Akatsuka
GDKとLLVM(横浜PF部向け)
GDKとLLVM(横浜PF部向け)
demuyan
Three.jsで3D気分
Three.jsで3D気分
Toshio Ehara
aws_opsworks
aws_opsworks
Yukihiko SAWANOBORI
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
Kei Nakazawa
Arctic.js開発者から見るFlasherの未来
Arctic.js開発者から見るFlasherの未来
chikathreesix
Google Big Query
Google Big Query
Ryuji Tamagawa
WebGLことはじめ
WebGLことはじめ
Kazuya Hiruma
JavaとScalaとGroovyと
JavaとScalaとGroovyと
irof N
Similar a Web GLの話
(20)
配布用Supervisordによるnode.jsの運用
配布用Supervisordによるnode.jsの運用
Google IO 2012 つまみ食い(1) ADT r20 の新機能
Google IO 2012 つまみ食い(1) ADT r20 の新機能
勉強会資料@335g
勉強会資料@335g
Cocos2dshader devcon jp_20120621_en
Cocos2dshader devcon jp_20120621_en
ICT ERA + ABC 2012 Tohoku
ICT ERA + ABC 2012 Tohoku
Android studio で行ってみよう!!
Android studio で行ってみよう!!
JavaScriptをまじめに考えました+
JavaScriptをまじめに考えました+
Gws 20120521 gradle
Gws 20120521 gradle
vImageのススメ
vImageのススメ
Visual Studio 2012 Native Debugger Feature
Visual Studio 2012 Native Debugger Feature
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Mecha-Mozilla
Mecha-Mozilla
GDKとLLVM(横浜PF部向け)
GDKとLLVM(横浜PF部向け)
Three.jsで3D気分
Three.jsで3D気分
aws_opsworks
aws_opsworks
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
Arctic.js開発者から見るFlasherの未来
Arctic.js開発者から見るFlasherの未来
Google Big Query
Google Big Query
WebGLことはじめ
WebGLことはじめ
JavaとScalaとGroovyと
JavaとScalaとGroovyと
Web GLの話
1.
Web GLの話
2012/08/26 Sapporo.js @havanaclub_ 2012年8月26日日曜日
2.
WebGLってなんすか
(いきなり) 2012年8月26日日曜日
3.
WebGLってなんすか
Open GL ES 2.0 のJavaScript porting canvas要素にOpenGLのプレーンを作 れる GPUに直接命令を投げれる(ドライ バ経由で) 2012年8月26日日曜日
4.
対応ブラウザ
PC 新しげな Firefox, Chrome, Safari,Opera IEは対応する気がない(アドオン…) Handheld Firefox, Opera, ソニエリ UIWebViewは setWebGLEnabled:YESがいるよ 2012年8月26日日曜日
5.
OpenGL ES 2.0
ってな んぞ OpenGL 2.0のサブセット 最近のスマホの標準 ProgrammableShaderモデル, 実数精 度プリフィクス, 冗長なAPIの削除etc ちなみにこの前のSIGGRAPHで ES3.0が公開されたよ 2012年8月26日日曜日
6.
何がうれしいの
zero-deploy cross platform cross device で3Dインタラクションプログラムが 動く(やったー) 2012年8月26日日曜日
7.
デモるよ
Google zygote body http://zygotebody.com/ MMD on WebGL ft っぽいの http://edv.sakura.ne.jp/mmd/ doob.github.com/three.js/examples/webgl_geometry_minecraft_ao.html 2012年8月26日日曜日
8.
Programmable shader
OpenGL ES 2.0では全部の描画を Programmable Shaderを使わないと いけない =>どゆこと? 頂点を投げてphong shadingで塗れ とかいうようなAPIが一切なくなった パイプラインにデータとシェーダプ ログラムを投げて描画させる =>自由度の代わりに煩雑 2012年8月26日日曜日
9.
Shader pipeline
テクスチャ array Fragment 出力ビットマッ 頂点データ Vertex 頂点データ' shader shader プバッファ GLSL GLSL 2012年8月26日日曜日
10.
プログラムの流れ
1. 初期化(キャンバスとか座標関係とか 作る) 2. 頂点データ&頂点用GLSLをセット 3. Vertex shader(頂点シェーダ)で頂 点をごにょる 4. テクスチャとFragment Shader用 GLSLをセット 5. Fragment shader(DirectXでいうピ クセルシェーダ)で画素ごとにどうい う色にするか決める 2012年8月26日日曜日
11.
GLSL
シェーダプログラミング専用言語 Cっぽい。型付き 複数の頂点・ピクセルに同じプログ ラムが適用される一種のストリーム処 理 WebGLだと実行時コンパイル後GPU に流される 2012年8月26日日曜日
12.
セキュリティ
ローカルファイルや異なるドメインの 画像はテクスチャとして読めないので ローカル開発するときもWebサーバ立 てること 異ドメインについてはCORSヘッダつ ければ大丈夫だそう(未調査) 2012年8月26日日曜日
13.
実際どんなかんじな
の(コード解説) Learning WebGL のサンプルを少し整理した奴 http://learningwebgl.com/blog/?page_id=1217 2012年8月26日日曜日
14.
補足:座標の話
http://www.belanecbn.sk/opengl_tutorialy/obrazky/ opengl_perspective_projection.jpg 2012年8月26日日曜日
15.
ぶっちゃけ
めんどい 2012年8月26日日曜日
16.
ライブラリとか使お
う 2012年8月26日日曜日
17.
各種ライブラリ
three.js http://mrdoob.github.com/three.js/ おすすめ PhiloGL http://www.senchalabs.org/philogl/ GLGE http://www.glge.org/ SceneJS http://scenejs.org/ 2012年8月26日日曜日
18.
やってくれること
• 球とかの単純なオブジェクトの生成 • モデルデータ(+テクスチャ)・カメ ラの管理(シーングラフ管理) • ボーンとかIKあたりのアニメーション 支援 • LOD、Fogなどなど 2012年8月26日日曜日
19.
デモ 2012年8月26日日曜日
20.
パフォーマンス
• JavaScriptよりGPUのほうが10倍くら い早いのでなるべくGPUにやらせるこ と • パーティクル生成とかポストプロセス とか 2012年8月26日日曜日
21.
で、使い道は?
とりあえずゲーム方面? Quake 2は移植できたし Minecraftくらいなら余裕そう GISとか3Dチャートとかよろしいので は 3Dチャートライブラリ作りたい(Rに はなんかあるのを見せてもらった) 2012年8月26日日曜日
22.
本とか 2012年8月26日日曜日
23.
WebGL: Up and
Running Building 3D Graphics for the Web 今月出たばっかの本 three.jsベースでゲームと か作る とても良いです 2012年8月26日日曜日
24.
Professional WebGL Programming:
Developing 3D Graphics for the Web 今年7月の本 絵を出してテクス チャ貼るところまで (初心者向け?) 持ってない 2012年8月26日日曜日
25.
OpenGL Insights
今月出たばっかの本 OpenGLの最近のトピック や使いこなしテクが色々! WebGLの話もいくつか (結構値段するけど) 2012年8月26日日曜日
26.
Programming OpenGL
ES 2.0 Super Bibleとかは結構 レガシー記述が多い Programmable shader なOpenGLはこれから入 ると良い 日本語版もあるよ 2012年8月26日日曜日
27.
OpenGL 4.0 Shading
Language cookbook GLSLはこれいいよ GLSLのバージョンが 違うのでそのへんは がんばる あとnVidiaのサイト とかWebに色々サン プルのってる 2012年8月26日日曜日
Descargar ahora