Submit Search
Upload
Processing で作るVRアプリ
•
Download as PPTX, PDF
•
3 likes
•
2,149 views
T
Takeshi Takaishi
Follow
Processing + Android mode (pre 4.0+) + cardboard library で手軽に VR アプリを作成しました。
Read less
Read more
Software
Report
Share
Report
Share
1 of 16
Download now
Recommended
Stingrayでゲームを作ってみました。 ScaleformでGUI、Level Story、Particle、Flowとカスタムノード、Luaとの連携についての解説です。
Practical game development with Stingray 2
Practical game development with Stingray 2
Naoji Taniguchi
顔の位置に合わせて動画をシフトさせて表示するプログラムについて http://www.openprocessing.org/sketch/374655
FaceControllMovie
FaceControllMovie
Takeshi Takaishi
The Glass Class Lecture 5: Prototyping with Processing
The Glass Class Lecture 5: Prototyping with Processing
Mark Billinghurst
Model-View-(Reactive)Presenterパターンをやってみた話
UniRxでMV(R)Pパターンをやってみた
UniRxでMV(R)Pパターンをやってみた
torisoup
Hacker Tackleで発表した、C♯開発を今から始める方向けのセッションです。
今からでも遅くないC#開発
今からでも遅くないC#開発
Kazunori Hamamoto
2017/03/16に行われたCAMPFIRE iOS #1の発表資料です。 ホットペッパービューティーのアプリリプレイスで採用した、 iOS向けのMVPであるMVCPモデルについてご紹介します。
ホットペッパービューティーアプリリプレイスとMVCP
ホットペッパービューティーアプリリプレイスとMVCP
Recruit Lifestyle Co., Ltd.
Tokyo HoloLens Meetup vol.2 での LT 発表資料です
HoloLens x Graphics 入門
HoloLens x Graphics 入門
hecomi
Cocos2d xをさらにさわってみよう! ・これだけ覚えていればC++は怖くない ・クロスプラットフォーム開発環境構築
Cocos2d xをさらにさわってみよう!
Cocos2d xをさらにさわってみよう!
Tomoaki Shimizu
Recommended
Stingrayでゲームを作ってみました。 ScaleformでGUI、Level Story、Particle、Flowとカスタムノード、Luaとの連携についての解説です。
Practical game development with Stingray 2
Practical game development with Stingray 2
Naoji Taniguchi
顔の位置に合わせて動画をシフトさせて表示するプログラムについて http://www.openprocessing.org/sketch/374655
FaceControllMovie
FaceControllMovie
Takeshi Takaishi
The Glass Class Lecture 5: Prototyping with Processing
The Glass Class Lecture 5: Prototyping with Processing
Mark Billinghurst
Model-View-(Reactive)Presenterパターンをやってみた話
UniRxでMV(R)Pパターンをやってみた
UniRxでMV(R)Pパターンをやってみた
torisoup
Hacker Tackleで発表した、C♯開発を今から始める方向けのセッションです。
今からでも遅くないC#開発
今からでも遅くないC#開発
Kazunori Hamamoto
2017/03/16に行われたCAMPFIRE iOS #1の発表資料です。 ホットペッパービューティーのアプリリプレイスで採用した、 iOS向けのMVPであるMVCPモデルについてご紹介します。
ホットペッパービューティーアプリリプレイスとMVCP
ホットペッパービューティーアプリリプレイスとMVCP
Recruit Lifestyle Co., Ltd.
Tokyo HoloLens Meetup vol.2 での LT 発表資料です
HoloLens x Graphics 入門
HoloLens x Graphics 入門
hecomi
Cocos2d xをさらにさわってみよう! ・これだけ覚えていればC++は怖くない ・クロスプラットフォーム開発環境構築
Cocos2d xをさらにさわってみよう!
Cocos2d xをさらにさわってみよう!
Tomoaki Shimizu
Cocos2d x-sprite3d
Cocos2d x-sprite3d
aktsk
cocos2d-xの簡単な紹介と、cocos2d-x 3.0のalpha版でどのように変わったかを紹介します。
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
Kohki Miki
Cocos2d
Cocos2d
Kenji Kamijo
cuda
Cuda
Cuda
Shumpei Hozumi
Media Art II 2013 第5回:openFrameworks Addonを使用する
Media Art II 2013 第5回:openFrameworks Addonを使用する
Atsushi Tadokoro
PF部2011年12月勉強会.androidsola
PF部2011年12月勉強会.androidsola
android sola
Titaniumの簡単な資料です。
Titanium勉強会
Titanium勉強会
洋平 前田
2015/7/29開催Cocos2d-xハンズオンセミナーの資料
Cocos2d-xハンズオンセミナー
Cocos2d-xハンズオンセミナー
Chukong Technologies Japan
Android 用ゲームを作るのには、何が必要でしょうか。Android 専用ゲームというのは、どんなゲームでしょうか。Android の様々な端末に対応するのには、どうすればいいでしょうか。このセッションでは Android の成功するゲームの作り方を説明します。ダウンロード回数 120 万回を超える「ワンダのレプリカ島」という横スクロールアクションゲームを利用した、Android 的なゲーム開発方法についての発表になります。技術的な内容だけではなく、ゲームのプラニングや Android マーケットについて説明します。
Google Developer Day 2010 Japan: Android でリアルタイムゲームを開発する方法: リベンジ (クリス プルエット)
Google Developer Day 2010 Japan: Android でリアルタイムゲームを開発する方法: リベンジ (クリス プルエット)
Google Developer Relations Team
㉞cocos2d-xの開発環境をインストールしてみよう
㉞cocos2d-xの開発環境をインストールしてみよう
Nishida Kansuke
cocos2d-xハンズオン勉強会 in 名古屋
cocos2d-xハンズオン勉強会 in 名古屋
Tomoaki Shimizu
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Tomoaki Shimizu
横浜Android and モバイルOSプラットフォーム部第38回勉強会 #yapf 発表スライド
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
kimukou_26 Kimukou
2013/1/18 Cocos2d-x公開講座 in 鹿児島
Cocos2d-x公開講座 in 鹿児島
Cocos2d-x公開講座 in 鹿児島
Tomoaki Shimizu
講演者 : エヌビディアジャパン シニアCUDAエンジニア 森野慎也 2016/1/27開催の「MaxwellとJava、C#のためのCUDA」における、講演資料です。 詳細については、イベントページをご参照ください。 http://nvidia.connpass.com/event/24764/
Maxwell と Java CUDAプログラミング
Maxwell と Java CUDAプログラミング
NVIDIA Japan
社内の勉強会用に作った資料です。 ちょっと情報が古いのはご了承下さい(´・ω・`) もしかしたら嘘書いてるかもしれないのでツッコミ頂けると幸いです。
Cocos2d-x勉強会 2014/10/05
Cocos2d-x勉強会 2014/10/05
Yasuhiro Matsuda
https://www.facebook.com/TonosamaLabo
㉒初期プロジェクトを改造!
㉒初期プロジェクトを改造!
Nishida Kansuke
㊱タイルマップに挑戦
㊱タイルマップに挑戦
Nishida Kansuke
NVIDIA Japan Seminar 2012
NVIDIA Japan Seminar 2012
Takuro Iizuka
Cocosサービスについて
Cocosサービスについて
Cocosサービスについて
Chukong Technologies Japan
More Related Content
Similar to Processing で作るVRアプリ
Cocos2d x-sprite3d
Cocos2d x-sprite3d
aktsk
cocos2d-xの簡単な紹介と、cocos2d-x 3.0のalpha版でどのように変わったかを紹介します。
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
Kohki Miki
Cocos2d
Cocos2d
Kenji Kamijo
cuda
Cuda
Cuda
Shumpei Hozumi
Media Art II 2013 第5回:openFrameworks Addonを使用する
Media Art II 2013 第5回:openFrameworks Addonを使用する
Atsushi Tadokoro
PF部2011年12月勉強会.androidsola
PF部2011年12月勉強会.androidsola
android sola
Titaniumの簡単な資料です。
Titanium勉強会
Titanium勉強会
洋平 前田
2015/7/29開催Cocos2d-xハンズオンセミナーの資料
Cocos2d-xハンズオンセミナー
Cocos2d-xハンズオンセミナー
Chukong Technologies Japan
Android 用ゲームを作るのには、何が必要でしょうか。Android 専用ゲームというのは、どんなゲームでしょうか。Android の様々な端末に対応するのには、どうすればいいでしょうか。このセッションでは Android の成功するゲームの作り方を説明します。ダウンロード回数 120 万回を超える「ワンダのレプリカ島」という横スクロールアクションゲームを利用した、Android 的なゲーム開発方法についての発表になります。技術的な内容だけではなく、ゲームのプラニングや Android マーケットについて説明します。
Google Developer Day 2010 Japan: Android でリアルタイムゲームを開発する方法: リベンジ (クリス プルエット)
Google Developer Day 2010 Japan: Android でリアルタイムゲームを開発する方法: リベンジ (クリス プルエット)
Google Developer Relations Team
㉞cocos2d-xの開発環境をインストールしてみよう
㉞cocos2d-xの開発環境をインストールしてみよう
Nishida Kansuke
cocos2d-xハンズオン勉強会 in 名古屋
cocos2d-xハンズオン勉強会 in 名古屋
Tomoaki Shimizu
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Tomoaki Shimizu
横浜Android and モバイルOSプラットフォーム部第38回勉強会 #yapf 発表スライド
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
kimukou_26 Kimukou
2013/1/18 Cocos2d-x公開講座 in 鹿児島
Cocos2d-x公開講座 in 鹿児島
Cocos2d-x公開講座 in 鹿児島
Tomoaki Shimizu
講演者 : エヌビディアジャパン シニアCUDAエンジニア 森野慎也 2016/1/27開催の「MaxwellとJava、C#のためのCUDA」における、講演資料です。 詳細については、イベントページをご参照ください。 http://nvidia.connpass.com/event/24764/
Maxwell と Java CUDAプログラミング
Maxwell と Java CUDAプログラミング
NVIDIA Japan
社内の勉強会用に作った資料です。 ちょっと情報が古いのはご了承下さい(´・ω・`) もしかしたら嘘書いてるかもしれないのでツッコミ頂けると幸いです。
Cocos2d-x勉強会 2014/10/05
Cocos2d-x勉強会 2014/10/05
Yasuhiro Matsuda
https://www.facebook.com/TonosamaLabo
㉒初期プロジェクトを改造!
㉒初期プロジェクトを改造!
Nishida Kansuke
㊱タイルマップに挑戦
㊱タイルマップに挑戦
Nishida Kansuke
NVIDIA Japan Seminar 2012
NVIDIA Japan Seminar 2012
Takuro Iizuka
Cocosサービスについて
Cocosサービスについて
Cocosサービスについて
Chukong Technologies Japan
Similar to Processing で作るVRアプリ
(20)
Cocos2d x-sprite3d
Cocos2d x-sprite3d
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
Cocos2d
Cocos2d
Cuda
Cuda
Media Art II 2013 第5回:openFrameworks Addonを使用する
Media Art II 2013 第5回:openFrameworks Addonを使用する
PF部2011年12月勉強会.androidsola
PF部2011年12月勉強会.androidsola
Titanium勉強会
Titanium勉強会
Cocos2d-xハンズオンセミナー
Cocos2d-xハンズオンセミナー
Google Developer Day 2010 Japan: Android でリアルタイムゲームを開発する方法: リベンジ (クリス プルエット)
Google Developer Day 2010 Japan: Android でリアルタイムゲームを開発する方法: リベンジ (クリス プルエット)
㉞cocos2d-xの開発環境をインストールしてみよう
㉞cocos2d-xの開発環境をインストールしてみよう
cocos2d-xハンズオン勉強会 in 名古屋
cocos2d-xハンズオン勉強会 in 名古屋
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Cocos2d-x公開講座 in 鹿児島
Cocos2d-x公開講座 in 鹿児島
Maxwell と Java CUDAプログラミング
Maxwell と Java CUDAプログラミング
Cocos2d-x勉強会 2014/10/05
Cocos2d-x勉強会 2014/10/05
㉒初期プロジェクトを改造!
㉒初期プロジェクトを改造!
㊱タイルマップに挑戦
㊱タイルマップに挑戦
NVIDIA Japan Seminar 2012
NVIDIA Japan Seminar 2012
Cocosサービスについて
Cocosサービスについて
Processing で作るVRアプリ
1.
Processing で作る VR
アプリ 高石武史
2.
内容 Processing で Google
Cardboard 用アプリを作成する 1.準備 2.最初のサンプル • Processing サンプル中の 3D object 表示プログラムを VR 化 3.応用プログラム • コード作成手順 4.注意すること
3.
1.準備
4.
Adroid Cardboard SDK
を利用するために • Unity 3D • Windows/ MacOS • Cardboard SDK で正式サポート • Processing + Android mode + Processing-cardboard library • Windows/ MacOS/ Linux • Processing で P3D モードで作成した 3D CG は、少ない変更で動作 • Cardboard 非対応機 (Nexus7 2012:バックカメラなし)でも動作 (原因 不明) • Processing 4 から正式対応予定 • その他 • Android SDK, iOS SDK, Uureal Engine 4
5.
準備 (Windows10) 1. Processing-3.2.x
をダウンロードし,インストール 2. Java SE Development Kit 8をインストール 3. Android Studioをインストール 1. SDK Manger で Android 5.1などの対応バージョン, USB driver を忘れず に追加 4. Android Mode (Pre 4.0+) を Processing/modes にインストール (私が利用したのは 0255) 5. processing-cardboard libraryを Processing/libraries にインストール 6. Processing 1. Android Mode に設定 (slelect path で SDK のフォルダーを指定: 全ての フォルダが見えるように設定が必要) 2. ツールバーメニューで Android - Cardboard (この指定が無いと動きませ ん!!) 3. Android device を USB debug mode で接続し、ツールバーメニューの Android - connect devicesで確認 4. run でコンパイルし、実機で動作(インストールもされる)
6.
2. 最初のサンプル
7.
最初のサンプル 1. Processing を起動 2.
java モードであることを確認 3. サンプルを開く • メニューから[ファイル]->[サンプル]で Basics:Shape:LoadDisplayOBJ 4.実行結果を確認 5. ファイル名を付けて自分のフォルダに保存 6. Android モードに変更 7. メニューから [Android]->[Cardboard] をチェック 8. Android スマートフォンをUSBで接続 9. メニューから [Android]->[Devices] で接続を確認 10.コードの変更
8.
PShape rocket; float ry; public
void setup() { size(640, 360, P3D); orientation(LANDSCAPE); rocket = loadShape("rocket.obj"); } public void draw() { background(0); lights(); translate(width/2, height/2 + 100, -200); rotateZ(PI); rotateY(ry); shape(rocket); ry += 0.02; } import processing.cardboard.*; PShape rocket; float ry; public void setup() { fullScreen(PCardboard.STEREO); rocket = loadShape(“rocket.obj”); } public void draw() { background(0); lights(); translate(0,0,(float(height)/2.0) / tan(PI/6.0)); translate(0,0,-200); // 中心からずらして表示 scale(1,-1,1); translate(0, 100, 200); rotateZ(PI); rotateY(ry); shape(rocket); ry += 0.02; } Basics:Shape:LoadDisplayOBJ
9.
Cube[] cubies =
new Cube[20]; float bounds = 300; void setup() { size(640, 360, P3D); for (int i = 0; i < cubies.length; i++) { // Cubies are randomly sized float cubieSize = random(5, 15); cubies[i] = new Cube(cubieSize, cubieSize, cubieSize); } } void draw() { background(50); lights(); // Center in display window translate(width/2, height/2, -130); // Rotate everything, including external large cube rotateX(frameCount * 0.001); rotateY(frameCount * 0.002); rotateZ(frameCount * 0.001); stroke(255); // Outer transparent cube, just using box() method noFill(); box(bounds); // Move and rotate cubies for (Cube c : cubies) { c.update(); c.display(); } } import processing.cardboard.*; Cube[] cubies = new Cube[20]; float bounds = 300; void setup() { fullScreen(PCardboard.STEREO); for (int i = 0; i < cubies.length; i++) { // Cubies are randomly sized float cubieSize = random(5, 15); cubies[i] = new Cube(cubieSize, cubieSize, cubieSize); } } void draw() { background(50); lights(); // Center in display window translate(0,0,(float(height)/2.0) / tan(PI/6.0)); translate(0,0,130); scale(1,-1,1); // Rotate everything, including external large cube rotateX(frameCount * 0.001); rotateY(frameCount * 0.002); rotateZ(frameCount * 0.001); stroke(255); // Outer transparent cube, just using box() method noFill(); box(bounds); // Move and rotate cubies for (Cube c : cubies) { c.update(); c.display(); } } Topics:Motion:CubesWithinCube
10.
Processing のサンプルの活用 いろいろなサンプルをVR化してみよう 1.P3D モードのプログラムを探す 2.短いプログラムから挑戦する a.
データ量の少なそうなサンプルを探す 3.表示位置の調整に気を付ける 4.あまり長時間続けない(気持ち悪くなります)
11.
3. 応用プログラム
12.
コード作成手順 1.アプリの構造を検討 2.Java モードで作成し動作を確認 • 必要なデータの確認 3.VR
モードに書き換え • 別名で保存して修正 4.表示位置の修正 5.センサーによる動作の確認 • Sensors Overview • Sensor
13.
4. 注意すること
14.
注意すること 1. 画像データ等は、プログラムの data
フォルダー内に入れておく • データが大きいと動かなくなる場合があるみたい 2. 地面やパネルはできるだけ shape として事前に作成しておく • 動作速度の問題 3. 位置の微調整が必要 • camera の near と far で画面が切れないように調整する 4. Processing コンパイル時の注意 • Android mode • Menu [ Android ] で Cardboard を選択 • Menu [ Android ] で device が選ばれていること 5. 不明な点はソースコードをあたる https://github.com/codeanticode/processing-cardboard
15.
Default values (from
reference): • camera(), perspective() • cameraZ=((height/2.0) / tan(PI*60.0/360.0)); • perspective(PI/3.0, width/height, cameraZ/10.0, cameraZ*10.0); • camera(0.0f, 0.0f, cameraZ, 0.0f, 0.0f, 0.0f, 0.0f, 1.0f, 0.0f); * • lights() • ambientLight(128, 128, 128); • directionalLight(128, 128, 128, 0, 0, -1); • lightFalloff(1, 0, 0); • lightSpecular(0, 0, 0); * はcardboardのみ
16.
参考になるリンク 1.Google Cardboard a. Google
VR b. Google VR Concepts c. Google VR SDK for Android d. Google VR for Android SDK Overview 2.Processing for Android a. Introduction to Cardboard b. Using the sensors 3.Android SDK a. Sensor
Download now