Workshop: Practical WebGL - Intermediate

A SkillsCast for this session is not available.

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: Web Application Workshop with Damjan Vujnovic (Online Workshop on 12th - 16th September 2022)
• Advanced JavaScript Workshop with Damjan Vujnovic (Online Workshop on 26th - 28th September 2022)
• FullStack eXchange: In-Person Conference (in London on 27th - 28th July 2022)
• FullStack eXchange: Online Conference (Online Conference on 27th - 28th July 2022)
• Getting Geospatial Data on The Web (SkillsCast recorded in February 2022)
• Vue.js and TypeScript: Working Together like Peanut Butter and Jelly (SkillsCast recorded in February 2022)