Merging WebGL and HTML worlds
Release date:2022
Author: Yuri Artiukh
Skill level:Beginner
Language:English
Exercise files:Yes
Requirements
This course is designed for intermediate and professional levels. You only need a standard web development IDE.
Description
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
01-intro
02-creating-three-js-boilerplate
03-vertex-basics
04-vertex-shader-uniforms-noise-terrain
05-fragment-shaders-effects
06-merging-basics
07-merging-dimensions
08-merging-positions-textures
09-merging-scroll
10-mouse-wave
11-postprocessing
12-codrops-article
13-noise-mask
14-performance-tips-how-to-extend-what-to-do
15-outro
[Awwwards] Merging WebGL and HTML worlds.7z
[Awwwards] Merging WebGL and HTML worlds_Subtitles.7z
Channel
Course Request:
https://www.udemy.com/course/modern-threejs-for-real-websites/
https://www.udemy.com/course/intermediate-threejs-with-shaders/