3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the...

18
3D, Virtual Reality and Art Polo Gabriel III Team Leader, artsdigitalmedia.com Co-founder, Mobility Co-lead, Google Educators Group Nueva Ecija Webmaster, Central Luzon State University 3D, Virtual Reality and Google Cardboard

Transcript of 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the...

Page 1: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

3D, Virtual Reality and

Art Polo Gabriel IIITeam Leader, artsdigitalmedia.com

Co-founder, Mobility

Co-lead, Google Educators Group Nueva Ecija

Webmaster, Central Luzon State University

3D, Virtual Reality and

Google Cardboard

Page 2: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Overview

• Basic 3D

• Virtual Reality (& Augmented Reality)

• Google Cardboard

Page 3: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

3D

• Its basically – Trigonometry

– Axis (X, Y, Z)

– Radius, Pie, Diameter

– Sin, Cos, Tan– Sin, Cos, Tan

Page 4: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Virtual Reality

• Imaginative exploration

– Navigation of 3d world according to focal or

viewpoint of the camera

– Interactivity with the computer world – Interactivity with the computer world

Page 5: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Augmented Reality

• Imaginative exploration

– Analysing real world through markers, QR image,

photo images, face tracking, hand tracking or leap

motionsmotions

– Computer interactivity with the real world

through signs/object recognition

Page 6: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Why VR & AR?

• Entertainment

– Games / Movies

• Simulations

– Medical applications, Military exercises, – Medical applications, Military exercises, Machine/Engine Test, Neuro-virtualization interfaces

• Interactive E-learnings

• Marketing

– Product / Services Promotion

Page 7: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Virtual Reality Devices

• Occulus Rift

• Nvis

• Sony morpheus

• Hasbro my3D• Hasbro my3D

• FOV2GO

Page 8: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Google Cardboard

• Brings the same concept from the ff:

– Durovis Dive, Yay3D VR, vrAse, AlterGaze,

Refugio3D & Dodocase

• To a more simplier and cheaper way• To a more simplier and cheaper way

– Use of materials that can be found even in

garbage

– Almost no cost (aside from the lens and pattern

printing)

Page 9: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Google Cardboard

• Simple device

• Holds a mobile phone or tablet

• That is programmed with

– StereoView– StereoView

– Headtracking

– 3D environment / model

Page 10: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Stereo View

• Stereo Effect

– Camera effect that simulate left and right eyes

focal views

– Split a single monitor into dual views– Split a single monitor into dual views

Page 11: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Head Tracking

• Gyroscope

– A sensor that is capable to track head orientation

/ position

– Not available on all mobile or tablet– Not available on all mobile or tablet

• Hack it using device’s Compass

– Limitation:

• Pitch Up and Down only

Page 12: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

3D Environment / Model

• Applications with 3D rendering and device

orientation capability

– Mobile Web browser [w/ WebGL support]

– Android / Iphone Native Apps– Android / Iphone Native Apps

Page 13: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

How To :)

• Design/create a 3d environment (with 3d

models inside)

• Interface with Head tracking and Stereo Effect

• Publish to HTML or Android App• Publish to HTML or Android App

Page 14: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Design/Create 3D environment

• 3D modelling applications

– 3D Max

– Maya

– SketchUp (Google)– SketchUp (Google)

– Motion Builder

– Cinema4D

– Animation Master

– Blender3D (opensource)

Page 15: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Design/Create 3D environment

• Interface the 3D model to 3D Simulation or

Game Engines

– Cry Engine

– Unreal– Unreal

– Unity

– Blender3d (opensource)

Page 16: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

Design/Create 3D environment

• Javascript 3D (3D HTML)

– Three.js (Mr. Doob)

– Canvas3D

– js3D– js3D

Page 17: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

DEMO

• Dissect and learn from an HTML sample (with

Three.JS)

Page 18: 3D, Virtual Reality and Google Cardboard · Google Cardboard •Brings the same concept from the ff: –Durovis Dive, Yay3D VR, vrAse, AlterGaze, Refugio3D & Dodocase •To a more

LINKS

• https://cardboard.withgoogle.com/

• https://developers.google.com/cardboard/overview

• http://vr.chromeexperiments.com/

• https://github.com/googlesamples/cardboard• https://github.com/googlesamples/cardboard

• https://threejs.org

• http://artpologabriel.com