build vr websites with oculus and three.js

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

5 March 2014

JustinDeveloper Evangelist, Verold.com

Hi!

TimGame Dev Intern, Verold & TriOS

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

Demo video https://vimeo.com/87014905

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

● 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

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...

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

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!

Grab the Oculus bridge from Here

Step 1: Install Oculus Bridge

Visit the Verold Oculus Template Project

Step 2: Fork the Sample Project

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

Step 3: Tweak and Publish

Justin HoldstockDeveloper Evangelist, Veroldjustin.holdstock@verold.com@JimmyKillem

Tim StrahGame Dev Intern, Verold & TriOStim@strah.com@TimStrah

Publish Interactive 3D to the Web