Unravelling the Magic behind Polyrhythms

  Рет қаралды 212,826

Hyperplexed

Hyperplexed

Жыл бұрын

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/CodePenPolyrhythmicSpiral
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

Пікірлер: 420
@aydenherbst
@aydenherbst Жыл бұрын
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 Жыл бұрын
damn, if only we could have classes once every 2 months so they could create content in this fashion too
@yaverjavid
@yaverjavid Жыл бұрын
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 Жыл бұрын
​@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 Жыл бұрын
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 Жыл бұрын
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 Жыл бұрын
18 minutes of animation editing is crazy. This video must've taken you a while. GJ.
@danboy12342
@danboy12342 Жыл бұрын
Given how long it took fortune video to come out from the pen, I'd say so
@coldlombax
@coldlombax Жыл бұрын
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
@ajzack983
@ajzack983 Жыл бұрын
your videos are music to my eyes
@prashank
@prashank Жыл бұрын
Hol up
@zaiffyyy
@zaiffyyy Жыл бұрын
Exactlyyy...
@beforedrrdpr
@beforedrrdpr Жыл бұрын
And videos to my ears
@ggsap
@ggsap Жыл бұрын
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 Жыл бұрын
Yes the recaps make such a huge difference. Excellent video this is
@GiveMeSomeMeshuggah
@GiveMeSomeMeshuggah Жыл бұрын
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 Жыл бұрын
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 KZfaq 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.
@exyl_sounds
@exyl_sounds Жыл бұрын
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
@quackerdeezles
@quackerdeezles Жыл бұрын
Exyl from flute gang?!
@jonathanalonso6492
@jonathanalonso6492 Жыл бұрын
I like your funny words, magic man
@seomeenu
@seomeenu Жыл бұрын
next exyl song = polyrhythm?!?!??
@IshmamAhmed
@IshmamAhmed Жыл бұрын
Ahh man of culture
@Spherey
@Spherey 11 ай бұрын
flute gang moment
@CalebCrowe11111
@CalebCrowe11111 Жыл бұрын
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
@andrewboldi47
@andrewboldi47 Жыл бұрын
Now THAT's a tutorial. Great work hyperplexed!
@Viakavish
@Viakavish Жыл бұрын
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.
@sleepy-gogo
@sleepy-gogo Жыл бұрын
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!
@byteatatime
@byteatatime Жыл бұрын
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.
@bradenborman4396
@bradenborman4396 Жыл бұрын
Awesome job as always, HYPERPLEXED! 🤩
@malindukumaradasa3851
@malindukumaradasa3851 Жыл бұрын
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!
@tHekrack23
@tHekrack23 Жыл бұрын
Not only an amazing concept, but a masterclass on teaching itself. The way you present the content and concepts is just amazing
@SuperSmashMarco
@SuperSmashMarco Жыл бұрын
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!
@lagknowswhy
@lagknowswhy Жыл бұрын
You make programming seem so easy, love your animation and explanation style!
@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.
@FlorinPop
@FlorinPop Жыл бұрын
I'm always looking forward to your videos. OMG such amazing work! Great job!
@thespeedyyoshi
@thespeedyyoshi Жыл бұрын
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.
@Wolforce
@Wolforce Жыл бұрын
hyperplexed is slowly nearing game design. I'd also watch the hell out of that. Awesome video.
@local9
@local9 Жыл бұрын
One of your best videos, seeing you grow over the last year has been an amazing journey.
@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
@DrJimmyBob
@DrJimmyBob Жыл бұрын
Awesome video. I love the way you explained this and you're animations make for incredible visual support. I'm very impressed
@LionTheFish
@LionTheFish Жыл бұрын
This is my favorite channel. Always a good day when you upload.
@ajilpappachan
@ajilpappachan Жыл бұрын
This video was an audiovisual masterpiece.
@SRG-Learn-Code
@SRG-Learn-Code Жыл бұрын
The recaps are a very smart way to engage. I love your videos.
@Ron-op8es
@Ron-op8es Жыл бұрын
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
@codeoptimal7197
@codeoptimal7197 Жыл бұрын
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 Жыл бұрын
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 Жыл бұрын
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 4 ай бұрын
@@samienr Is calculus a requirement for a career in programming? That level of math destroys me.
@TeePlunder
@TeePlunder Жыл бұрын
You are a real motivation for new coding projects and try out new things! 🙏🏼🎉
@JayronWhitehaus
@JayronWhitehaus Жыл бұрын
This is the most genius approach to showing someone how to step wise problem solve. Really fantastic stuff.
@jawidz4636
@jawidz4636 Жыл бұрын
bro you're freaking excellent with all your content! happy I found you ! keep up the good work
@lalasmith2137
@lalasmith2137 Жыл бұрын
Love to see a video from you, much more so when it's a long one. Thank you so much for sharing, would love more long format videos so I can learn much more from you
@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.
@emmavdev
@emmavdev Жыл бұрын
I love this channel a lot! Your videos are literally perfect. Thank you
@p07a
@p07a 3 ай бұрын
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.
@PierreChevallier
@PierreChevallier Жыл бұрын
The editing and animations are amazing! Great work!
@ayushkumarchandra
@ayushkumarchandra Жыл бұрын
Man, this is legit gold! Thank you so much!
@ahjsbkdjhavkcjhvac
@ahjsbkdjhavkcjhvac Жыл бұрын
yet another great video from my favorite web design channel on KZfaq. You never disappoint.
@bcharles9605
@bcharles9605 Жыл бұрын
Omg man this video is a piece of art! Amazing!
@noraaa112
@noraaa112 4 күн бұрын
whoa i have never coded in my life and you make it seem literally so simple and intuitive. so cool + i love polyrhythmns
@bailey29
@bailey29 Жыл бұрын
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.
@sidharthgujja4533
@sidharthgujja4533 Жыл бұрын
this is beautiful. i truly have no words to describe how interactive, entertaining, and educating this video is.
@maherylala2153
@maherylala2153 Жыл бұрын
Really waited for that one and it's great as always ! Ty
@glorysamuel898
@glorysamuel898 10 ай бұрын
Just found this channel and i love itttt. You make programming seem easy and fun.
@narutokunn
@narutokunn Жыл бұрын
This is amazing stuff. So well taught. Kudos to you and the super hard work you put in.
@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
@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. ❤
@FridgeFucker96
@FridgeFucker96 Жыл бұрын
This was so easy to understand, that's quite rare in the programming and the math scene. You're amazing!
@fueledbycoffee583
@fueledbycoffee583 Жыл бұрын
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
@harrisonhutton
@harrisonhutton Жыл бұрын
Absolutely amazing! Thank you, once again 🙏
@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.
@ardianhotii
@ardianhotii 10 ай бұрын
One of the best videos I've seen recently , very well explained also its very satisfying, keep making videos like this
@skydivertyler
@skydivertyler Жыл бұрын
FANTASTIC video, extremely well presented and easy to understand. You rock!
@yunierolivera5091
@yunierolivera5091 Жыл бұрын
Mesmerizing. The editing, the explanation, all 😍
@AndreasBeder
@AndreasBeder Жыл бұрын
Thanks for your time explaining every step in such a pleasant way.
@OliverEbsworth
@OliverEbsworth Жыл бұрын
In my opinion. This is the best video you have made and that is seriously saying something. Good work man. 💛
@AcridDragoon
@AcridDragoon Жыл бұрын
never stop what you do. your videos are AMAZING
@ashleyrothn313
@ashleyrothn313 Жыл бұрын
so much polish. such a pleasure to watch.
@AnwarulIslamYT
@AnwarulIslamYT Жыл бұрын
Wow! Incredible. the time and patience you took to animate the whole things is splendid. You're awesome. Learned so many things in a single video. It made my day
@user-mk8mm4nv2m
@user-mk8mm4nv2m Жыл бұрын
I love the way that even you create music it’s looks like you mastered and looks so easy😂
@-hackers_industry
@-hackers_industry Жыл бұрын
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 :)
@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.
@flwi
@flwi 8 ай бұрын
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.
@juleshorne2331
@juleshorne2331 10 ай бұрын
Terrific teaching - thank you!💐
@Bonksy42
@Bonksy42 11 ай бұрын
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!
@alexanderbang4116
@alexanderbang4116 Жыл бұрын
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.
@antoinekikkers9022
@antoinekikkers9022 Жыл бұрын
your content is amazing!
@ScientObject40
@ScientObject40 Жыл бұрын
This was really instructive, thanks a lot Hyperplexed.
@hereisabhi
@hereisabhi Жыл бұрын
Best javascript video I have seen :)
@JakeHaugen
@JakeHaugen Жыл бұрын
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 ❤
@querela92
@querela92 Жыл бұрын
Nice. Really good explanation and especially how to build this. I saw those musical points on line animations a few times but never thought about how they were made. And thanks for trying out the sound API so that we don't minimize on full volume in the future 😂
@aman_singh__
@aman_singh__ Жыл бұрын
The amount of effort that must have gone to edit the animations must be insane. Very cool video
@mikymuky1171
@mikymuky1171 6 ай бұрын
Absolutely stellar educational video! I am showing this to everyone who ever has a doubt in their ability to learn the programing world.
@hadzimmuhammad5365
@hadzimmuhammad5365 Жыл бұрын
Love you dude. I hate UI but youve been keeping me interested
@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
@eisah0919
@eisah0919 Жыл бұрын
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!
@pablowbk
@pablowbk Жыл бұрын
This is crazy man, thanks a lot
@ordinarystones
@ordinarystones Жыл бұрын
(Not going to follow up in discussion, just sharing feedback with creator) I didn't understand the overlying thesis or point of this video. I mean all of the steps you did made sense, but I just didn't understand why you were doing them from the video alone. I also felt like the "oh i see, next i need to do xyz" vibe became repetitive a few minutes. I would much rather have the big picture first as opposed to diving into the step-by-step, which is really different for different programmers, programming languages, libraries/APIs, etc.. It wasn't clear to me from this video itself how the animation you made productively connected to polyrhythms (or the original "reverse engineering an audiovisual masterpiece" title). Not saying they didn't connect, but I felt more time could have been spent more clearly iterating the reasons to care. I think mostly this speaks to me not being the target audience for the video. I've got a programming background but I'm not at a point in my career where I am still interested in programming tutorials, whereas I am very interested in art/music/analysis of creative works by others. I think when this came up in my feed, the title/changed title led me to believe it would have more emphasis on the "masterpiece" or the "polyrhythms", moreso than the implementation details. Not knocking the content, because as a programming tutorial this seems better than as whatever I expected. The pacing was also pretty fast, and if I was trying to blitz through educational content I might appreciate that whereas I was looking for more of a vibe I guess.
@marius1029
@marius1029 Жыл бұрын
So amazing, I felt really entertained
@2difficult2do
@2difficult2do 6 ай бұрын
Amazing, exciting and incredibly interesting video. It's like magic. Thanks for sharing your knowledge.
@Plondysaurus
@Plondysaurus Жыл бұрын
This was soothing in a way which, as someone unaffected by ASMR, I haven't experienced in a very long time.
@AhmedSaeed97
@AhmedSaeed97 Жыл бұрын
broo this so good! ty
@JakeHarris0
@JakeHarris0 Жыл бұрын
I've never heard anyone explain programming so similarly to my inner monologe before, and write so similarly. That was surreal. Also, you have mastered the level of detail in your explanations.
@NumbBlaze
@NumbBlaze 11 ай бұрын
Amazing work man, math makes my head go on strike so this is very impressive :)
@nairol203
@nairol203 Жыл бұрын
What a great Video! Thank you very much
@ordinaryperson-my7qr
@ordinaryperson-my7qr Жыл бұрын
OMGGG, loveeee ya work... ❤❤❤
@Shaheer-xs5os
@Shaheer-xs5os 10 ай бұрын
This is one of the best video I've ever seen on KZfaq
@gradientO
@gradientO Жыл бұрын
I like the way you solve problems. Wow
@nikykovalski5869
@nikykovalski5869 4 ай бұрын
Wow great video! I'm going to learn javascript right now
@KalebPeters99
@KalebPeters99 Жыл бұрын
This is masterful pedagogy. Bravo ✨
@Famelhaut
@Famelhaut Жыл бұрын
this is just incredible. im not sure how you do it please keep doing these! ill follow this and make one for me later :3
@fajarfalahiat5379
@fajarfalahiat5379 Жыл бұрын
this is just effing amazing
@BestHelp07
@BestHelp07 Жыл бұрын
I am really inspired from you, the way you explain things , your way of teaching things is really perfect, i am going to start making videos on KZfaq again, tutorial videos and my journey to become a good coder, I will try my best to make tutorial like you. Thank you for your efforts in teaching like this. I really appreciate this..
@h3h2o
@h3h2o Жыл бұрын
god I love this, thank you for pleasing us with your existence ♥
@PatrickLenart
@PatrickLenart Жыл бұрын
Amazing video again! 😱👍🏻
@gfhfhgfhfgh1562
@gfhfhgfhfgh1562 Жыл бұрын
Bonus points for Mahoyo's ost in the background, great video.
@GratuityMedia
@GratuityMedia Жыл бұрын
this is awesome, thanks!
@gonzalopineiro9147
@gonzalopineiro9147 Жыл бұрын
You are next level, you explain like Sebastian Lague, you rock.
This Website Theme Hasn't Been Perfected Since 1996
9:43
Hyperplexed
Рет қаралды 318 М.
Polyrhythms by Virtual Riot BLEW MY MIND
15:19
EDM Tips
Рет қаралды 76 М.
A little girl was shy at her first ballet lesson #shorts
00:35
Fabiosa Animated
Рет қаралды 9 МЛН
Happy 4th of July 😂
00:12
Alyssa's Ways
Рет қаралды 69 МЛН
Red❤️+Green💚=
00:38
ISSEI / いっせい
Рет қаралды 81 МЛН
Inside Out 2: Who is the strongest? Joy vs Envy vs Anger #shorts #animation
00:22
I heard you like polyrhythms On Drums!
7:48
The8BitDrummer
Рет қаралды 106 М.
Songs that use Polyrhythms & Polymeters
13:02
David Bennett Piano
Рет қаралды 777 М.
Entire piano filled with water sounds UNREAL
19:54
Mattias Krantz
Рет қаралды 6 МЛН
Ranking your polyrhythms
11:00
Adam Neely
Рет қаралды 615 М.
Actually, Maybe There's Only 1 Game of Tic-Tac-Toe
11:58
Marc Evanstein / music․py
Рет қаралды 1 МЛН
I Gave a Website Logo Superpowers
5:47
Hyperplexed
Рет қаралды 245 М.
I can't ride a bike. How fast can Mike Boyd teach me?
19:33
Tom Scott plus
Рет қаралды 2,5 МЛН
I Redesigned Popular Websites (Rotten Tomatoes & Craigslist)
7:56
Hyperplexed
Рет қаралды 258 М.
Hexagons are the Bestagons
9:27
CGP Grey
Рет қаралды 14 МЛН
I heard you like polyrhythms
7:57
Virtual Riot
Рет қаралды 2 МЛН
A little girl was shy at her first ballet lesson #shorts
00:35
Fabiosa Animated
Рет қаралды 9 МЛН