Soumettre la recherche
Mettre en ligne
WebGLとvideoを組み合わせるおもしろい
•
3 j'aime
•
2,208 vues
Hiroyuki Anai
Suivre
html5experts night #2で発表した資料です。 http://atnd.org/event/E0020309
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 18
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
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
Recommandé
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
Contenu connexe
Tendances
プロト〜サービスアウトまでの開発支援ツールの作り方〜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
Tendances
(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
En vedette
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
En vedette
(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による一歩進めたグラフィカルな表現
Similaire à 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
Similaire à 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概要 & デモ
Dernier
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Dernier
(11)
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
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.
ありがとう ございました
Télécharger maintenant