Three js, easy 3D in your browser for when two dimensions just aren't enough by Jos Dirksen

Subscribe to Devoxx on YouTube @
Like Devoxx on Facebook @
Follow Devoxx on Twitter @

Modern browsers have high performance JavaScript engines and great WebGL support for creating 3D scenes, animations, games and visualisations and with upcoming standards like WebVR, WebAR and WebXR, it becomes much easier to use your frontend skills to add 3D, VR and AR capabilities to your applications.

Creating 3D scenes from scratch, however is difficult using just the standard JavaScript APIs and WebGL. You need to know a lot of math, understand how to write shaders and integrate the well known JavaScript world with the WebGL concepts, just to get started, or commit yourself to a 3D framework (e.g Unity).

Three.js is a library which wraps all the WebGL concepts in a simple API, so you can program in JavaScript, and easily create great looking 3D scenes. Three.js comes with a large set of lights and materials, supports animations, and can load most 3D formats. It even has supports for VR and AR.

In this session we’ll walk you through the main concepts of Three.js, and show you how easy it is to create great looking and complex 3D scenes, which work in mobile and desktop browers, react-native and even support ArCore and ArKit. All through a couple lines of JavaScript.

Jos Dirksen
From Smartjava
I’ve worked as a software developer and architect for more than a decade. Besides working I like talking and writing about technologies. I’ve written a couple of books on Scala, REST, D3 and Three.js and currently work as a fullstack engineer on a Scala and React project.

I’m a big fan of creating data visualisations using D3 and Three.js, since they provide a great set of tools to make sense of data. A number of the stuff I created can be seen on my blog at

Basically I like talking, writing and discussing about technology. Whether it is frontend, backend or DevOps and cloud related.

Tag: game web 3d, Devoxx, Devoxx2018

Xem thêm bài viết Game Online: https://trap.vn/game-online

Nguồn: https://trap.vn/