Submit Search
Upload
JSオジサン openframeworks emscripten
•
1 like
•
4,991 views
minoru nakanou
Follow
javascript openframeworks emscripten
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 29
Download Now
Download to read offline
Recommended
Angularおじさんの1年
Angularおじさんの1年
Hayashi Yuichi
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
CSS Living StyleGuide
CSS Living StyleGuide
Hayashi Yuichi
Front-end package managers
Front-end package managers
Hayashi Yuichi
LIGでのDocker活用
LIGでのDocker活用
Hayashi Yuichi
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Hayashi Yuichi
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
次世代Web業務アプリケーション
次世代Web業務アプリケーション
Fumio SAGAWA
More Related Content
What's hot
Remote Development with Visual Studio Code & A clean dev env, working every ...
Remote Development with Visual Studio Code & A clean dev env, working every ...
Hiroyuki Ohnaka
LIGにおけるフロントエンドチーム構築
LIGにおけるフロントエンドチーム構築
Hayashi Yuichi
フロントエンドの技術で始めるデスクトップアプリ
フロントエンドの技術で始めるデスクトップアプリ
Tomotaka Kusaka
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
Mitsuru Ogawa
OWIN - .NETにおけるPSGI -
OWIN - .NETにおけるPSGI -
将 高野
これさえあれば大丈夫!Visual Studio Code 徹底解説
これさえあれば大丈夫!Visual Studio Code 徹底解説
Saki Homma
Write slides and books in VSCode + Markdown
Write slides and books in VSCode + Markdown
ロフト くん
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
SeleniumIDEとSelenium WebDriver × Node.js Seleniumで業務効率化する15分
SeleniumIDEとSelenium WebDriver × Node.js Seleniumで業務効率化する15分
松田 千尋
DroidKaigi - Welcome talk
DroidKaigi - Welcome talk
Masahiro Hidaka
Visual studio 2019 updates pickup!
Visual studio 2019 updates pickup!
一希 大田
今すぐブラウザでES6を使おう
今すぐブラウザでES6を使おう
Hayashi Yuichi
これからフロントエンジニアを目指すあなたへ
これからフロントエンジニアを目指すあなたへ
Mitsuru Ogawa
VSCodeへコントリビュート / Contribute to VSCode
VSCodeへコントリビュート / Contribute to VSCode
Yusuke Yamada
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Masakazu Muraoka
20150926 uwpストア攻略
20150926 uwpストア攻略
Makoto Nishimura
【PlayFab】UnityAdsのリワード広告を統合する方法
【PlayFab】UnityAdsのリワード広告を統合する方法
TakuyaNakajo
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
Blazor Server テンプレート解説
Blazor Server テンプレート解説
Yuta Matsumura
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Naoki Yamada
What's hot
(20)
Remote Development with Visual Studio Code & A clean dev env, working every ...
Remote Development with Visual Studio Code & A clean dev env, working every ...
LIGにおけるフロントエンドチーム構築
LIGにおけるフロントエンドチーム構築
フロントエンドの技術で始めるデスクトップアプリ
フロントエンドの技術で始めるデスクトップアプリ
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
OWIN - .NETにおけるPSGI -
OWIN - .NETにおけるPSGI -
これさえあれば大丈夫!Visual Studio Code 徹底解説
これさえあれば大丈夫!Visual Studio Code 徹底解説
Write slides and books in VSCode + Markdown
Write slides and books in VSCode + Markdown
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
SeleniumIDEとSelenium WebDriver × Node.js Seleniumで業務効率化する15分
SeleniumIDEとSelenium WebDriver × Node.js Seleniumで業務効率化する15分
DroidKaigi - Welcome talk
DroidKaigi - Welcome talk
Visual studio 2019 updates pickup!
Visual studio 2019 updates pickup!
今すぐブラウザでES6を使おう
今すぐブラウザでES6を使おう
これからフロントエンジニアを目指すあなたへ
これからフロントエンジニアを目指すあなたへ
VSCodeへコントリビュート / Contribute to VSCode
VSCodeへコントリビュート / Contribute to VSCode
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
20150926 uwpストア攻略
20150926 uwpストア攻略
【PlayFab】UnityAdsのリワード広告を統合する方法
【PlayFab】UnityAdsのリワード広告を統合する方法
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Blazor Server テンプレート解説
Blazor Server テンプレート解説
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Similar to JSオジサン openframeworks emscripten
20140712 knockoutjs-hands-on-in-osaka
20140712 knockoutjs-hands-on-in-osaka
Seiji Noro
Fukuoka.NET Conf 2018: 挑み続ける!Dockerコンテナによる ASP.NET Core アプリケーション開発事例
Fukuoka.NET Conf 2018: 挑み続ける!Dockerコンテナによる ASP.NET Core アプリケーション開発事例
Joni
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
ShinichiAoyagi
React.jsを勉強しよう
React.jsを勉強しよう
Hikaru Sato
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Tokuhiro Matsuno
20140517 knockoutjs hands-on
20140517 knockoutjs hands-on
Seiji Noro
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
david9142
Getting started with node.js
Getting started with node.js
kouzouman
Walking front end
Walking front end
Hirata Tomoko
Hokuriku.net 2013 01-26 node.js
Hokuriku.net 2013 01-26 node.js
Tadahiro Ishisaka
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
Nobuhiro Nakashima
JavaScript.Next Returns
JavaScript.Next Returns
dynamis
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
kamiyam .
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
Takayoshi Tanaka
.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み
Kouji Matsui
Node.js で Web アプリ開発
Node.js で Web アプリ開発
Tatsumi Naganuma
めんどうな viewport や 端末判別の ために sagen.js
めんどうな viewport や 端末判別の ために sagen.js
Hiroaki Okubo
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Maaya Ishida
Using SockJS(Websocket) with Sencha Ext JS
Using SockJS(Websocket) with Sencha Ext JS
Kazuhiro Kotsutsumi
Similar to JSオジサン openframeworks emscripten
(20)
20140712 knockoutjs-hands-on-in-osaka
20140712 knockoutjs-hands-on-in-osaka
Fukuoka.NET Conf 2018: 挑み続ける!Dockerコンテナによる ASP.NET Core アプリケーション開発事例
Fukuoka.NET Conf 2018: 挑み続ける!Dockerコンテナによる ASP.NET Core アプリケーション開発事例
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
React.jsを勉強しよう
React.jsを勉強しよう
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
20140517 knockoutjs hands-on
20140517 knockoutjs hands-on
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Getting started with node.js
Getting started with node.js
Walking front end
Walking front end
Hokuriku.net 2013 01-26 node.js
Hokuriku.net 2013 01-26 node.js
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
JavaScript.Next Returns
JavaScript.Next Returns
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み
Node.js で Web アプリ開発
Node.js で Web アプリ開発
めんどうな viewport や 端末判別の ために sagen.js
めんどうな viewport や 端末判別の ために sagen.js
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Using SockJS(Websocket) with Sencha Ext JS
Using SockJS(Websocket) with Sencha Ext JS
More from minoru nakanou
MAX-JSオジサン#5
MAX-JSオジサン#5
minoru nakanou
IoTでいうところのIよりの知識でTする
IoTでいうところのIよりの知識でTする
minoru nakanou
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
minoru nakanou
Web Speech API でおっさんの声を美少女化してみた
Web Speech API でおっさんの声を美少女化してみた
minoru nakanou
Unity パーティクルシステム超入門
Unity パーティクルシステム超入門
minoru nakanou
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
minoru nakanou
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
minoru nakanou
Grunt task Unite-Coffee
Grunt task Unite-Coffee
minoru nakanou
More from minoru nakanou
(8)
MAX-JSオジサン#5
MAX-JSオジサン#5
IoTでいうところのIよりの知識でTする
IoTでいうところのIよりの知識でTする
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
Web Speech API でおっさんの声を美少女化してみた
Web Speech API でおっさんの声を美少女化してみた
Unity パーティクルシステム超入門
Unity パーティクルシステム超入門
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
Grunt task Unite-Coffee
Grunt task Unite-Coffee
JSオジサン openframeworks emscripten
1.
openFrameworkes emscripten setup!
2.
JSオジサン #6 登壇資料
3.
中農稔/ねろ 技術部・人事部 JS、AS、Node.js、C#(Unity)、oF、Arduino、Swift www.kayac.com/team/nakano-minoru
4.
@nenjiru http://www.slideshare.net/minorunakanou/ http://qiita.com/nenjiru https://twitter.com/nenjiru http://jsdo.it/nenjiru
5.
本日のテーマ
6.
openFrameworker のみなさん ブラウザですよ、ブラウザっ!
7.
openFrameworks ?
8.
https://vimeo.com/4446798
9.
クリエイティブコーディング界の人気ツール
10.
Processing MAX vvvv oF Cinder
11.
Processing MAX vvvv oF Cinder
12.
Processing.js(p5.js) John Resig
13.
openFrameworks 0.9 が
Emscripten に対応
14.
Emscripten とは? C/C++からLLVMを生成し、それをJavaScriptに変換するコンパイラ。 ちなみに、えむすくりぷてんが正解っぽい
15.
Emscripten とは? つまり oF
がブラウザで動く!
16.
やってみた
17.
oF 0.9 をダウンロード http://openframeworks.cc/download/
18.
emscriptenをダウンロード http://kripken.github.io/emscripten-site
19.
公式セットアップガイド http://openframeworks.jp/setup/emscripten/
20.
python2 のシンボリックリンク sudo ln
-s /usr/bin/python2.7 /usr/bin/python2 ※ バージョンは適宜変えてください emscripten のパスを通す local EMSCRIPTEN_PATH="$HOME/(emscriptenディレクトリ)/emscripten/1.35.0" export PATH="$EMSCRIPTEN_PATH:$PATH" ※ バージョンは適宜変えてください
21.
まずは普通に Xcode でビルド
22.
デモ
23.
Emscripten でビルド
24.
デモ
25.
その他のデモ http://arturocastro.net/files/of-emscripten/
26.
所感 ・基本的な2D/3D描画は大丈夫 ・画像や3Dモデルの読み込みも問題なさそう ・Safari、Chrome でのデバイスへのアクセスがだめ ・GL がすべてだめ。OSC
もシリアル通信もだめ ・ofRect→ofDrawRectangle、ofCircle→ofDrawCircle
27.
今後に期待!(強調)
28.
http://yoppa.org/works/of_emscripten/Perlin3DTest/
29.
ありがとうございました!
Download Now