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: http://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:
- Inspired Design Decisions With Giovanni Pintori
Andrew Clarke on Jun 4, 2020 .Recording available.
- Expand Your Test Coverage: Manual And Automated Accessibility Testing Unite
Carie Fisher, Harris Schneiderman on May 19, 2020 .Recording available.
- Inspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual Communication
Andrew Clarke on May 13, 2020 .Recording available.
- Designing UX, Live
Paul Boag on May 1, 2020 .
- Live UX Review, With Paul Boag
Paul Boag on Apr 21, 2020 .Recording available.
- Inspired Design Decisions: Herb Lubalin (Expressive Typography)
Andrew Clarke on Apr 14, 2020 .
- Power Of Shaders
Yuriy Artyukh on Apr 7, 2020 .