Please enable JavaScript to use this page!

AllTalks site logo
🍔

#firefox

Mozilla Hacks

6 min

How to add finishing touches like sound and sky to your WebVR scene

Josh Marinacci

Josh selects a publicly available audio file that plays Happy Birthday, and codes in some other touches that bring the virtual reality birthday card scene to life. He finishes by uploading a new mor…

Mozilla Hacks

9 min

Adding text and text effects to your WebVR scene with a few lines of code

Josh Marinacci

How to add 3D text and text effects in virtual reality. Josh creates 3D geometry for the Happy Birthday text in his scene using Three.JS and open source true type fonts. Learn how to select your font…

Mozilla Hacks

9 min

How to move around in virtual reality using teleportation to navigate your scene

Josh Marinacci

Navigation in VR is tricky. Josh explains how to code 'teleportation' targets in VR that let the user navigate to different VR locations in order to move around a virtual reality scene by jumping or…

Mozilla Hacks

6 min

How to create realistic lighting in a virtual reality scene

Josh Marinacci

In this segment, Josh describes how to create realistic lighting for your WebVR scene. He shows how to adjust the background, and accurately apply standard lighting in virtual reality, including ambi…

Mozilla Hacks

10 min

Using a WebVR editor (Spoke) to create a fun 3D birthday card

Josh Marinacci

In this tutorial, Josh shows you how to compose your virtual reality scene using the Spoke scene-building tool from Mozilla, and how to find a free 3D model from Sketchfab that you can customize and …

Mozilla Hacks

8 min

Set up your WebVR workflow and code to build a virtual reality birthday card

Josh Marinacci

Follow along with Josh, as he walks through what you'll need, and begins to codes up a virtual reality scene in ThreeJS to celebrate his niece's birthday. Learn how to use 'render' and 'initContent' …

Mozilla Hacks

5 min

Learn how to build virtual reality scenes on the web with WebVR and JavaScript

Josh Marinacci

Developer Advocate Josh Marinacci describes the landscape of Mixed Reality today, and how to build and share a WebVR project in your browser with JavaScript and ThreeJS, and Mozilla virtual reality s…