If Pixar Made Programming Tutorials

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 พ.ย. 2023
  • Support the channel: bit.ly/SupportHyperplexed
    CodePen: bit.ly/HyperplexedMagicMouse
    The original effect was for some promotion, so its no longer there lol, but here's a link to Canva anyways: www.canva.com.
    Music Licensed by Artlist:
    Yehezkel Raz - Ballerina - Slowed and Reverbed

ความคิดเห็น • 756

  • @aless.c064
    @aless.c064 6 หลายเดือนก่อน +5582

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

    • @Hyperplexed
      @Hyperplexed  6 หลายเดือนก่อน +2099

      I do have to code some parts lol

    • @Labib-dw1lk
      @Labib-dw1lk 6 หลายเดือนก่อน +148

      @@Hyperplexedhmm, care to explain ?

    • @wikiwedia
      @wikiwedia 6 หลายเดือนก่อน +495

      @@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
      @thecodingponcho 6 หลายเดือนก่อน +260

      @@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
      @shapesinaframe 6 หลายเดือนก่อน +189

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

  • @clarkkent1473
    @clarkkent1473 6 หลายเดือนก่อน +984

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

    • @danielegvi
      @danielegvi 5 หลายเดือนก่อน +70

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

    • @marianatrujillo7721
      @marianatrujillo7721 5 หลายเดือนก่อน +10

      @@danielegviI want this comment framed in my wall

    • @Arkylie
      @Arkylie 4 หลายเดือนก่อน +2

      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
      @disguysn 4 หลายเดือนก่อน

      Even the best tutorials get lazy at times.

    • @MyUncleWorksForNintendo
      @MyUncleWorksForNintendo หลายเดือนก่อน

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

  • @LoganWiggins20
    @LoganWiggins20 6 หลายเดือนก่อน +2077

    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-TF2
      @SeaRavioli-TF2 6 หลายเดือนก่อน +8

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

    • @camp826
      @camp826 6 หลายเดือนก่อน +2

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

    • @LoganWiggins20
      @LoganWiggins20 5 หลายเดือนก่อน +1

      @@camp826 Thank you!

    • @halladba101
      @halladba101 4 หลายเดือนก่อน

      Adobe After Effects is hella of program 😂

  • @henlojseam
    @henlojseam 5 หลายเดือนก่อน +629

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

    • @amaraw9893
      @amaraw9893 5 หลายเดือนก่อน +9

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

    • @PranavBG
      @PranavBG 5 หลายเดือนก่อน +3

      ​@@amaraw9893 I was thinking the same ✅

  • @DaveChurchill
    @DaveChurchill 5 หลายเดือนก่อน +177

    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
      @76ers 4 หลายเดือนก่อน +3

      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.

  • @ICEcoldAryan
    @ICEcoldAryan 6 หลายเดือนก่อน +115

    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
      @1080pixel 5 หลายเดือนก่อน

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

    • @Vysair
      @Vysair 5 หลายเดือนก่อน

      Really perfect on a tea time

  • @allergictobs9751
    @allergictobs9751 6 หลายเดือนก่อน +174

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

  • @rarefranzys
    @rarefranzys 5 หลายเดือนก่อน +11

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

    • @Arkylie
      @Arkylie 4 หลายเดือนก่อน

      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.

  • @ProbablyBarney
    @ProbablyBarney 6 หลายเดือนก่อน +14

    you're like a webdev bob ross

  • @brookleewatters606
    @brookleewatters606 6 หลายเดือนก่อน +104

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

  • @droidvox1281
    @droidvox1281 6 หลายเดือนก่อน +223

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

  • @halcyon__r3289
    @halcyon__r3289 4 หลายเดือนก่อน +26

    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.

  • @Wolforce
    @Wolforce 6 หลายเดือนก่อน +189

    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
      @maxomega3 6 หลายเดือนก่อน +13

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

    • @junj1023
      @junj1023 6 หลายเดือนก่อน +15

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

    • @Tagvi
      @Tagvi 6 หลายเดือนก่อน +1

      Square roots aren't that expensive. But the latter is definitely true.

    • @LostOter
      @LostOter 6 หลายเดือนก่อน +12

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

    • @MrTurbo_
      @MrTurbo_ 6 หลายเดือนก่อน +6

      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

  • @Todd21212
    @Todd21212 6 หลายเดือนก่อน +48

    babe wake up new hyperplexed video just dropped

    • @plyght_
      @plyght_ 6 หลายเดือนก่อน

      I WAS GONNA COMMENT THAT 😠😠

    • @the_expidition427
      @the_expidition427 6 หลายเดือนก่อน

      Sure handsome

    • @plyght_
      @plyght_ 5 หลายเดือนก่อน

      @@the_expidition427 😭

  • @NECOdes
    @NECOdes 6 หลายเดือนก่อน +5

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

  • @Vaulco
    @Vaulco 6 หลายเดือนก่อน +67

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

  • @wowzers1237____
    @wowzers1237____ 6 หลายเดือนก่อน +15

    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.

  • @DrQuarzZz
    @DrQuarzZz 6 หลายเดือนก่อน +31

    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.

  • @achtube85
    @achtube85 6 หลายเดือนก่อน +12

    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 ❤

  • @ohmy8579
    @ohmy8579 2 หลายเดือนก่อน +6

    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

  • @juniorcoder4833
    @juniorcoder4833 6 หลายเดือนก่อน +36

    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

  • @carljason4299
    @carljason4299 6 หลายเดือนก่อน +3

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

  • @shauryaaher1579
    @shauryaaher1579 4 หลายเดือนก่อน +1

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

  • @SalladShooter
    @SalladShooter 6 หลายเดือนก่อน +3

    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!

  • @alexdev404
    @alexdev404 5 หลายเดือนก่อน +2

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

  • @novaotp
    @novaotp 6 หลายเดือนก่อน +7

    The animations and the explanations are always on point 🤩

  • @WeirdowithaBeardo
    @WeirdowithaBeardo 5 หลายเดือนก่อน +3

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

  • @TheRealDucko
    @TheRealDucko 6 หลายเดือนก่อน

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

  • @christopheviens6468
    @christopheviens6468 6 หลายเดือนก่อน

    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

  • @Mark73
    @Mark73 6 หลายเดือนก่อน +15

    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.

  • @peterbyun441
    @peterbyun441 4 หลายเดือนก่อน

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

  • @AyeQuinn
    @AyeQuinn 6 หลายเดือนก่อน +1

    your voice is so soothing lol, this is such a chill video, love it!

  • @yarrigmain
    @yarrigmain 4 หลายเดือนก่อน

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

  • @ojimomogee
    @ojimomogee 6 หลายเดือนก่อน

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

  • @xDMG15x
    @xDMG15x 3 หลายเดือนก่อน +1

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

  • @thedude69420
    @thedude69420 6 หลายเดือนก่อน

    One of your best videos yet, the animations and explainations were fantastic.

  • @Sharivari
    @Sharivari 6 หลายเดือนก่อน

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

  • @EricsWormPlayground
    @EricsWormPlayground 25 วันที่ผ่านมา

    Beautifully done. I need to check out more of your work.

  • @alvaurah
    @alvaurah 5 หลายเดือนก่อน

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

  • @C_Corpze
    @C_Corpze 5 หลายเดือนก่อน

    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.

  • @thomasshannon1652
    @thomasshannon1652 5 หลายเดือนก่อน +6

    Absolutely beautiful!

  • @NiffirgkcaJ
    @NiffirgkcaJ 5 หลายเดือนก่อน

    The way that you edit your videos are so magical! 😻

  • @awdityazein
    @awdityazein 6 หลายเดือนก่อน +1

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

  • @snw1993
    @snw1993 5 หลายเดือนก่อน +4

    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!

  • @2difficult2do
    @2difficult2do 5 หลายเดือนก่อน

    Great! I stumbled upon this video and was fascinated by how you managed to not only create a beautiful animation, but also to talk about the creation process in a very interesting way. 👍

  • @Shaheer-xs5os
    @Shaheer-xs5os 6 หลายเดือนก่อน

    Amazing breakdown and recreation, loved it 💛💕

  • @edena276
    @edena276 4 หลายเดือนก่อน

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

  • @michellebracken68
    @michellebracken68 5 หลายเดือนก่อน

    WOW! Your breakdown is So impressive!

  • @viniciussouza7198
    @viniciussouza7198 6 หลายเดือนก่อน

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

  • @simonswiss
    @simonswiss 4 หลายเดือนก่อน

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

  • @nekotajni394
    @nekotajni394 6 หลายเดือนก่อน +1

    Your tutorials always wake up my love for web development and programming. This is truly a masterpiece

  • @dennylekstrom4517
    @dennylekstrom4517 6 หลายเดือนก่อน

    Your approach to solving a problen is so insoiring everytime I get to follow your process. I didn't even continue pursuing coding but your content is just applicable to life in general. Incredible stuff and you deserve way, way more appreciatioon. 🎉

  • @LongBean7
    @LongBean7 5 หลายเดือนก่อน +3

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

    •  5 หลายเดือนก่อน

      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.

  • @anggafuse8568
    @anggafuse8568 4 หลายเดือนก่อน

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

  • @AlexanderBarakhov
    @AlexanderBarakhov 4 หลายเดือนก่อน

    Please never stop doing this awesome content ❤❤❤

  • @TrevorNewsome
    @TrevorNewsome 5 หลายเดือนก่อน

    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.

  • @Chloe_Fatecraft
    @Chloe_Fatecraft 6 หลายเดือนก่อน +1

    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

  • @Nerlon93
    @Nerlon93 6 หลายเดือนก่อน +17

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

  • @iainhunneybell
    @iainhunneybell 5 หลายเดือนก่อน

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

  • @mrkaro7468
    @mrkaro7468 6 หลายเดือนก่อน

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

  • @jmartinndev
    @jmartinndev หลายเดือนก่อน +1

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

  • @chirilluncasu3221
    @chirilluncasu3221 6 หลายเดือนก่อน

    Everytime I watch the videos on this channel I just know I am gonna have a great time while watching something I am interested in that is also visually pleasing!
    Great content, found this channel like 2 months ago and I am grateful for all the videos you put out! Thank you for your time!

  • @leia.z
    @leia.z 5 หลายเดือนก่อน

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

  • @toml8273
    @toml8273 6 หลายเดือนก่อน

    This channel and Fireship are my favourite frontend youtube channels

  • @AmeenSeytu
    @AmeenSeytu 6 หลายเดือนก่อน

    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.

  • @kodjocode
    @kodjocode 5 หลายเดือนก่อน

    Honestly. This is the best vanilla code channel on TH-cam!

  • @suspended67Animations
    @suspended67Animations 5 หลายเดือนก่อน

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

  • @rahulisgreat4911
    @rahulisgreat4911 6 หลายเดือนก่อน

    Insane video man
    Epic editing

  • @SridTech
    @SridTech 6 หลายเดือนก่อน

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

  • @wyndmill
    @wyndmill 6 หลายเดือนก่อน +1

    Absolutely stunning, great job!

  • @rayzo1534
    @rayzo1534 5 หลายเดือนก่อน

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

  • @okolosarah4902
    @okolosarah4902 5 หลายเดือนก่อน

    lots of virtual hugs. First time coming across your video. I actually needed this exact effect for my website, you just delivered it so astoundingly well. I have never subscribed to a channel after just watching a single video before, but today I am🤗🤗🤗🤗 Thank you so much for the amazing content.

  • @JohnMcSmith
    @JohnMcSmith 6 หลายเดือนก่อน

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

  • @CristalitOfficial
    @CristalitOfficial 6 หลายเดือนก่อน

    your videos are always so frikin cool dude

  • @lavather
    @lavather 6 หลายเดือนก่อน

    you definitely need to make more videos. every single one you make is pure magic, i love it. but its just never enough! please, for your subscribers sanity, give us more magic!

  • @frenkie_music
    @frenkie_music 5 หลายเดือนก่อน +1

    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!

  • @Markyparky56
    @Markyparky56 6 หลายเดือนก่อน

    That was really relaxing to watch, thank you

  • @lukecartwright613
    @lukecartwright613 6 หลายเดือนก่อน

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

  • @skl9942
    @skl9942 6 หลายเดือนก่อน

    You make the most beautiful and relaxing tutorials ever!

  • @bholmesdev
    @bholmesdev 6 หลายเดือนก่อน +1

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

  • @gasper1s
    @gasper1s 6 หลายเดือนก่อน

    The production quality of these videos is amazing.

  • @fabianhaukhopland6713
    @fabianhaukhopland6713 6 หลายเดือนก่อน

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

  • @ahmadsalmankhan3200
    @ahmadsalmankhan3200 5 หลายเดือนก่อน

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

  • @BLK-PantheR
    @BLK-PantheR 5 หลายเดือนก่อน +1

    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.

  • @fatimamusawy
    @fatimamusawy 3 หลายเดือนก่อน +1

    This motivated me to continue learning programming. Thank you 🙏

  • @user-ih7db2eo2c
    @user-ih7db2eo2c 5 หลายเดือนก่อน

    I love the content dude keep it going

  • @DeviceCanvas
    @DeviceCanvas 6 หลายเดือนก่อน

    You always find a way to amazes me❤❤ don't quite this channel no matter what

  • @LexifromZargon
    @LexifromZargon 5 หลายเดือนก่อน

    i think i just fell in love with your chanel!

  • @MrAlexutzu007
    @MrAlexutzu007 6 หลายเดือนก่อน

    U are a wizard. thank you for all your hard work and tutorials buddy!

  • @heytyler.
    @heytyler. 6 หลายเดือนก่อน +1

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

  • @heroyolkie
    @heroyolkie 5 หลายเดือนก่อน

    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 ❤)

  • @prte100
    @prte100 5 หลายเดือนก่อน

    Because of this video, I subscribed this channel so curious to see more in future :)

  • @IFMstudio
    @IFMstudio 5 หลายเดือนก่อน

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

  • @PastaEnthusiast
    @PastaEnthusiast 5 หลายเดือนก่อน

    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

  • @BugraBasbostanci
    @BugraBasbostanci 6 หลายเดือนก่อน

    I learn something new from every video. Thank you Hyperplexed!

  • @thearsham
    @thearsham 5 หลายเดือนก่อน

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

  • @TomMustBe12
    @TomMustBe12 5 หลายเดือนก่อน +1

    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

  • @Fang_ke_yang
    @Fang_ke_yang 5 หลายเดือนก่อน

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

  • @darkflux
    @darkflux 4 หลายเดือนก่อน

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

  • @deezydoezeet
    @deezydoezeet 5 หลายเดือนก่อน

    This is great. I so much love the thought process❤