If Pixar Made Programming Tutorials

[@LoganWiggins20]

Watching as a video editor and web developer, this guys videos are absolute magic. So much thought put into the projects and videos, and excellent execution. He deserves a lot more exposure.

[@SeaRavioli]

Seriously, this guy's got the best of both worlds. Such a beautifully edited video!

[@camp826]

I looked up your website, impressive work dude keep it up

[@LoganWiggins20]

@@camp826 Thank you!

[@halladba101]

Adobe After Effects is hella of program 😂

[@clarkkent1473]

He too lazy to find a 4-point star yet he still creates this masterpiece

[@danielegvi]

Getting hung up on details is how you never finish a masterpiece.

[@marianatrujillo7721]

@@danielegviI want this comment framed in my wall

[@Arkylie]

As a writer with 750,000 words of fic published, of which over 70 are still WIP, I can confidently state that being pragmatically lazy is top-tier artistic craft. Gotta know when to cut corners if you're ever gonna get anywhere with your craft. (Or you wind up like that guy who made the video on how it took him ten years to make a graphic novel and how he learned from that experience not to take ten years making a graphic novel.) (For clarity: I mean it's a level of artistic craft I hope to someday achieve, because ADHD and Perfectionism make it exponentially harder to make headway on my pile of WIP.)

[@disguysn]

Even the best tutorials get lazy at times.

[@MyUncleWorksForNintendo]

​@@danielegvithis is absolute facts. Something I have to remind myself constantly. Perfection is the enemy of completion.

[@DaveChurchill]

I'm a computer science professor, teaching this sort of thing for a living every day, and I really did a double take at how well this video was put together. The way you broke down the problem and then edited the video together was wonderful. I teach about 30 hours of content per course per term, and I really wish that this sort of thing was feasible to do for entire courses. Thanks so much for the great video.

[@76ers]

I used to get frustrated with professors. Some of them know the material in their head, but they don’t know HOW to teach in an easy-to-understand manner. This video does a great job.

[@alessTheDev]

How does he edit his videos? They're so clean it looks like he codes them

[@Hyperplexed]

I do have to code some parts lol

[@Labib-dw1lk]

@@Hyperplexedhmm, care to explain ?

[@defenestratorr]

@@Labib-dw1lk he's probably talking about premiere pro or after effects, you can code in your own effects with javascript or he just recorded a html page

[@thecodingponcho]

@@Hyperplexed My mouth dropped when I realized you overlaid the final and dots version along the same cursor path at 0:53, very cleanly implemented

[@shapesinaframe]

Waiting for the next video: how to code a code tutorial 😅

[@henlojseam]

This isn’t just a programming tutorial it’s art 🥺

[@amaraw9893]

"It's not just a boulder. It's a rock🥹🤧"

[@PranavBG]

​@@amaraw9893 I was thinking the same ✅

[@rarefranzys]

you forgot the part where the speaker randomly starts telling us his past life

[@Arkylie]

Yeah, I was waiting for some part of the program to just randomly have a tragic ending to cement the life goal for the others.

[@halcyon__r3289]

Bro This is beautiful. The commitment is beyond. Studying in a field, domain, require patience and a lot of times you have to deal with boring, bad explaination. This is so well done. Yes its a showcase but i couldnt help donate for your effort. Even a non web dev could be astonished by this masterpiece. The way you narrate and edit your videos. I really like to watch them. Its educating and pleasing.

[@ICEcoldAryan]

Never thought I would actually get calming vibes from a programming video. His narration, his editing, his coding everything just muah. Even though front-end is not for me, this guy just told me that front-end is just like an art put together so nicely. I don't know what I just typed, but after watching this video, my complete perception of coding has changed.

[@1080pixel]

Well... that's why he's able to finish his coding projects 😂

[@Vysair]

Really perfect on a tea time

[@thomasshannon1652]

Absolutely beautiful!

[@allergictobs9751]

As someone who was in Animation for a decade and then switched to Programming, this was beautiful.

[@ProbablyBarney]

you're like a webdev bob ross

[@jasontfrom713]

facts.

[@brookleewatters606]

This man out here making coding videos that I can watch with my kids and I’m all for it.

[@Itskodaaaa]

You're the person that convinced me to master CSS and JavaScript.... Best decision of my life.... Thank you very much 🤭❤️

[@Todd21212]

babe wake up new hyperplexed video just dropped

[@plyght_]

I WAS GONNA COMMENT THAT 😠😠

[@the_expidition427]

Sure handsome

[@plyght_]

@@the_expidition427 😭

[@Vaulco]

His work is amazing, the way he explains is so fluent, the editing is pure talent

[@DrQuarzZz]

Your video style is truly one-of-a-kind, and I hope you recognize just how wonderfully unique it is. From the calming narration to the impeccable editing, it stands out as an oasis of tranquility and quality amid the tumultuous seas of the internet.

[@wowzers1237____]

This is so beautiful. Your voice, with the background music, and the dynamic graphics. I feel like you can explain quantum mechanics this way and a layman will understand it.

[@juniorcoder4833]

I love how you take the time for each video and don't post content for the sake of it. Your content is of very high quality, keep it going

[@jmartinndev]

This video is a complete work of art, from the start to the end. It's just beautiful

[@xDMG15x]

The music choice on this video could not have been more engaging 👏🏼

[@shauryaaher1579]

Bro makes it look so easy, but we know what the experience is like, especially with vanilla JavaScript.

[@agent-33]

That sarcasm at 1:59 made me chuckle.

[@achtube85]

I often get overwhelmed when trying to manage my way around complex issues/tasks - not only talking about work or personal projects but also about dealing with my own emotional processes and relationship issues. Your videos inspire me to break them down, taking them step by step, therefore being able to enjoy the process, marvel at what I find and celebrate each achievement, which is a HUGE step for me. In your videos, you do it in such an understandable way, a digestible pace and with these soft pleasant aesthetics. Short videos with a long-term impact. I celebrate the day you gave birth to this channel. I have just joined your subscription plan, so I am part of the Hype Squad now ❤

[@Wolforce]

Instead of distance based, in this cases I usually do random based. Each mouse movement with 2% chance spawn a star. It's cheaper in processing and usually gives a better more natural effect

[@maxomega3]

very good idea; i was wondering how costly calculating distance would be vs time, but random is even better.

[@junj1023]

​@@maxomega3Calculating the distance is imediate, O(1), so, this aproach dont change a lot the time wasted, only by a little bit at most

[@LostOter]

You don't need a square root in this case, just compare against the squared distance@@Tagvi

[@MrTurbo_]

Not a good idea, have fun with those 8000hz polling rate gaming mice, I'd 100% go for a random distance, just save it together with the last point

[@jason_v12345]

That doesn't sound reflective of the the "real-world" cause of the stars' dispersion. I'm imagining a magic wand or sparkler firework. The stars should be emanating at a constant rate and their distribution dictated mainly by the speed (and therefore distance) at which the wand (or sparkler) is waved around in the air.

[@NECOdes]

nah man, at this point, calling you Fireship of CSS is an understatement

[@frogsfoot]

i genuinely found this way easier to register than most w3schools tutorials omfg

[@dammitree]

Thanks!

[@Hyperplexed]

Thank you!

[@fatima_sketch]

This motivated me to continue learning programming. Thank you 🙏

[@Mark73]

I remember years ago, like in the 90s or early 2000s, there was a page with this really cool JavaScript effect. There were a set of periods forming the hands of a clock around the mouse cursor, with the date in text circling around them. When you moved the mouse, the entire series of characters would trail behind it, and when you stopped moving the mouse they would gather back together and reform the clock.

[@WeirdowithaBeardo]

This was incredible! I'm just starting my programming journey and videos like this is exactly why I want to learn this stuff!

[@carljason4299]

You are so underrated, these videos are so clean. The way you lay out your thought process over the entire video is really amazing!

[@BLK-PantheR]

Ok listen. This is Magic!!! I swear one day when i saw this effect on Canva i was astonished so i decided to recreate it because i liked it so mauch and also because i like animations and a simple project like this one would have helped me a lot to learn programming better hence I'm a junior programmer. So i tried and after two hours i got really close to it but never so close as he did it. So i thank you for creating this video i loved it and you have completed now my unfinshed project dream. Thanks again.

[@snw1993]

Absolutely blown away! 🌟 I once dreamt of crafting something as incredible, but the journey felt daunting, and I reluctantly set it aside. Your creation has reignited that spark within me! Ecstatic beyond words right now! And can we talk about the sheer generosity of this genius sharing their code for FREE? 🙌 Pure magic!

[@frenkie_music]

I used to hate your videos because of the redesigning series, because I felt it was completely redundant, because the websites you were looking at were performing amazingly and there was a very specific reason for every design choice on them. Now, I can't get enough of these short sweet amazingly edited pieces!

[@Sharivari]

This is such a lovely way to show your work. Awesome!

[@Nerlon93]

I have a massive admiration for each movie you're releasing. They are just... perfect. Thank you for making them. They just... beautiful :)

[@Chloe_Fatecraft]

The cadence in your voice in this video is throwing me for a loop, sounds like every sentence ends in a question or in doubt lol

[@mochisuii]

for some reason i was just expecting him to start rhyming

[@LongBean7]

Dude, this is seriously one of the greatest programming videos I've ever seen! Keep up the great work!

It's a good presentation, but as far as code goes, this is not the way to do it (unless you REALLY don't care about performance). Creating and throwing away elements like this is expensive.

[@ninjacodertech]

love this type of tutorial!

[@luffy-is1zs]

Soooo CLEAN AND IMMACULATE🎉❤

[@SalladShooter]

I get excited every time you upload, because I learn something new, not necessarily code wise but the thought process that can help me jumpstart projects, or to learn what looks nice in websites. Keep on going, your videos are great!

[@pabloa_e]

That was something I expected to see when I started programming haha, great and beautiful video !

[@alexdev404]

I always admire how all your videos are so easily understandable and beautiful. It's so amazing 🥺

[@christopher152]

Great video. I dont undersand the Pixar reference though?

[@Honeypotio]

Wow love this! 💫

[@peterbyun441]

Subscribed right away. What a soothing, nerdy, yet entertaining video! Thanks a lot for making this.

[@alexander499zero]

This is the birth place of 'smooth как дикий кот'

[@toml8273]

This channel and Fireship are my favourite frontend youtube channels

[@ohmy8579]

Hey when are you gonna make a new video. You always make these amazing recreations and honestly I don’t care what you make. I feel like anything you create would be amazing

[@novaotp]

The animations and the explanations are always on point 🤩

[@TheRealDucko]

Every month I genuinely get excited when these videos pop into my feed. Brilliant work as always!

[@ojimomogee]

Seriously you are amazing, with the way you handled every . Am loving it.

[@alvaurah]

OMG this is the best tutorial I've ever seen. It's like you combine storytelling, tutorial, and good visualization... good job!

[@bholmesdev]

Still the cleanest programming edits I've ever seen. I'm amazed 🌟

[@Guitarslave4]

Feels like Kurzgezard for programmers, it's awesome!

[@lukecartwright613]

This is beautiful!! It's like that scene in Walle ❤️

[@heytyler.]

Nice! I use Canva on my computer sometimes and I found this effect fun and cool. Nice!

[@TrevorNewsome]

wow, very impressed. Got me hooked into watching it all, even though I can program that, I could not have presented anyway as professional. Well done, hats off to you.

[@simonswiss]

I am speechless - this was an incredible video. Instant subscribe! ❤❤

[@Fang_ke_yang]

KZbin randomly showed me this video and I absolutely love it, I might play with my future projects just like you are

[@paliing]

I've been dabling in programming for almoste 15 years and seen a lot of tutorials on the subject. This is the best one.

[@leia.z]

Oh my god- I love you. I could watch this these all day- truly a Pixar film. Please make more learning content like this!

[@faithappoh]

Honestly. This is the best vanilla code channel on KZbin!

[@AmeenSeytu]

Hiiii. I miss your youtube shorts. they're so satisfying and the re-designs are beautiful. hoping to see more of them. Thanks a lot for making those videos.

[@itshonkalina]

Man, I think I've found a gem in you. For context, I just started getting into the big and scary world of computer science, coding and programming last week. I'm currently taking courses like CS50 on edX and trying to slowly build my understanding of the fundamentals, which might take some time in my case, as I'm not a particularly tech-savvy person. With that in mind, I find it absolutely amazing how well-edited this video is, but most of all, just how it beautifully and gradually breaks down the entire logical process of recreating a cute little effect you saw on some web page. Even in other fields I am more familiar with, like art, it's always daunting to look at the desired end result and then think about how to actually get there. Seriously, great video! And great channel, from what I've seen so far (this was pretty much an insta-subscribe). It's nice, it's smooth, elegant, no bs and straight to the point. CRISP and it hits just like freshly-baked bread. Kudos!

[@yarrigmain]

Really nice and useful video! Your voice is also so calming. Thanks for this video!

[@danieldistefano2000]

Man this is LITERALLY the first time I ever felt interested in CSS (+javascript). The video was really amazing!

[@ahmadsalmankhan3200]

dude such a nice video, you are a legend for making videos as good as these.

[@awdityazein]

The way you explain it and the way you visually illustrate are really cool.

[@gasper1s]

The production quality of these videos is amazing.

[@JohnMcSmith]

Everyone loves Canva!! This is a great vid, super clean

[@michellebracken68]

WOW! Your breakdown is So impressive!

[@fabianhaukhopland6713]

Another opus magnifique! A true pearl in the ocean of KZbin! Thank you for your effort

[@SridTech]

This was the first video I watched from you and within 10 seconds I confirmed that I should certainly subscribe this amazing content. Kudos.

[@IFMstudio]

Omg, I cried so hard at the end! So beautiful ಥ⁠‿⁠ಥ Truly a masterpiece!

[@carchang4843]

This was beautiful. all tutorials should be like this

[@boriswilsoncreations]

Did you guys see the Pixar In A Box series of classes on Khan Academy? This video reminded me their classes there

[@kyniverse]

Just as amazing as this one, this video is actually a perfect example of the best method to present information to someone who's looking to learn something new. The reason behind it is a lot of psychological stuff that would take too long to explain but comes down to about three main factors: Having it written down, someone/something reading what is written down and concrete animations showcasing the effects. Massive W/10

[@suspended67Animations]

This is actually really good. Keep up the good work!

[@darkflux]

nice. not too long, not too sparse, and CodePen after. good work sir 👍

[@IsaacFoster..]

I swear I've never seen a site just add something like this. This is insane.

[@rayzo1534]

Good lord this is brilliant! Well done most impressive and informative

[@heroyolkie]

Oh, I didn't know Canva removed that cursor effect, what a shame. I enjoyed playing around with it because it was so smooth and satisfying. Seeing you breaking it down though, felt really magical (and honestly, very nostalgic 😂 definitely felt like Pixar, complete with simple, very calm and soft music in the background ❤)

[@C_Corpze]

Amazing, editing is very clean and video is super easy to follow! This would be such a good format for people who just started learning.

[@Kazeno]

i changed a bit your css and i think this looks a little nicer: .glow-point { position: absolute; box-shadow: 0rem 0rem 3.2rem 0.6rem rgb(var(--glow-rgb)); pointer-events: none; opacity: 1; } nice work btw, i love ur videos

[@CristalitOfficial]

your videos are always so frikin cool dude

[@iainhunneybell]

Brilliant. Absolutely brilliant, and I love the way you explain your way to the end 😊

[@AlexanderBarakhov]

Please never stop doing this awesome content ❤❤❤

[@Noah6544]

MOM HYPERPLEXED POSTED!!!

[@TheMigomick]

beautiful music

[@anggafuse8568]

The best and beautiful tutorial I have ever watch. 😍 Straight away to be your subscriber. ❤

[@mr-pr0cesss]

These small tutorials are amazing. everytime it blows my mind how you start very simply and step by step you build an amazing thing.

[@toffee-v]

you have the best tutorials on youtube, every single subject combined. From the ideas, the breakdowns, the editing, your voice, your style, your philosophy.... I have no words lmao

[@TomMustBe12]

Almost the whole video I was wondering where the actual video was I'm so stupid :P. Amazing video, keep up the great work! +like +sub

[@rizaldywirawan]

dang! I cannot believe this entire tutorial is so solid yet appealing!

[@PastaEnthusiast]

Signed in for the first time in ages to say this is a really beautiful video, it just has everything you'd love in a tutorial and more

[@viniciussouza7198]

wow this is beautiful, the video, the effects, the editing, the thought process, pure art

[@skl9942]

You make the most beautiful and relaxing tutorials ever!

[@thearsham]

THIS VIDEO IS SO CLEAN!!! I FREAKING LOVE IT!