Spavvszyibjzamjjgy9o
SkillsCast

Workshop: Practical WebGL - Intermediate

12th July 2017 in London at CodeNode

There are 79 other SkillsCasts available from FullStack 2017 - the conference on JavaScript, Node & Internet of Things

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:

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.

SkillsCast

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:

About the Speaker

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.

Photos