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
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
Password to re-watch:
45 mins talk + 30 mins Q&A.
You can watch a recording later.
With Membership, you get webinars and eBooks for free.
Starting at $5 a month, and you can cancel anytime!
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: Otto Storch (Typography And Layout)
Andrew Clarke on Mar 24, 2020 .
- Building A Modern Electron App With React Hooks
Cassidy Williams on Mar 19, 2020 .
- Live UX Review, With Paul Boag
Paul Boag on Mar 10, 2020 .
- Video Killed My Data Plan: Performant Video Delivery On The Web
Doug Sillars on Feb 25, 2020 .
- Inspired Design Decisions: Neville Brody
Andrew Clarke on Feb 4, 2020 .
- TypeScript For Smashing People
Stefan Baumgartner on Jan 29, 2020 .
- Form Design Patterns With Adam Silver
Adam Silver on Jan 15, 2020 .