3d, virtual reality and google cardboard · google cardboard •brings the same concept from the...

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

Overview

• Basic 3D

• Virtual Reality (& Augmented Reality)

• Google Cardboard

3D

• Its basically – Trigonometry

– Axis (X, Y, Z)

– Radius, Pie, Diameter

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

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

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

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

Virtual Reality Devices

• Occulus Rift

• Nvis

• Sony morpheus

• Hasbro my3D• Hasbro my3D

• FOV2GO

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)

Google Cardboard

• Simple device

• Holds a mobile phone or tablet

• That is programmed with

– StereoView– StereoView

– Headtracking

– 3D environment / model

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

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

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

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

Design/Create 3D environment

• 3D modelling applications

– 3D Max

– Maya

– SketchUp (Google)– SketchUp (Google)

– Motion Builder

– Cinema4D

– Animation Master

– Blender3D (opensource)

Design/Create 3D environment

• Interface the 3D model to 3D Simulation or

Game Engines

– Cry Engine

– Unreal– Unreal

– Unity

– Blender3d (opensource)

Design/Create 3D environment

• Javascript 3D (3D HTML)

– Three.js (Mr. Doob)

– Canvas3D

– js3D– js3D

DEMO

• Dissect and learn from an HTML sample (with

Three.JS)

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