This session was not filmed.

What’s this about? Thanks to the wide adoption and availability of WebGL across browsers (including those on mobile) we get control of the full graphics pipeline.

After understanding WebGL basics and the render pipeline, you’ll learn what Three.js brings to the table and you will discover a live coding demonstration you can code along to in which you will build a 3D web app from the ground up with all elements: Lighting, loading 3D models and keyboard/mouse controls

What’s in this workshop?

You will explore an introduction into 3D and WebGL basics, live coding demonstration and a bunch of tips & tricks on how to tweak performance and perceived performance & quality. You will learn how to build 3D games and applications that run without any plugin right from the browser - even on mobile. You will discover how you can start creating this content today and how to bring it to production quality.

Topics

• Introduction: CPU vs. GPU - Canvas vs. WebGL

• 3D Vocabulary: Vertices, Faces, Shaders and their friends

• WebGL 101

• Introduction into Three.js

• Performance pitfalls

YOU MAY ALSO LIKE:

• Free Code Camp - August (in London on 12th August 2019)
• FullStack London 2019 - The Conference on JavaScript, Node & Internet of Things (in London on 10th - 12th July 2019)
• WebAssembly Deep Dive with Brian Sletten (in London on 8th - 9th July 2019)