Yuriy has started his path in front-end back in 2004 as a professional IE6 markup developer. Now he leads a small front-end agency of his own. He’s also been addicted to math since school, and so for the past couple of years, he finally managed to marry these two interests, working on animations in front-end, with Canvas, WebGL, SVG and just anything that can be animated. He spends most of hist Sundays live coding and decompiling on his YouTube channels: https://youtube.com/user/flintyara.
Power Of Shaders
Update (Tue, Mar 31): Unfortunately, the session had to be re-scheduled for Tuesday, April 7, due to technical limitations of Zoom. Sincere apologies, friends!
Today, the web is all about performance. In this live session, we’ll try to code a simple 3D terrain in a browser. Yuriy will show how to make a basic scene with the Three.js framework and how to animate it. Some shaders and noise function will be used, too. By the end of the session, you’ll learn why we actually need these shaders in the first place and what’s actually so good about them!
You’ll walk away with insights about:
- Setup of a basic Three.js scene
- Noise functions
- Using Devtools to measure performance of your animation
- Basic shader coding
Enter password to watch:
Tools and Setup
To join Smashing TV webinars, please install the Zoom client for Meetings, which is available for all the main OSs. It may take a little time to download and install, so please grab it ahead of time if you can. If you are a Smashing Member, please sign in first. Once you did, return to this page, and you should see a webinar URL.
We run practical sessions every week. No fluff, just actionable techniques and strategies for building and designing better experiences. Here are a few recent ones:
Smashing Audit Live #3
Vitaly Friedman on May 4, 2021 .Recording available.
Smashing Audit Live #2
Vitaly Friedman on Mar 23, 2021 .Recording available.
Smashing Audit Live
Vitaly Friedman on Feb 18, 2021 .Recording available.
All About Icons
Marc Edwards on Oct 20, 2020 .Recording available.
Accessibility With(out) Priorities
Chen Hui Jing on Sep 1, 2020 .
End-to-end Testing With A Real Browser
Umar Hansa on Aug 13, 2020 .
Getting Projects Out The Door Faster And Less Painful
Kristina Podnar on Aug 6, 2020 .