Enviar pesquisa
Carregar
WebGLとvideoを組み合わせるおもしろい
•
3 gostaram
•
2,208 visualizações
Hiroyuki Anai
Seguir
html5experts night #2で発表した資料です。 http://atnd.org/event/E0020309
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 18
Baixar agora
Baixar para ler offline
Recomendados
Web Content Design Final Project
Web Content Design Final Project
Kenta Moriuchi
ビギナーがUNIQLOCKもどきを作ってみた
ビギナーがUNIQLOCKもどきを作ってみた
Taisuke Ozaki
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Y Watanabe
Jenkins study 7 2013-01-28
Jenkins study 7 2013-01-28
Ato ARAKI
今すぐブラウザでES6を使おう
今すぐブラウザでES6を使おう
Hayashi Yuichi
開発を彩る技術たち
開発を彩る技術たち
Oda Shinsuke
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
Jun-ichi Sakamoto
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
Recomendados
Web Content Design Final Project
Web Content Design Final Project
Kenta Moriuchi
ビギナーがUNIQLOCKもどきを作ってみた
ビギナーがUNIQLOCKもどきを作ってみた
Taisuke Ozaki
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Y Watanabe
Jenkins study 7 2013-01-28
Jenkins study 7 2013-01-28
Ato ARAKI
今すぐブラウザでES6を使おう
今すぐブラウザでES6を使おう
Hayashi Yuichi
開発を彩る技術たち
開発を彩る技術たち
Oda Shinsuke
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
Jun-ichi Sakamoto
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
プロト〜サービスアウトまでの開発支援ツールの作り方〜CrystalFantasia〜
プロト〜サービスアウトまでの開発支援ツールの作り方〜CrystalFantasia〜
Keisuke Utsumi
うわ…私のEmacs力、低すぎ...?
うわ…私のEmacs力、低すぎ...?
Masahiro Sano
Java event impression
Java event impression
OgataAyaka
PHPerがgolangでもがいてる話@第1回 関西Golang勉強会
PHPerがgolangでもがいてる話@第1回 関西Golang勉強会
Keisuke Utsumi
高速!Clojure Web 開発入門
高速!Clojure Web 開発入門
Kazuki Tsutsumi
Om Next ~React.jsを超えて
Om Next ~React.jsを超えて
Kazuki Tsutsumi
第4回concrete5京都勉強会 〜まだまだ遅くない!基礎からガッチリ使いこなそうconcrete5〜
第4回concrete5京都勉強会 〜まだまだ遅くない!基礎からガッチリ使いこなそうconcrete5〜
Yuzuru Sano
はじめてのTDD
はじめてのTDD
Yuto Matsukubo
Three.jsで3D気分
Three.jsで3D気分
Toshio Ehara
Threejs使ってみた
Threejs使ってみた
Takesxi Sximada
three.js の紹介
three.js の紹介
Sho Hosoda
Neoの世界へ
Neoの世界へ
時雨 大西
チョコ溶かす奴
チョコ溶かす奴
翔 石井
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Futomi Hatano
【14-D-4】デベロッパー戦国時代!ストーリーをつなぐ開発環境と3つの秘訣
【14-D-4】デベロッパー戦国時代!ストーリーをつなぐ開発環境と3つの秘訣
智治 長沢
これからのソフトウェア開発での プロジェクト管理の展望【リックソフトセミナー】
これからのソフトウェア開発での プロジェクト管理の展望【リックソフトセミナー】
智治 長沢
HTML5, きちんと。
HTML5, きちんと。
Masataka Yakura
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
Groovy Grails eXchage 2014 報告
Groovy Grails eXchage 2014 報告
Tsuyoshi Yamamoto
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
Dockerで始める Java EE アプリケーション開発 for JJUG CCC 2017
Dockerで始める Java EE アプリケーション開発 for JJUG CCC 2017
Kohei Saito
Mais conteúdo relacionado
Mais procurados
プロト〜サービスアウトまでの開発支援ツールの作り方〜CrystalFantasia〜
プロト〜サービスアウトまでの開発支援ツールの作り方〜CrystalFantasia〜
Keisuke Utsumi
うわ…私のEmacs力、低すぎ...?
うわ…私のEmacs力、低すぎ...?
Masahiro Sano
Java event impression
Java event impression
OgataAyaka
PHPerがgolangでもがいてる話@第1回 関西Golang勉強会
PHPerがgolangでもがいてる話@第1回 関西Golang勉強会
Keisuke Utsumi
高速!Clojure Web 開発入門
高速!Clojure Web 開発入門
Kazuki Tsutsumi
Om Next ~React.jsを超えて
Om Next ~React.jsを超えて
Kazuki Tsutsumi
第4回concrete5京都勉強会 〜まだまだ遅くない!基礎からガッチリ使いこなそうconcrete5〜
第4回concrete5京都勉強会 〜まだまだ遅くない!基礎からガッチリ使いこなそうconcrete5〜
Yuzuru Sano
はじめてのTDD
はじめてのTDD
Yuto Matsukubo
Mais procurados
(8)
プロト〜サービスアウトまでの開発支援ツールの作り方〜CrystalFantasia〜
プロト〜サービスアウトまでの開発支援ツールの作り方〜CrystalFantasia〜
うわ…私のEmacs力、低すぎ...?
うわ…私のEmacs力、低すぎ...?
Java event impression
Java event impression
PHPerがgolangでもがいてる話@第1回 関西Golang勉強会
PHPerがgolangでもがいてる話@第1回 関西Golang勉強会
高速!Clojure Web 開発入門
高速!Clojure Web 開発入門
Om Next ~React.jsを超えて
Om Next ~React.jsを超えて
第4回concrete5京都勉強会 〜まだまだ遅くない!基礎からガッチリ使いこなそうconcrete5〜
第4回concrete5京都勉強会 〜まだまだ遅くない!基礎からガッチリ使いこなそうconcrete5〜
はじめてのTDD
はじめてのTDD
Destaque
Three.jsで3D気分
Three.jsで3D気分
Toshio Ehara
Threejs使ってみた
Threejs使ってみた
Takesxi Sximada
three.js の紹介
three.js の紹介
Sho Hosoda
Neoの世界へ
Neoの世界へ
時雨 大西
チョコ溶かす奴
チョコ溶かす奴
翔 石井
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Futomi Hatano
【14-D-4】デベロッパー戦国時代!ストーリーをつなぐ開発環境と3つの秘訣
【14-D-4】デベロッパー戦国時代!ストーリーをつなぐ開発環境と3つの秘訣
智治 長沢
これからのソフトウェア開発での プロジェクト管理の展望【リックソフトセミナー】
これからのソフトウェア開発での プロジェクト管理の展望【リックソフトセミナー】
智治 長沢
HTML5, きちんと。
HTML5, きちんと。
Masataka Yakura
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
Destaque
(10)
Three.jsで3D気分
Three.jsで3D気分
Threejs使ってみた
Threejs使ってみた
three.js の紹介
three.js の紹介
Neoの世界へ
Neoの世界へ
チョコ溶かす奴
チョコ溶かす奴
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
【14-D-4】デベロッパー戦国時代!ストーリーをつなぐ開発環境と3つの秘訣
【14-D-4】デベロッパー戦国時代!ストーリーをつなぐ開発環境と3つの秘訣
これからのソフトウェア開発での プロジェクト管理の展望【リックソフトセミナー】
これからのソフトウェア開発での プロジェクト管理の展望【リックソフトセミナー】
HTML5, きちんと。
HTML5, きちんと。
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Semelhante a WebGLとvideoを組み合わせるおもしろい
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
Groovy Grails eXchage 2014 報告
Groovy Grails eXchage 2014 報告
Tsuyoshi Yamamoto
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
Dockerで始める Java EE アプリケーション開発 for JJUG CCC 2017
Dockerで始める Java EE アプリケーション開発 for JJUG CCC 2017
Kohei Saito
⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1
Nishida Kansuke
G* Workshop in Fukuoka - Introduction
G* Workshop in Fukuoka - Introduction
Kazuchika Sekiya
Opera Mobile for AndroidのカメラサポートをつかってWebコンテンツにカメラ機能をつけてみたお話
Opera Mobile for AndroidのカメラサポートをつかってWebコンテンツにカメラ機能をつけてみたお話
Akira Ouchi
Three.js使ってみた
Three.js使ってみた
晴哉 谷口
ペアプロはリモートでもできる!
ペアプロはリモートでもできる!
Tatsuya Deguchi
Perl Beginners #7 おとなのWAF
Perl Beginners #7 おとなのWAF
Munenori Sugimura
HTML5 のお話
HTML5 のお話
tomo_masakura
WebGL入門ハンズオン資料
WebGL入門ハンズオン資料
Kazuya Hiruma
Xcode で gulp を使うお話
Xcode で gulp を使うお話
Yoichiro Sakurai
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
Yusuke Hirano
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
Yusuke Hirano
Iotlt 28 HoloLensに日本語聞いてもらいたい
Iotlt 28 HoloLensに日本語聞いてもらいたい
Masaki Yamamoto
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
Yasunobu Ikeda
手乗りちょまぎょアプリ開発で学ぶ MRTK 入門 (MRTK 2.5 対応)
手乗りちょまぎょアプリ開発で学ぶ MRTK 入門 (MRTK 2.5 対応)
Madoka Chiyoda
PythonのGUI_2018 with NSEG
PythonのGUI_2018 with NSEG
Jun Okazaki
Html5概要 & デモ
Html5概要 & デモ
yoshikawa_t
Semelhante a WebGLとvideoを組み合わせるおもしろい
(20)
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Groovy Grails eXchage 2014 報告
Groovy Grails eXchage 2014 報告
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Dockerで始める Java EE アプリケーション開発 for JJUG CCC 2017
Dockerで始める Java EE アプリケーション開発 for JJUG CCC 2017
⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1
G* Workshop in Fukuoka - Introduction
G* Workshop in Fukuoka - Introduction
Opera Mobile for AndroidのカメラサポートをつかってWebコンテンツにカメラ機能をつけてみたお話
Opera Mobile for AndroidのカメラサポートをつかってWebコンテンツにカメラ機能をつけてみたお話
Three.js使ってみた
Three.js使ってみた
ペアプロはリモートでもできる!
ペアプロはリモートでもできる!
Perl Beginners #7 おとなのWAF
Perl Beginners #7 おとなのWAF
HTML5 のお話
HTML5 のお話
WebGL入門ハンズオン資料
WebGL入門ハンズオン資料
Xcode で gulp を使うお話
Xcode で gulp を使うお話
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
Iotlt 28 HoloLensに日本語聞いてもらいたい
Iotlt 28 HoloLensに日本語聞いてもらいたい
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
手乗りちょまぎょアプリ開発で学ぶ MRTK 入門 (MRTK 2.5 対応)
手乗りちょまぎょアプリ開発で学ぶ MRTK 入門 (MRTK 2.5 対応)
PythonのGUI_2018 with NSEG
PythonのGUI_2018 with NSEG
Html5概要 & デモ
Html5概要 & デモ
Último
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
Último
(10)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
WebGLとvideoを組み合わせるおもしろい
1.
WebGLと<video>を 組み合わせると おもしろい HTML5 Experts Night
#2 2013/10/25(Fri) ! @pirosikick
2.
自己紹介 • 穴井 宏幸 •
@pirosikick • エンジニア • どちらかと言えばフロントエンド • 好きな言語: JavaScript • HTML5大好きっ!!!!
3.
初LTです
4.
緊張しています
5.
よろしく お願いします m(_ _)m
6.
WebGL • OpenGLのブラウザで動く版 • Canvasと違ってGPUを使うからさくさく •
対応ブラウザが増えてきた!
7.
http://html5experts.jp/yomotsu/2897/
8.
WebGLと<video>? • Textureとして<video>が使える • <canvas>とかも使える
9.
サンプル http://threejs.org/examples/#webgl_materials_video
10.
• 派手 • なんかすごい •
なんかかっこいい • 素敵っ////
11.
でも、むずかしいんでしょう?
12.
three.jsを使おう • WebGLのラッパーライブラリ • 現在のバージョンはr62 •
WebGLと一緒に紹介されることが多い
13.
デモ1 http://s3.pirosikick.com/html5exp-night-2/ex1.html
14.
50
15.
さらにWebRTCを 組み合わせる
16.
デモ2 http://s3.pirosikick.com/html5exp-night-2/ex2.html
17.
まとめ • three.jsのお陰で難しいことを考えな くてよい • OpenGLではできないことが絶対できる と思う。 •
しかもOpenGLのノウハウは使えそう
18.
ありがとう ございました
Baixar agora