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:

• Life of a Pixel:Rendering Performance Demystified - Intermediate (SkillsCast recorded in July 2017)
• React & Redux Workshop with Damjan Vujnovic (in London on 16th - 18th September 2019)
• Damjan Vujnovic's Advanced JavaScript Workshop (in London on 4th - 6th November 2019)
• ProgNET London 2019 (in London on 11th - 13th September 2019)
• Haskell eXchange 2019 (in London on 10th - 11th October 2019)
• Dynamic forms with NgRx with Juan Stoppa (in London on 25th July 2019)
• A Gentler Introduction to Vertex Shaders (in London on 30th July 2019)
• Keynote: The Web: The Good Parts (SkillsCast recorded in July 2019)
• What I Learnt by Building the Exact Same App in Kotlin (Native Android), Nativescript and Flutter (SkillsCast recorded in July 2019)