A SkillsCast for this session is not available.

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)
• Web Performance & Agility: A Curious Mashup (SkillsCast recorded in September 2020)
• Accessibility in Flutter (SkillsCast recorded in August 2020)