SlideShare a Scribd company logo
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
// Create a renderer
var renderer = new THREE.WebGLRenderer();
// Create a camera
var camera = new THREE.PerspectiveCamera(fov, aspect,
near, far);
// Setting up SP controller
var spControls =
new THREE.DeviceOrientationControls(cameara);
spControls.connect();
// Setting up VR controller and effect
var controls = new THREE.VRControls(camera);
var effect = new THREE.VREffect(renderer);
effect.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);
セットアップはたったこれだけ
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5
WebVRデモ JSオジサン #5

More Related Content

PDF
AXIS_PTZ_Autotracking_configurationhelp
PDF
漢は黙ってjQuery
PDF
「やっぱり怖かったPerl」In Kichijoji.pm #2
PDF
「トゥギャッターを支えるJS」In JSオジサン #5
PDF
Jump & Coin - 空間を超えるゲーム体験 - | LODGE XR TALK
PDF
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
PDF
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
PDF
ARグラスで 魅力的な絵作り
AXIS_PTZ_Autotracking_configurationhelp
漢は黙ってjQuery
「やっぱり怖かったPerl」In Kichijoji.pm #2
「トゥギャッターを支えるJS」In JSオジサン #5
Jump & Coin - 空間を超えるゲーム体験 - | LODGE XR TALK
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
ARグラスで 魅力的な絵作り

More from Kazuya Hiruma (20)

PDF
AWE Nite ARKit3 Hackathon
PDF
レイマーチ入門勉強会資料
PDF
MESONで手がけたARアプリ AR Developer Meetup #2
PDF
みんなレイ飛ばしてる?
PDF
VRゲーム制作楽しいよ! @UnityおとなのLT大会
PDF
ElminaAR - Unity x ARKit 入門Meetup
PPTX
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
PPTX
UnityでARKitハンズオン
PPTX
すぐそこにある未来〜AR〜
PPTX
VRで酔わないコンテンツ作り
PPTX
WebVRコンテンツ制作入門
PPTX
WebVRってこんなことできるよ!
PPTX
そしてWebVR
PPTX
Unity入門ハンズオン
PPTX
WebVR 酔いづらいコンテンツの作り方
PPTX
WebVRことはじめ
PDF
集まっTail #5 LT
PPTX
WebGL入門LT大会資料
PPTX
WebGL入門ハンズオン資料
PDF
WebVRとUI @DIST10
AWE Nite ARKit3 Hackathon
レイマーチ入門勉強会資料
MESONで手がけたARアプリ AR Developer Meetup #2
みんなレイ飛ばしてる?
VRゲーム制作楽しいよ! @UnityおとなのLT大会
ElminaAR - Unity x ARKit 入門Meetup
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
UnityでARKitハンズオン
すぐそこにある未来〜AR〜
VRで酔わないコンテンツ作り
WebVRコンテンツ制作入門
WebVRってこんなことできるよ!
そしてWebVR
Unity入門ハンズオン
WebVR 酔いづらいコンテンツの作り方
WebVRことはじめ
集まっTail #5 LT
WebGL入門LT大会資料
WebGL入門ハンズオン資料
WebVRとUI @DIST10
Ad

Recently uploaded (20)

PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
WOOl fibre morphology and structure.pdf for textiles
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
TLE Review Electricity (Electricity).pptx
PDF
project resource management chapter-09.pdf
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
PPTX
Tartificialntelligence_presentation.pptx
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
Encapsulation theory and applications.pdf
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
Web App vs Mobile App What Should You Build First.pdf
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PDF
Approach and Philosophy of On baking technology
PDF
Mushroom cultivation and it's methods.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
A comparative study of natural language inference in Swahili using monolingua...
gpt5_lecture_notes_comprehensive_20250812015547.pdf
WOOl fibre morphology and structure.pdf for textiles
Programs and apps: productivity, graphics, security and other tools
TLE Review Electricity (Electricity).pptx
project resource management chapter-09.pdf
MIND Revenue Release Quarter 2 2025 Press Release
Accuracy of neural networks in brain wave diagnosis of schizophrenia
Tartificialntelligence_presentation.pptx
Enhancing emotion recognition model for a student engagement use case through...
Encapsulation theory and applications.pdf
Assigned Numbers - 2025 - Bluetooth® Document
Zenith AI: Advanced Artificial Intelligence
Web App vs Mobile App What Should You Build First.pdf
Univ-Connecticut-ChatGPT-Presentaion.pdf
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
SOPHOS-XG Firewall Administrator PPT.pptx
Approach and Philosophy of On baking technology
Mushroom cultivation and it's methods.pdf
Ad

WebVRデモ JSオジサン #5

  • 23. // Create a renderer var renderer = new THREE.WebGLRenderer(); // Create a camera var camera = new THREE.PerspectiveCamera(fov, aspect, near, far); // Setting up SP controller var spControls = new THREE.DeviceOrientationControls(cameara); spControls.connect(); // Setting up VR controller and effect var controls = new THREE.VRControls(camera); var effect = new THREE.VREffect(renderer); effect.setSize(SCREEN_WIDTH, SCREEN_HEIGHT); セットアップはたったこれだけ