Skip to main content Jump to list of all articles Jump to all topics

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:

Yuriy Artyukh

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

  • Speaking: Yuriy Artyukh
  • Date:

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.

What’s Smashing TV?

Smashing TV is a series of webinars and live streams packed with practical tips for designers and developers. Not just talks — conversations and “here-is-how-I-work”-sessions. Smashing Members can download recordings, too.

Think of it as some sort of a Hollywood blockbuster with cats. Just better, because it’s for people like you. Check upcoming webinars.

Previous Webinars

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:

View upcoming webinars ↬