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)
Workshop: Practical WebGL - Intermediate
Martin Splitt
Martin is open source contributor and web evangelist by heart from Zurich with a decade experience from the trenches of software engineering in multiple fields.