Wow, this video really blew up! Thank you for watching! :) I want to answer some frequent questions from the comments: *How did you make this video?* • All of the visuals were created in Processing! *Can you do this in ?* • Yes, absolutely! This can be done with anything that lets you render stuff to the screen. • Most engines even have robust rigging systems if you want to skip the math :) *Where can I learn more?* • I haven't been able to find any well-compiled sources on procedural animation, which is why I only covered the absolute basics here. • However, if you're interested in learning how programming can intersect with natural sciences, I really, really like The Nature of Code by Daniel Shiffman. *This isn't realistic.* • Yes, you're right. This is a simple model that abstracts away real-world complexities. • However, I hope that you can use these techniques as a starting point to build cool things! • And I did get a lot of great feedback and ideas for how to improve the animation, I’ll definitely try them out! :)
@arafays
2 ай бұрын
it has just started.....
@bobsmithy3103
2 ай бұрын
Fantastic video btw! I'd love if you made more of these videos. Your step-by-step explanations make it extremely easy to understand and your visuals are super nice
@OdysseyHome-Gaming
2 ай бұрын
@@argonautcode Never heard of processing before. Looks really cool. Love open source software.
@Colonies_Dev
2 ай бұрын
u can also use rotation matrix to find 90deg vectors, it can also be done by (x,y) => (-y,x) because thats kind of the result of a kind of ""identity"" rotation matrix, i saw this on sebastian lague first where he just flip the vector components and negate one of them
@PossiblePasts
2 ай бұрын
What if you restricted legs in a way, that there's always only 2 moving? Would it work and look better?
@joesmith5970
2 ай бұрын
This is exactly how programming concepts should be presented. Visuals, step by step explanations, and the math behind it. Every layer is here to pick apart at any viewer's personal learning pace. No over the top jokes or distracting edits, either. A real gem. Thanks for making this.
@pookiepats
2 ай бұрын
No this is not learning it is entertaining and that’s fine but no serious discussion can be had that this is how budding devs should learn
@Lucid3DCJ
2 ай бұрын
@@pookiepats I respectfully disagree. I believe that a budding developer would benefit more from being given the general ideas behind the programming, rather than every variable and line being spoon-fed to them, for two reasons: 1) A developer is actively encouraged to experiment with how to achieve this, introducing them to methods and functions that they will likely not encounter given the 'correct' answer outright - read: "a developer's sandbox is the best place to learn." 2) Without the constraint of a line-by-line tutorial, the general concepts outlined in this video can be achieved using almost any programming language or engine - you know what you're aiming to achieve and the steps that get you there, not how, so you can discover the how yourself, relative to what you need. Both of these points lend themselves to learning the idea of procedural animation, and whichever programming language they intend to replicate that idea in; rather than starting from a fully-functioning piece of code written in a particular language and dissecting it in order to understand it (and potentially translate it).
@diamond8467
2 ай бұрын
@@pookiepats what? :D I mean this is not beginner level topic, so I can see how it is just entertaining for you. But it is complete pseudo code explanation that can be implemented in any graphic framework just with this one video. It is represented in a simple way without forgetting math behind it. Simple procedural animations are not something you would need to seriously discuss, so I am a bit confused what you meant by that.
@joesmith5970
2 ай бұрын
@@pookiepats I disagree. I learned something. Perhaps you need a different method of teaching? Nothing wrong with that, but this is right up my alley and helped me visualize that which long-form text explanations cannot. To each their own! Hope you find something that works better for you.
@obleynix8026
2 ай бұрын
@@pookiepats i agree with @diamond8467 , these kinds of videos usually teach the concept behind a feature it expects you to already have learned how to code. It makes teaching the concept faster, simpler and easier to implement globally.
@lgasc
2 ай бұрын
You could enhance the lizard animation by only allowing a leg to move if the three others are still. It will naturally make a cycle and this cycle will automatically reorder on tight turns. Or, for a faster walk cycle, only check the matching leg on the other side and the matching leg in front or behind.
@jenkem4464
2 ай бұрын
That's the beauty of procedural workflows. You can always go in after the fact and add or tweak additional parameters pretty quickly and get a change across the project. Great for non destructive work. The more work you do in procedural workflows you start seeing all these patterns and concepts in nature. Really cool stuff.
@sneezingProtogen
2 ай бұрын
Procedurally animated lizards… sound familiar RAIN WORLD
@kurushimee
2 ай бұрын
Damn, feels like watching Sebastian Lague's coding adventures!
@davidheeren3751
2 ай бұрын
For real. It’s the exact same vibes especially with the music
@lucasxia2232
2 ай бұрын
That was my exact thought
@victordayet
2 ай бұрын
That is exactly what i felt watching this!
@sid98geek
2 ай бұрын
Ahh. A man of culture, I see.
@ricokd507
Ай бұрын
Bingo
@jarnhus
2 ай бұрын
Oh dear! You just opened up a rabbit hole beneath my feet. Now I have to implement this myself. Exquisite video.
@chocolatezt
2 ай бұрын
I'm glad I'm not the only one always implementing the things I see in videos. Hope you an least not do it like me in plain C++/OpenGL
@CrabGuyy
2 ай бұрын
What is this super high quality video from a channel with way too little subscribers for its content? the algorithm strikes again with an hidden gem
@flavioryu5922
2 ай бұрын
For real
@necro-claud6370
Ай бұрын
It does it a lot recently
@sensorycircuits1338
Ай бұрын
The Algo seems to reward stepping outside of your usual rabbit holes.
@flavioryu5922
Ай бұрын
@@sensorycircuits1338 algo is a cute name
@codycero1
2 ай бұрын
I've been playing with the code. I made a base class that all creatures inherit from and I made it so you can override a function to set up your own body widths and another for overriding the legs. Managed to make an ant with 6 legs. Also, I made it so the angular constraints use a rotation lerp, because the creatures otherwise had a tendency to spaz out. And I made a click & drag path drawing feature. When a path is drawn, the creatures will move along that path in a loop, when you single click, the path clears and they follow your mouse again.
@argonautcode
2 ай бұрын
Sounds awesome, glad you were able to build on this!
@galvinvoltag
2 ай бұрын
Thousands of years of technological and mathematical evolution. We are just scratching the surface of the art of teaching. Very well produced video, respect.
@niewiemcotuwpisacisioa5317
2 ай бұрын
this has nothing do to with teaching bro
@andermium
2 ай бұрын
@@niewiemcotuwpisacisioa5317 just because you didn't learn anything doesn't mean this video didn't teach others
@niewiemcotuwpisacisioa5317
2 ай бұрын
@@andermium bro what ☠️☠️
@felix30471
2 ай бұрын
This video is gorgeous and very well-produced! Also, I absolutely adore the lizard.
@4epbrk_6rk_6rk
2 ай бұрын
In some places, the lizard began to "jumping". Her legs moved at the same time, which created a similar impression. To correct such cases, you can block the opposing legs, forcibly prohibiting them from moving until a pair of other legs finish moving and "touch the ground". Then the locked pair can be unlocked and the other one can be blocked.
@tiqosc1809
2 ай бұрын
Me using the power in my body to not mention rainworld
@BARCINO-du4dg
2 ай бұрын
IKR
@julienelghadghadi2599
2 ай бұрын
lol, right
@lobax756
2 ай бұрын
Real.
@undefined_sadhu
Ай бұрын
i just did
@fres621
Ай бұрын
this is why I'm watching
@craftminerCZ
2 ай бұрын
Rarely do I ever come across a video where I could just watch it once and be able to program whatever was shown. It might be a concept constraint of the videos I tend to watch, but this one is just that. Heck I'm even tempted to just spend a few hours making this for no reason at all, it looks fun to make and fun to play with.
@dr.angerous
Ай бұрын
Tak určitě
@faik...
2 ай бұрын
I know I am late, but alternating the steps of the lizard would make it look a lot better.
@dexlovesgames_dlg
2 ай бұрын
The animation you’ve got playing in the intro of the video was like a neat little visual explainer before you actually got into the top so once you actually started getting into it, I felt like I already understood without any further clarification. So thanks for that! Excellent work!
@MAXOHNO
4 ай бұрын
Production of this video was really good, suprised you are a relatively small channel, good luck growing!!
@lorenzobuero7115
2 ай бұрын
This video is impresive, is just simple math and geometry not a single line of code, but you are able to understand how it works and think how to code it. Maybe the best coding/algoritmic tutorial i have ever seen tbh
@MaemiNoYume
2 күн бұрын
this is so incredibly helpful. I'm so grateful for the fact that there are so many creators like you who gives so much helpful information and knowledge for us for free. I'll make sure to credit this video on my next game, because I'll be using these techniques for sure
@Bashar3A
2 ай бұрын
I'm not an animator nor an artist. Not sure why I watched it, but I'm glad I did. Love understanding what goes into these animations
@LyubomirIko
6 күн бұрын
5:15 The real fish moves by wiggle it's own tall. Now, it simply follows its head. It's still pretty nice. Procedural animation is so much joy.
@konvay_vardogr
15 күн бұрын
Found the video to learn about animations, was very surprised to also get the most elegant explanation of inverse kinematics! The simple explanation of forward kinematics really helps understand inverse kinematics. Thank you!
@HayCorvus
2 ай бұрын
would be great to see these procedurally animated animals be incorporated in herd/flock algorithms to show the true power of such simple components used in larger complex systems.
@tardigrademicro
Ай бұрын
You should check out Rain World, it's a survival game contained in an ecosystem of procedurally animated ai creatures.
@weezard1235
2 ай бұрын
The best explanation video i saw about procedural animations (and inverse kinematics)! The visualization makes it so clear and understandable, great video!!
@rainbowlemon
2 ай бұрын
I've seen the phrase 'inverse kinematics ' so many times for setting up bones on 3d models and never actually really understood what it meant. This was an awesome explanation, thank you!
@nivmiz0
22 күн бұрын
Amazing video! Production quality is through the roof. An interesting addition for the lizard at the end, and similar quadrupedal animals, which I think makes them look even better: 1) add a condition to each leg that doesn't allow it to step forward if the adjacent leg is currently stepping 2) make it so each leg, when it steps, triggers the diagonal leg to step as well. This creates really cool and fairly convincing reptilian leg movement, which I really enjoy looking at. Keep it up!
@MrRizzyWizzy
Ай бұрын
My cats LOVE this video. Especially the fish.
@this-cris
2 ай бұрын
amazing presentation! Inspiring! small pet peeve at 4:44 the fins rotation should be inverted - outer fin has to be close to the body and inner fin should be extended (more realistic movement in water)
@2718281828459045236
Ай бұрын
So the inner fin brakes the fish to help it turn? Or how does that work? Or the outer body side stretching makes the fin lie flatter? Asking because I want these fish in the game I'm writing :-)
@Chyrionia
2 ай бұрын
Wow. I've looked into IK implementations before, but most of them are incredibly technical mumbo-jumbo and has just left me feeling dumb. This, though, was fantastic! The explanations of everything in the video are so understandable and the visuals are simple, yet beautiful and convey the ideas so so well. I finally understand! Thank you for an excellent video.
@razmakaz8736
2 ай бұрын
I really liked this. Thank you for taking us on your journey. An idea for an improvement for quadraped animals like your lizard, if the a front left foot would update its target, force the opposite back right foot to also update to a new position regardless of the distance threshold. Apply that to all 4 legs and you'll have a less derpy lizard because it'll be a 2-step trot-like gait like most quadrapeds.
@TinyTakinTeller
2 ай бұрын
Why isn't this video at a million views - perfect narration, presentation & visuals!
@bengt-goranpersson5125
23 күн бұрын
Really enjoyed this. Great job. Two small tip about the legs. Add a constraing that if a front legs foot is in motion prevent the other side from moving. Add a constraint that when a front leg steps forward, trigger the opposite rear leg to also step forward even if the "next step distance" value isn't big enough for that leg.
@John-me1hz
2 ай бұрын
Everything about this video is so smooth and pleasing. From the procedural animation to the editing to your voice.
@bluyu
2 ай бұрын
These animals are procedurally very cute.
@sankettilekar8650
2 ай бұрын
I don't do animation or any graphics work. But i have learnt forward and inverse kinematics. The application and the explanation for animation was mind blowing. Loved the video.
@shanesawyer3391
2 ай бұрын
This is awesome. I’ve long been interested in learning to use IK and just couldn’t find a clear, easy to understand starting point. This video explains the concept, demonstrates it, shows the math, and then also shows the animation of a successful implementation 🎉 My only follow up is to keep an eye out for more videos to follow. I am also interested in simulated biology, and AI driven sandbox environments - so this was about as exact as could be.
@soupnoodles
2 ай бұрын
Holy shit. This is EXACTLY what I've been looking for. This channel needs more love!
@mohegyux4072
2 ай бұрын
the algorithm showed me a gem. efficient problem solving is always entertaining and mind-blowing
@cybercat7711
2 ай бұрын
I've been trying to learn procedural animation for a while and the lack of good content on YT, explaining the topic, has been a limiting factor for me. This video is very comprehensive and simple and has helped me understand the fundamentals much better. I hope you'll make more videos on this topic soon, explaining the concept in more depth. You gained a new sub!
@johnbeverly9723
2 ай бұрын
Your explanation is amazing and allows for a comprehensive guide without taking away learning experience through hand-holding. Will def use this for a self education project.
@Zilberlex
2 ай бұрын
I personally thank you for making this video. I was interested in procedural animation for quite some time now. Even though i will probably won't find the time to play with it any time soon, this video will give me a head start once I feel like I want to scratch that development itch. I am sure that sometimes you might question your impact as a small channel. But take to heart that some topics are inherently interesting and a lot of people wonder "how is it made", and you delivered a very good introduction to the topic that allows people to start doing cool things by themselves. - I thank you for it
@brucemozart3665
2 ай бұрын
I'm so glad the all mighty algorithm brought me this gem, featuring algorithms
@theangry0077
2 ай бұрын
this is the first time ive been so stunned by the quality of a video and its conversely low view count. amazing explanation and stunning results, bravo!
@AerialWaviator
2 ай бұрын
Fantastic overview of procedural animations with great explanations and accompanying visuals. I really appreciated how pleasing animations can be created using simple concepts. Thanks for including Github link to code examples. A great complement to this video tutorial.
@deweeeese
Ай бұрын
For a nice 3D version of this, check out Spore creatures! Limbs are controlled by IK, and passive limbs by angular-constrained quaternion springs.
@DaichiVfx
2 ай бұрын
What a beautiful video! From visualization to explanation, absolutely amazing.
@TheStickofWar
Ай бұрын
This is a masterclass in explaining complex topics in a simple and visually appealing way. Well done, I know these things well but I am in awe of the production quality and simple breakdown.
@BlueCardinal33
2 ай бұрын
Nicely articulated. The video is not good because it's presenting a new idea; it's good because it presents an idea well and in one cohesive piece.
@georgiosdoumas2446
2 ай бұрын
The way you say it, it can easily be misunderstood. I think it will be more accurate to say : The video is good not because it's presenting a new idea (since there is no new idea presented actually) ; it's good because it presents an idea well, and in one cohesive piece.
@fidel_soto
2 ай бұрын
This is one of the best videos I have seen IN MY LIFE period
@kristine5582
2 ай бұрын
What an incredibly clear and well-explained video! I wish more people teach like you. Hope you keep making more!
@HenrikBgelundLavstsen
2 ай бұрын
What a great way of explaining this. Animations looks dope for what they are. Makes me wanna try code some of this.
@richardericlope3341
2 ай бұрын
Fantastic algorithm! Nice visuals as well. Beats the crap out of both algorithms I used for my version on Ikaruga Lasers and one boss with tantacles using IK. Mine was just to make and array of vectors, follow though using a 1 element shift for all elements, extract left and right normals and extend by scaling normals to desired width. Arm IK is just a bunch of matrix transforms. This video makes me want to go back to gamedev after like 8 years.
@malapani1
Ай бұрын
Wow, great tutorial. Well explained. I'm excited to see future videos on procedural animation.
@kennethbeal
2 ай бұрын
Thank you! Right at the beginning: love it! You're showing how the Flower of Life is drawn -- choose a point, make a circle with a compass, and then put the compass point on the edge of the circle. I love when concepts align. :)
@lucasassis5780
2 ай бұрын
Nem tenho comentários sobre, o vídeo é incrível, calmo, com animações suaves, conceitos explicados com qualidade. Estou comentando apenas para que o KZitem recomende para mais pessoas. Esse vídeo e canal merecem
@ViktorSarge
2 ай бұрын
Concise, clear and beautiful video. What more could one ask.
@flavioryu5922
2 ай бұрын
This was so interesting and cute at the same time
@hopeakyuz
2 ай бұрын
That's useful for movement smoothness too
@violet_broregarde
2 ай бұрын
These animations are so cute, and the video is so compact. Can't wait to try these out. Thank you :D
@artieramirez3276
25 күн бұрын
Aghh the characters look quite cute. If this becomes a series it would be really interesting!
@BlackbodyEconomics
2 ай бұрын
Excellent! I love the way you explain things. Kinematic has always been so confusing to me - especially in the 3D realm. I look forward to more of your videos :)
@marceloguzman646
2 ай бұрын
that animation is so smooth
@williambarnes5023
16 күн бұрын
To underp your lizard, implement gaits. When walking, a lizard keeps three of its feet on the ground at all times, and reaches towards the target with the fourth. When the fourth gets there, it releases one of the other feet. You're doing it by distance moved instead of by foot movement order, which makes your lizard do a derpy butt scoot because none of his limbs are caring what the others are doing. When running, a lizard uses alternating opposite limbs to move simultaneously, front left and back right, or back left and front right. A different gait for a different movement. If you release the next foot to go after the target position each time the previous foot reaches its target, you'll get much better movement for legs.
@AI.Art.
2 ай бұрын
The quality of content and video is beyond industry standard, if you continue your channel will blow up!!
@hawthornrabbit
2 ай бұрын
This was excellent! Thank you for giving such straightforward explanations of what otherwise looks like magic :)
@NElectronicSoul
2 ай бұрын
this is fu_)king delightful to watch! I'm teaching python to kids and this has given me so many ideas for some intro to pygame tutorials I cannot wait to try out! You diamond!
@simonsil4630
Ай бұрын
That was a beautiful and captivating intro
@eugenewarr4313
2 ай бұрын
5 sec preview and the first sentence was enough to sub
@niculaelaurentiu1201
3 ай бұрын
Here before it blows up
@marcusyip1491
2 ай бұрын
+1
@othniel8993
2 ай бұрын
Same
@saminyead1233
2 ай бұрын
You called it!
@kerrermanisNL
Ай бұрын
Damn really clear explanation with good visuals! Good job
@jackjackcarey
Ай бұрын
The fish animation would look amazing with some sort of boid rules
@TATGames
2 ай бұрын
Yo!...this is the best procedural animation tutorial I've ever watched🤩!
@Liam-fd4uh
2 ай бұрын
This was seriously such an amazing video! You explained it so clearly that I felt like I had to try it myself. 3 days later and I am proud to say I now have my own procedural snake and gecko!
@zix2421
2 ай бұрын
It looks so cool, I’ll save this. Very useful
@PEC1318
2 ай бұрын
Amazing video! One tip I would give you is to extend that last scene, like we see in Sebastian Leagues videos. It's like a reward for watching the whole video, we get a cool animation with some soothing music and can relax
@Skeffles
Ай бұрын
Fantastic explanations and amazing to see the animals coming alive!
@memesalldayjack3267
2 ай бұрын
this is a very good explanation on how it works, i kinda wanna try it out now, but ik it'll take me a long time before I finally start
@mike_o7874
2 ай бұрын
Always wanted to know how to make procedural generated creatures and this is a gem of a video!
@nameno7032
2 ай бұрын
the world need more of this
@priyavkaneria
2 ай бұрын
thanks for coming on my feed. definitely worth the sub awesome explanation
@CastleRene
Ай бұрын
I know this sort of stuff already, but I recommend it to beginners. Good video!
@CosymoR
2 ай бұрын
This is a beautiful project. Well done!
@jupiter909
2 ай бұрын
Fantastic walk through of these techniques. Thank you for the lovely presentation!
@zonyzhao469
Ай бұрын
Wow! Amazing and inspiring, we definitely need more of this!
@noriega211
Ай бұрын
Wowww this video just blew my mind. The possibilities with procedural animation are endless. Im learning to use Blender geometry nodes and you just gave me a lot of ideas to try out ❤. You have great presentation talent. Respect❤
@goodevening8362
3 ай бұрын
wow i stumbled arcoss your channel while learning about genetic algorithms to solve some olympiad programming problem, didn't expect your videos to be that good, keep it up!
@wewewos
Ай бұрын
I love your work , simple , informative, great explanation , a great starter
@NickCombs
2 ай бұрын
I'm going to try this. Thanks for the great explainer!
@Canilho
2 ай бұрын
I could immediately tell this was going to be good from the start. Good work. Really loved to watch this.
@KallMeQul
Ай бұрын
when you started getting into the math i was scared you'd lose me but it was all surprisingly simple to understand. this is a really cool tutorial on this subject! well explained, well editted, and the slightly derpy animals are fun to look at :)
@TheBouli
2 ай бұрын
Beautiful video! I'm making some trippy visuals kind of simulations, these techniques are definitely gonna get implemented. Thank you!
@IAARPOTI
2 ай бұрын
Wow i thought i was watching another youtuber who has similar voice, production and even similar voice.
@punkinhedd
2 ай бұрын
who’s the other youtuber?
@IAARPOTI
2 ай бұрын
@@punkinhedd t3ssel8r
@Catssup
Ай бұрын
Who?
@johnnysvensson
Ай бұрын
This was really cool, thanks for making it. I'll store this somewhere in my gray mush for future reference :)
@les.enfants.d.internet
2 ай бұрын
best video on the subject I've seen, everyone acts like it's magic or hyper complex math but it's actually pretty simple when well explained 🙂↕️💆🏻♂️
@rileythompson7134
4 ай бұрын
This is awesome
@krupt5995
2 ай бұрын
You earned my sub. I'm excited to see what's coming up
@bruvno
2 ай бұрын
this is pure gold.... thank you
@laptop12358
2 ай бұрын
I am grateful to the creator for providing such a nice and visually awesome video for learners.
@JoJoAcrylicArtwork
2 ай бұрын
Beautiful and elegant concept! Thank you for sharing your work ❤
@frankjohnson123
21 күн бұрын
A smoother way of doing the angle constraint is by using something like a discrete worm-like chain model, where there is a “bending energy” and a Monte Carlo-like probability for accepting a move that increases energy. This will allow extreme moves with very low probability, which can be tuned depending on the mobility of the animal. The advantage is that it accounts for total curvature, not just local.
Пікірлер: 574