WebGLと<video>を
組み合わせると
おもしろい
HTML5 Experts Night #2
2013/10/25(Fri)
!

@pirosikick
自己紹介
• 穴井 宏幸
• @pirosikick
• エンジニア
• どちらかと言えばフロントエンド
• 好きな言語: JavaScript
• HTML5大好きっ!!!!
初LTです
緊張しています
よろしく
お願いします
m(_ _)m
WebGL
• OpenGLのブラウザで動く版
• Canvasと違ってGPUを使うからさくさく
• 対応ブラウザが増えてきた!
http://html5experts.jp/yomotsu/2897/
WebGLと<video>?

• Textureとして<video>が使える
• <canvas>とかも使える
サンプル
http://threejs.org/examples/#webgl_materials_video
• 派手
• なんかすごい
• なんかかっこいい
• 素敵っ////
でも、むずかしいんでしょう?
three.jsを使おう
• WebGLのラッパーライブラリ
• 現在のバージョンはr62
• WebGLと一緒に紹介されることが多い
デモ1
http://s3.pirosikick.com/html5exp-night-2/ex1.html
50
さらにWebRTCを
組み合わせる
デモ2
http://s3.pirosikick.com/html5exp-night-2/ex2.html
まとめ
• three.jsのお陰で難しいことを考えな
くてよい
• OpenGLではできないことが絶対できる
と思う。
• しかもOpenGLのノウハウは使えそう
ありがとう
ございました
Upcoming SlideShare
Loading in …5
×

WebGLとvideoを組み合わせるおもしろい

1,439 views
1,324 views

Published on

html5experts night #2で発表した資料です。
http://atnd.org/event/E0020309

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,439
On SlideShare
0
From Embeds
0
Number of Embeds
280
Actions
Shares
0
Downloads
5
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

WebGLとvideoを組み合わせるおもしろい

  1. 1. WebGLと<video>を 組み合わせると おもしろい HTML5 Experts Night #2 2013/10/25(Fri) ! @pirosikick
  2. 2. 自己紹介 • 穴井 宏幸 • @pirosikick • エンジニア • どちらかと言えばフロントエンド • 好きな言語: JavaScript • HTML5大好きっ!!!!
  3. 3. 初LTです
  4. 4. 緊張しています
  5. 5. よろしく お願いします m(_ _)m
  6. 6. WebGL • OpenGLのブラウザで動く版 • Canvasと違ってGPUを使うからさくさく • 対応ブラウザが増えてきた!
  7. 7. http://html5experts.jp/yomotsu/2897/
  8. 8. WebGLと<video>? • Textureとして<video>が使える • <canvas>とかも使える
  9. 9. サンプル http://threejs.org/examples/#webgl_materials_video
  10. 10. • 派手 • なんかすごい • なんかかっこいい • 素敵っ////
  11. 11. でも、むずかしいんでしょう?
  12. 12. three.jsを使おう • WebGLのラッパーライブラリ • 現在のバージョンはr62 • WebGLと一緒に紹介されることが多い
  13. 13. デモ1 http://s3.pirosikick.com/html5exp-night-2/ex1.html
  14. 14. 50
  15. 15. さらにWebRTCを 組み合わせる
  16. 16. デモ2 http://s3.pirosikick.com/html5exp-night-2/ex2.html
  17. 17. まとめ • three.jsのお陰で難しいことを考えな くてよい • OpenGLではできないことが絶対できる と思う。 • しかもOpenGLのノウハウは使えそう
  18. 18. ありがとう ございました

×