Both augmented reality and virtual reality technologies address a world that is 3-D, while most traditional digital learning technology addressed a flat landscape. The movement to 3-D landscapes is going to require new skill sets, including new coding skills. With many possible solutions out there for producing 3-D graphics, digital learning needs a way of producing 3-D that is congruent with tools and presentation methods in current use.

In this session, you’ll learn the fundamentals of coding 3-D graphics with JavaScript and the BabylonJS library. Babylon, with just a few lines of code, can have you producing 3-D objects that display in any contemporary web browser. You’ll code along with the instructor as you learn to leverage JavaScript coding to produce 3-D models that can be used in both education and gaming. After this hands-on session, you’ll be able to create fundamental 3-D shapes, position camera objects, and create textures. You’ll be well positioned to go on to more advanced study of JavaScript and BabylonJS.

In this session, you will learn:

• How to use the BabylonJS library
• How to create set shapes
• How to create parametric shapes
• How to use a solid particle system
• How to apply camera behaviors
• How to use the BabylonJS documentation
• Where to go next to further learning

Audience:

Designers and developers.

Technology discussed in this session:

JavaScript and BabylonJS.

Technology required:

Windows or Mac with text editor and web browser. Brackets (free at Brackets.io) and Chrome are preferred.