Unravelling the Magic behind Polyrhythms

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024
  • Watch as I show you how to recreate an awesome audio visual animation inspired by / @project_jdm .
    Merch: hyperplexed.store
    Tools used: HTML, CSS, JavaScript
    CodePen: bit.ly/CodePen...
    Music licensed by Artlist:
    Bishara Haroni - Gymnopédie No 1
    SpongeBob in thumbnail:
    Hypnotized SpongeBob And Patrick 3D Desktop Wallpaper By jes123 on wallpaper.com
    Link: bit.ly/3IPuJw2

Комментарии • 424

  • @aydenherbst
    @aydenherbst Год назад +1706

    Let me put it like this, if all school and university teachers worldwide were half as astonishingly excellent at conveying information as you, we'd be living in a very different world.

    • @YuriG03042
      @YuriG03042 Год назад +33

      damn, if only we could have classes once every 2 months so they could create content in this fashion too

    • @yaverjavid
      @yaverjavid Год назад +9

      if you can't keep up with the pace and style teachers, then you shouldn't study at all.
      It feels like i am taking a class in a disability school;

    • @austinedeclan10
      @austinedeclan10 Год назад +20

      ​@Yaver Javid people aren't the same, don't learn at the same rate or in the same way or care about the same subjects. I realised if I care about a subject or field I'll learn it really fast. That's how I learned to cook and code but can't do math or chemistry beyond the basics because I don't need, don't have to, can't be bothered. I just wish I didn't have to spend time in school on things I had no interest in and only focused only on things I had interest in.

    • @joaoroberto1497
      @joaoroberto1497 Год назад +11

      It's not really a problem with the teachers. They're usually underpaid and overpressured. it's really hard to keep loving teaching when education is just a product, like everything else. Even lives. So don't blame the teachers, it's really not their fault.

    • @ciprianparaschiv7591
      @ciprianparaschiv7591 Год назад +5

      Nah bro. They too busy inventing new ways to tax the monopole they created on certifying to 90% of society that you are worth something in some domain. Don't have the money or the interest to actually find real teachers, people that live to transmit knowledge to others. At least wonderful people like Hyperplexed exist.

  • @AdityaTheGoat
    @AdityaTheGoat Год назад +1204

    18 minutes of animation editing is crazy. This video must've taken you a while. GJ.

    • @danboy12342
      @danboy12342 Год назад +8

      Given how long it took fortune video to come out from the pen, I'd say so

  • @ajzack983
    @ajzack983 Год назад +241

    your videos are music to my eyes

  • @ggsap
    @ggsap Год назад +451

    I feel like I did not learn anything because all the points you make are sort of obvious in isolation, while in reality, after you present them, it seems so trivial and intuitive and felt I knew it all along. I also like how you give an extra recap and not leave it up to the viewer to rewind 50 times, just to become frustrated and lose hope. I hope you make more videos like this, this is excellent teaching

    • @narutokunn
      @narutokunn Год назад +16

      Yes the recaps make such a huge difference. Excellent video this is

  • @coldlombax
    @coldlombax Год назад +288

    Honestly, my favourite part of your guides/videos is that you ask questions, as if you were developing, it helps understand how to find the answers using google, rather than just copying a guide directly. It seems silly and obvious but I'm glad you do it!
    Thanks for the videos Hyperplexed

  • @GiveMeSomeMeshuggah
    @GiveMeSomeMeshuggah Год назад +49

    I love how you bump into problems and walk through them instead of just presenting the correction up front. It feels like problem solving with a real developer and makes the learning so natural.

  • @Jason-mk3nn
    @Jason-mk3nn Год назад +34

    Within a matter of a couple minutes, this brought me back nearly 40 years to coding on an Apple ][. The sheer approach and explanation was so similar to how I learned, but instead of the internet or a fancy RUclips video, it was through books and magazines of sample programs and code blocks. I have not even finished this video yet, but I am smiling ear to ear and listening and watching you go through this was the same energy I had at the time and soon to be the same energy I would try to teach others with.
    In a single word: Wow.
    Thank You. This was a precious 20 minutes of time that I won't soon forget, and will definitely share it with others.

  • @CalebCrowe11111
    @CalebCrowe11111 Год назад +136

    Seriously a video that deserves more attention. Your editing is smooth, your script is seamless, and the topic is interesting. I hope this gains traction

  • @exyl_sounds
    @exyl_sounds Год назад +66

    this is awesome. I think this kind of project would sound best if you use a pentatonic scale just to avoid any super dissonant intervals and to make it sound good no matter how random

  • @andrewboldi47
    @andrewboldi47 Год назад +24

    Now THAT's a tutorial. Great work hyperplexed!

  • @JayronWhitehaus
    @JayronWhitehaus Год назад +1

    This is the most genius approach to showing someone how to step wise problem solve. Really fantastic stuff.

  • @noraaa112
    @noraaa112 2 месяца назад

    whoa i have never coded in my life and you make it seem literally so simple and intuitive. so cool + i love polyrhythmns

  • @ajilpappachan
    @ajilpappachan Год назад +7

    This video was an audiovisual masterpiece.

  • @Viakavish
    @Viakavish Год назад +3

    Everyone already told you *why* the you explain things are outstanding, I'm here just to ask you to create a course. You will earn money and people will learn better, it's a win win.
    You are a teacher in your blood, I never saw someone explain things so good, just WOW.

  • @tHekrack23
    @tHekrack23 Год назад +3

    Not only an amazing concept, but a masterclass on teaching itself. The way you present the content and concepts is just amazing

  • @LionTheFish
    @LionTheFish Год назад +1

    This is my favorite channel. Always a good day when you upload.

  • @byteatatime
    @byteatatime Год назад +5

    I don't think the speeds are staggered, it's just that the radius and circumference of a circle are proportional (2πr) so the inner circle has a smaller circumference, therefore making it faster to reach the end.

  • @Wolforce
    @Wolforce Год назад +5

    hyperplexed is slowly nearing game design. I'd also watch the hell out of that. Awesome video.

  • @bradenborman4396
    @bradenborman4396 Год назад +8

    Awesome job as always, HYPERPLEXED! 🤩

  • @codeoptimal7197
    @codeoptimal7197 Год назад +49

    You learn a lot about radians (and sin/cos) in trig. I just completed the class, and it is so cool to see it actually used in the real world!

    • @samienr
      @samienr Год назад +1

      Dude just wait till you learn calculus! It all comes together for so many subjects and seeing math being used everywhere is fascinating!

    • @samienr
      @samienr Год назад +1

      I’d suggest watching 3Blue1Brown if you really want to get your mind blown with math applications. It’s a bit advanced and you might not understand everything but you learn as you watch. I’d highly recommend watching the guy, he does really amazing stuff.

    • @koy5902
      @koy5902 6 месяцев назад

      @@samienr Is calculus a requirement for a career in programming? That level of math destroys me.

  • @ayushkumarchandra
    @ayushkumarchandra Год назад

    Man, this is legit gold! Thank you so much!

  • @Ron-op8es
    @Ron-op8es Год назад +1

    like others have said, i love how you walk through one problem at a time. it really goes to show how you don’t need all the answers up front when you want to build something. you solve problems as they come up

  • @sleepy-gogo
    @sleepy-gogo Год назад +3

    I really love this content! It's so high quality that I literally cannot think another way of explaining all the logic and code required to create stuff as complicated visually as appealing as your videos! I would love to see the kind of worlflow you go through to create this videos, man!

  • @SRG-Learn-Code
    @SRG-Learn-Code Год назад

    The recaps are a very smart way to engage. I love your videos.

  • @thespeedyyoshi
    @thespeedyyoshi Год назад +22

    So many times watching this video I was like completely flabbergasted at how much info was flying at me all at once and how it kept going. This was a trip, and I'm shocked you made it to the end. That break down is amazing.

  • @SuperSmashMarco
    @SuperSmashMarco Год назад +2

    Coming from your most recent video on the wand animation, and I have no words - the quality of your videos, explanations, and approachable demeanor are inspiring. Once again, please don't stop making videos, you have a real talent to inspire!

  • @malindukumaradasa3851
    @malindukumaradasa3851 Год назад +1

    Your animations, pacing, dedication to making sure we understand everything you did, and the process of thinking and tackling problems, even the minor ones, is truly magical. Thank you for these amazing videos!

  • @christophpodkowik9245
    @christophpodkowik9245 19 дней назад

    Thanks for the detrailed explanation.
    I had everything ready myself (In unity2d) but couldn't crack the math around the velocity.
    Really helped me a lot

  • @foundfpvfootage
    @foundfpvfootage Год назад +2

    You make programming seem so easy, love your animation and explanation style!

  • @mikymuky1171
    @mikymuky1171 9 месяцев назад

    Absolutely stellar educational video!
    I am showing this to everyone who ever has a doubt in their ability to learn the programing world.

  • @p07a
    @p07a 6 месяцев назад

    You do a great job bringing back the genre of video, or written tutorials that used to exist in magazines and the internet 15 years ago. Thank you! We definitely need more hobbyist / creative programmers in this era.

  • @Diego-Garcia
    @Diego-Garcia Год назад

    That's a very good example of how I think while programming

  • @ashleyrothn313
    @ashleyrothn313 Год назад

    so much polish. such a pleasure to watch.

  • @chovbee
    @chovbee Год назад

    Not only are these videos so entertaining, but these really teach me how to learn. The way you go about researching problems you run into gives me ideas on how I can approach future issues in projects

  • @bcharles9605
    @bcharles9605 Год назад

    Omg man this video is a piece of art! Amazing!

  • @זיואשכנזי
    @זיואשכנזי Год назад

    I love the way that even you create music it’s looks like you mastered and looks so easy😂

  • @fueledbycoffee583
    @fueledbycoffee583 Год назад +6

    i have been using canvas fior almost 7 years and i never understood the arc function. i just memorized it and this is the first video i have come across that actually make radians have sense! really nice!. One piece of advice tho... just redraw the circles. just can leave the line and the arcs on a secondary canvas so you dont have to redraw them each frame

  • @tfcbhop6380
    @tfcbhop6380 6 месяцев назад

    I’ve watched this at 4 o’clock in the morning and actually fell asleep while watching it because of the background music etc.

  • @Alpha-yh8wq
    @Alpha-yh8wq 6 месяцев назад

    This is the most comprehensive tutorial I’ve ever seen to the point that I didn’t even realize it was a tutorial

  • @currenluna
    @currenluna Год назад

    I love the way you recapped the most recent steps throughout the video. This is an excellent breakdown and explanation of your process! And I appreciate it when you "thought out loud" through bugs.

  • @StellarWeb008
    @StellarWeb008 Год назад

    This is the first man I saw who gave a different variable name to the canvas element and it's context instead of "canvas" & "ctx"

  • @JakeHaugen
    @JakeHaugen Год назад +2

    This is exactly how computer programming feels. I’m using this next time someone asks me what being a software engineer is like. Thank you for the wonderful video ❤

  • @local9
    @local9 Год назад

    One of your best videos, seeing you grow over the last year has been an amazing journey.

  • @seyedsohrabfarjami6165
    @seyedsohrabfarjami6165 Год назад

    never did front end in my life but the way use incorporate maths and formulas you just found in such a simple but effective way is amazing

  • @ezehbomote6384
    @ezehbomote6384 Год назад

    So many things I learnt in maths and physics that I get to see a real world application for the first time.

  • @2difficult2do
    @2difficult2do 9 месяцев назад

    Amazing, exciting and incredibly interesting video. It's like magic. Thanks for sharing your knowledge.

  • @gfhfhgfhfgh1562
    @gfhfhgfhfgh1562 Год назад

    Bonus points for Mahoyo's ost in the background, great video.

  • @-hackers_industry
    @-hackers_industry Год назад +1

    I have a short attention span but I just cant get enough of your videos. I don't know what it is maybe the smoothness or narrating but regardless, its working :)

  • @daniyalkhawaja6557
    @daniyalkhawaja6557 Год назад

    i used to watch random meme videos while eating food, now i watch hyperplexed while eating and its safe to say that i enjoy it more and learn a thing or two too!

  • @jawidz4636
    @jawidz4636 Год назад +1

    bro you're freaking excellent with all your content! happy I found you ! keep up the good work

  • @lowhigh3426
    @lowhigh3426 Год назад

    Love the Eric Satie in the background

  • @chaotech8962
    @chaotech8962 Год назад

    Very well simplified! I'm happy to see someone making coding approachable, too many videos assume people are comfortable with high-level explanations and overcomplicated systems.

  • @Shaheer-xs5os
    @Shaheer-xs5os Год назад

    This is one of the best video I've ever seen on RUclips

  • @chinmaykumar7975
    @chinmaykumar7975 Год назад

    Wow this is really cool. I am going to try it. Seeing high school maths getting used in web dev is cool

  • @bnlbnlbnl
    @bnlbnlbnl Год назад

    This is seriously one of the best coding videos I have ever seen. I wish I had stuff like this when I was learning, the way that you discover solutions to problems in an intuitive way is pure genius.

  • @MultiWarriorKing
    @MultiWarriorKing 5 месяцев назад +1

    It took me a full 10 minutes to realize this wasn't a video about polyrhythms

  • @thatanimationfan9649
    @thatanimationfan9649 Год назад

    I need more videos like this

  • @Suplen
    @Suplen Год назад

    The quality of this video is insane.
    You explained so well that I got 100% of your explanation instantly and understood 100% of your choices

  • @official_notch
    @official_notch Год назад

    I would love The Coding Train to do something with this in Processing. Love the video!!

  • @gradientO
    @gradientO Год назад +1

    I like the way you solve problems. Wow

  • @hereisabhi
    @hereisabhi Год назад +1

    Best javascript video I have seen :)

  • @eisah0919
    @eisah0919 Год назад +1

    The 'unit circle' will unlock all the secrets to what is happening mathematically with sin, cos, and the selected angles whether in degrees (0-360) or radians(pi - 2pi)! I think this is a critical tool for understanding the arc math. This video unlocked this hidden memory from high school algebra/trig lol!

    • @eisah0919
      @eisah0919 Год назад

      Amazing video as always! Cheers!

  • @ahjsbkdjhavkcjhvac
    @ahjsbkdjhavkcjhvac Год назад

    yet another great video from my favorite web design channel on RUclips. You never disappoint.

  • @ladokakhashvili8820
    @ladokakhashvili8820 Год назад

    Man, where has this channel been all my life. I recreated this project with some of my own twists. I am just getting into canvas and this definitely helped a lot. Thanks and take the Sub

  • @juleshorne2331
    @juleshorne2331 Год назад

    Terrific teaching - thank you!💐

  • @gonzalopineiro9147
    @gonzalopineiro9147 Год назад

    You are next level, you explain like Sebastian Lague, you rock.

  • @ardianhotii
    @ardianhotii Год назад

    One of the best videos I've seen recently , very well explained also its very satisfying, keep making videos like this

  • @mrh3956
    @mrh3956 Год назад

    You're a wizard m8 well done!

  • @nikykovalski5869
    @nikykovalski5869 6 месяцев назад

    Wow great video! I'm going to learn javascript right now

  • @hadzimmuhammad5365
    @hadzimmuhammad5365 Год назад

    Love you dude. I hate UI but youve been keeping me interested

  • @pablowbk
    @pablowbk Год назад

    This is crazy man, thanks a lot

  • @BriggsMullen
    @BriggsMullen Год назад

    You always find the most interesting things to build, and you make the process of building them look interesting and less intimidating. You've outdone yourself this time though. Fantastic work.

  • @snage-thesnakemage
    @snage-thesnakemage Год назад

    seeing you rediscover the unit circle made my calculus heart happy

  • @fajarfalahiat5379
    @fajarfalahiat5379 Год назад +2

    this is just effing amazing

  • @NoobomgWhy
    @NoobomgWhy Год назад

    Amazing, see children, this is how it really works. It does not take a super knowledgable person, it just needs inspiration and asking questions. It's about not beeing afraid to ask the question :)

  • @sidharthgujja4533
    @sidharthgujja4533 Год назад

    this is beautiful. i truly have no words to describe how interactive, entertaining, and educating this video is.

  • @anweshandev
    @anweshandev Год назад

    The amount of trigonometry I did here could complete my university syllabus. Great video again.

  • @FlorinPop
    @FlorinPop Год назад

    I'm always looking forward to your videos. OMG such amazing work! Great job!

  • @CiY3
    @CiY3 Год назад

    You are such an incredible teacher, that my mom (who has no idea how to code) enjoys these videos! Thank you so much, Hyperplexed.

  • @Bonksy42
    @Bonksy42 Год назад

    You and fireship are the absolute best youtube channels to go and learn useful new things and become better at what I do. Thank you so much for everything!

  • @DrJimmyBob
    @DrJimmyBob Год назад

    Awesome video. I love the way you explained this and you're animations make for incredible visual support. I'm very impressed

  • @TeePlunder
    @TeePlunder Год назад

    You are a real motivation for new coding projects and try out new things! 🙏🏼🎉

  • @darlingtonolelewe1212
    @darlingtonolelewe1212 Год назад

    Looks like something worth trying

  • @AndreasBeder
    @AndreasBeder Год назад

    Thanks for your time explaining every step in such a pleasant way.

  • @flwi
    @flwi 10 месяцев назад

    You're a really good educator! The pacing was perfect imo - it often felt obvious what the next step is. Well done!
    At first I thought it'll surely de-sync because of rounding or whatever. But just using t, v and d is a great idea I didn't think of when I had a first look at the animation.

  • @OliverEbsworth
    @OliverEbsworth Год назад

    In my opinion. This is the best video you have made and that is seriously saying something. Good work man. 💛

  • @TomHermans
    @TomHermans Год назад

    waw. the original creation but your video explaining everything just as well

  • @NumbBlaze
    @NumbBlaze Год назад

    Amazing work man, math makes my head go on strike so this is very impressive :)

  • @whisperSSG8
    @whisperSSG8 Год назад +1

    i finally finished after following for like 3 hours!!

  • @marius1029
    @marius1029 Год назад

    So amazing, I felt really entertained

  • @akos.prestigio4927
    @akos.prestigio4927 Год назад

    Your teaching skills are amazing.😄

  • @yunierolivera5091
    @yunierolivera5091 Год назад

    Mesmerizing. The editing, the explanation, all 😍

  • @BeyMaster0609
    @BeyMaster0609 Год назад +2

    if only my calculus teacher could teach like this, step-by-step, without jumping to the end and saying "here you go, that's the answer"

  • @glorysamuel898
    @glorysamuel898 Год назад

    Just found this channel and i love itttt. You make programming seem easy and fun.

  • @matyaspolzer5887
    @matyaspolzer5887 Год назад

    Funny thing, few days ago a needed the formula for getting a point on an arc for my analog clock project, so came up with it myself and so it made me chuckle seeing the exact same formula just pop up in a video about something completely different. 😂

  • @Plondysaurus
    @Plondysaurus Год назад

    This was soothing in a way which, as someone unaffected by ASMR, I haven't experienced in a very long time.

  • @MultiShiv19
    @MultiShiv19 Год назад

    I like the feel of these videos, it feels like we're writing code together. I like how analyze the next step and also do recaps along the way. ❤

  • @alexanderbang4116
    @alexanderbang4116 Год назад +8

    Amazing video! I think you could have just used the absolute value of sine to get it to "bounce" back, thats because sine controls the y position og it goes between -1 and 1. So taking the absolute value keeps it above zero, then you wouldn't need to have the adjustedDistance calculation.

  • @Eliasdbr
    @Eliasdbr Год назад

    Not only you showed us how to make a polyrhythmic visualization, but also you showed us very clearly the process of problem solving

  • @maherylala2153
    @maherylala2153 Год назад

    Really waited for that one and it's great as always ! Ty