Awwwards - Merging WebGL and HTML worlds

https://www.awwwards.com/academy/course/merging-webgl-and-html-worlds

Subtitles: English, Spanish, French, Italian, Portuguese (Machine translation)

You’ve probably seen all those amazing awwwards websites with WebGL effects on their images. But what’s even more amazing, is when those images seem to be part of the HTML content of the page. How is that even possible? Well, that’s exactly what we are going to do in this course. We will merge HTML and WebGL!This course will teach you how to combine the webGL and HTML worlds. You'll learn secrets from some of the most stunning webGL experiences you've ever seen. You will learn how to apply stunning WebGL effects to the images you already have on your webpage. We will start from a beautiful but static HTML template. And spice it up with Three.js and WebGL.

You will learn

 

Creating Three.js Boilerplate

Understanding shaders

Create your own shaders effects

Implements these effects in your HTML

The course includes

 

2 hours and 30 mins of practical and condensed knowledge

Immediate access to the entire collection of videos

Downloadable source files for every lesson

Valuable links and resources for every lesson

Certificate of completion