Building VR interactives with Three.js

  • Event: 2016 CAR Conference
  • Speaker: Armand Emamdjomeh of The Washington Post
  • Date/Time: Thursday, Mar. 10 at 4:45pm
  • Location: Matchless
  • Audio file: No audio file available.

Lights, camera, liftoff! In this session we'll learn how to create a three-dimensional virtual reality scene using Three.js and Mars terrain data from NASA. 

Using the L.A. Times's "Discovering Gale Crater" interactive, we'll walk you through how to import elevation data, turn a flat plane into a geographic surface, and map a terrain texture (basically a high-resolution photograph) onto that object. Then, we'll learn how to integrate controls for desktop and mobile devices, and how to use pre-existing elements to turn the 3D scene into a virtual reality experience.   

If time permits, we'll also brainstorm ways to improve current VR efforts, and how to lower the bar for implementing VR and 3D interactives in newsrooms. 

Speaker Bios

  • Armand Emamdjomeh is an graphics assignment editor at The Washington Post. Prior to joining the Post, he was the Deputy Director of Data Visualization at the Los Angeles Times, and also worked on the L.A. Times Data Desk. Send him your tips on good donuts in the DC area. Find him on Twitter at @emamd.

Related Tipsheets

  • Building VR interactives with Three.js
    This tutorial walks though how to turn NASA's Mars terrain data into a three-dimensional virtual reality scene using Three.js. https://github.com/datadesk/vr-interactives-three-js