The real code behind a @Hyperplexed video

Video Description

@Hyperplexed is a master at taking really cool and complex-looking designs and effects and breaking them down to their core concepts, showing that, often, they are a lot simpler than they might appear at first. To be able to do that though, and to keep his videos short and to the point, there is often quite a bit of complex code hiding behind those simple ideas. In this video, I decided to take his latest video, which he had given a Pixar theme, and dive into some of the code that is hiding behind the scenes. 🔗 Links ✅ Hyperplexed’s original video: https://youtu.be/G9207EJySaA?si=9FWlwJlpqrNM9QHq ✅ Hyperplexed’s channel: https://www.youtube.com/@hyperplexed ✅ My final code: https://codepen.io/kevinpowell/pen/Vwgdppw ✅ His final code: https://codepen.io/Hyperplexed/pen/OJdpEME ⌚ Timestamps 00:00 - Introduction 00:35 - Creating elements as the mouse moves 02:18 - Why this simple step is so important 02:48 - Turning the dot into a star 03:31 - Adding colors to the stars 06:12 - Adding the falling animation 08:28 - Spacing out the stars 11:05 - Adding the glow 11:52 - The other hidden parts #css -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 💖 Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!