Workshop: Practical WebGL - Intermediate
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)
- Damjan Vujnovic's Advanced JavaScript Workshop (in London on 4th - 6th November 2019)
- WebAssembly Deep Dive with Brian Sletten (in London on 21st - 22nd November 2019)
- FullStack NYC 2020 - The Conference on JavaScript, Node & Internet of Things (in New York on 14th - 15th May 2020)
- FullStack London 2020 - The Conference on JavaScript, Node & Internet of Things (in London on 24th - 26th June 2020)
- Keynote by Luca Mezzalira on Demystifying Micro-Frontends (in London on 23rd September 2019)
- Apache Druid: the fast, real-time, open source analytics data store (in London on 23rd September 2019)
- Fireside Chat with Special Guests (SkillsCast recorded in September 2019)
- When Graph Visualisation Goes Wrong - Some Pitfalls and How to Avoid Them (SkillsCast recorded in September 2019)
Thanks to our sponsors
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.
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)
- Damjan Vujnovic's Advanced JavaScript Workshop (in London on 4th - 6th November 2019)
- WebAssembly Deep Dive with Brian Sletten (in London on 21st - 22nd November 2019)
- FullStack NYC 2020 - The Conference on JavaScript, Node & Internet of Things (in New York on 14th - 15th May 2020)
- FullStack London 2020 - The Conference on JavaScript, Node & Internet of Things (in London on 24th - 26th June 2020)
- Keynote by Luca Mezzalira on Demystifying Micro-Frontends (in London on 23rd September 2019)
- Apache Druid: the fast, real-time, open source analytics data store (in London on 23rd September 2019)
- Fireside Chat with Special Guests (SkillsCast recorded in September 2019)
- When Graph Visualisation Goes Wrong - Some Pitfalls and How to Avoid Them (SkillsCast recorded in September 2019)
Thanks to our sponsors
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.