build vr websites with oculus and three.js

13
Building VR Websites with Oculus and Three.js Justin Holdstock & Tim Strah 5 March 2014

Upload: verold

Post on 25-Jan-2015

1.902 views

Category:

Technology


1 download

DESCRIPTION

Slides from the Oculus Toronto meetup March 6, 2014.

TRANSCRIPT

Page 1: Build VR Websites with Oculus and Three.js

Building VR Websites with Oculus and Three.jsJustin Holdstock & Tim Strah

5 March 2014

Page 2: Build VR Websites with Oculus and Three.js

JustinDeveloper Evangelist, Verold.com

Hi!

TimGame Dev Intern, Verold & TriOS

Page 3: Build VR Websites with Oculus and Three.js

Verold is building the tools and media platform to power 3D interactive content on the web

Page 4: Build VR Websites with Oculus and Three.js

Demo video https://vimeo.com/87014905

Page 5: Build VR Websites with Oculus and Three.js

App Designer

CG Artist

App publishedto the Web, Mobile,Console, SmartTV

With Verold’s visual online tools, your creative teams build and immediately publish interactive content

Verold Publishing Solution

Page 6: Build VR Websites with Oculus and Three.js

● Verold brings the power of a game engine to web design, unlocking the latest features of modern browsers

● Verold is online and collaborative - powering an ecosystem of creators

● Verold integrates seamlessly with web publishing pipelines

● Verold allows you to scale effortlessly

Revolutionizing Web Publishing

Page 7: Build VR Websites with Oculus and Three.js

Some basics:

● primitive creation● prefab objects● models (OBJ, FBX, COLLADA, etc.)● audio (ANY FORMAT, CONVERTED FOR USE!)● textures● lighting● materials(skin, iridescent )● scripts/script editor● skyboxes

Let’s get started...

Page 8: Build VR Websites with Oculus and Three.js

There’s a full component-entity model behind Verold, with tonnes of advanced features:

● FPS Controls● Oculus● Leap● Lens Flare Shader● Glass Materials● AI● Box2D● ...

Extensible through Components

Page 9: Build VR Websites with Oculus and Three.js

How awesome would it be if you could:

1. Visit a webpage2. Put on your Oculus3. Get a VR experience

Let’s make that real...

Demo time!

Page 10: Build VR Websites with Oculus and Three.js

Grab the Oculus bridge from Here

Step 1: Install Oculus Bridge

Page 11: Build VR Websites with Oculus and Three.js

Visit the Verold Oculus Template Project

Step 2: Fork the Sample Project

Page 12: Build VR Websites with Oculus and Three.js

Click the Publish button, put on your headset, and enjoy!

Step 3: Tweak and Publish

Page 13: Build VR Websites with Oculus and Three.js

Justin HoldstockDeveloper Evangelist, [email protected]@JimmyKillem

Tim StrahGame Dev Intern, Verold & [email protected]@TimStrah

Publish Interactive 3D to the Web