🎨 EXTENDED class with BONUS lessons and more creative coding experiments, full source code from multiple different stages, learn how to create image flow fields and animate smooth color transitions. 🎨 Udemy: www.udemy.com/course/creative-coding-deep-dive-for-beginners/?referralCode=F43E8FCE60957A64DF4A 🎨 Skillshare (free 1 month trial): www.skillshare.com/en/r/profile/Frank-Dvorak/507488567?gr_tch_ref=on&gr_trp=on
You to Radu, both of you use vanilla JS for your teaching that's helps a lot . You two are my fav instructor when comes to creative JavaScript try to suggest some books on Creative and Generative Technology . Love from India.
the programming concept you are referencing at about 12:15 is called coupling and cohesion. Putting the parameters in the constructor encapsulates the class and reduces the external coupling making the class more cohesive. Increasing these properties of the code in this increases the readability and reusability, while reducing the likelihood of errors. Thanks, ~Mike
Hi Nasima, glad you found some value. Advanced class will explain a traditional flow field technique as well as how to make particles flow around a shape
I really like your teaching style. How you go over the basic conpepts at first, then refine the code to the more complex styles. One thing I recently learned in VSCode that I wanted to share is how to quickly copy lines like you did at 32:35. After you finish typing the line you want to copy, with your cursor still on the line (no need to highlight the line), you can use `Shift` + `Alt` + `DownArrow` on your keyboard, and it will copy the entire line down. Cheers 🍻
Hi Steve, I didn't know it, I will add it to my list of VSCode keyboard shortcuts and I will start using it. thank you for a useful tip! Also thanks for your kind feedback
About curves. Exists abstract type of curves, named roulette. All curves are generated with help of circle. Hypocycloid, epicycloid, cyclogon (I didn't find way to generate cyclogon curve, know the way to find only "x" value), catenary etc. UPD: And a lot of different spirals are represented with formulas.
I prefer to kick off requestAnimationFrame loop by calling requestAnimationFrame(animate), instead of animate() directly. Also, I put the call to requestAnimationFrame() on the first line of animate(), unless I logic within animate that requires conditional call to the next animate().
Hi Javi, there probably are good books about canvas, but I learned what I know from online JavaScript courses, online documentation and dissecting other peoples code :D If you find a good book please let me know, I would be interested to read it as well
🎨 EXTENDED class with BONUS lessons and more creative coding experiments, full source code from multiple different stages, learn how to create image flow fields and animate smooth color transitions.
🎨 Udemy: www.udemy.com/course/creative-coding-deep-dive-for-beginners/?referralCode=F43E8FCE60957A64DF4A
🎨 Skillshare (free 1 month trial):
www.skillshare.com/en/r/profile/Frank-Dvorak/507488567?gr_tch_ref=on&gr_trp=on
Do you want to learn how to make IMAGE flow field or dynamic TEXT flow field? Working on an advanced class now.
Me encanta tu contenido! saludos desde Mexico.
You use basic things in so creative ways :-) always excited to see the outcome!
Thank you Radu
You to Radu, both of you use vanilla JS for your teaching that's helps a lot . You two are my fav instructor when comes to creative JavaScript try to suggest some books on Creative and Generative Technology . Love from India.
Literal genius. I will have to come back to this at another time.
Glad you like it
the programming concept you are referencing at about 12:15 is called coupling and cohesion. Putting the parameters in the constructor encapsulates the class and reduces the external coupling making the class more cohesive. Increasing these properties of the code in this increases the readability and reusability, while reducing the likelihood of errors. Thanks, ~Mike
Hi Mike, thank you for mentioning that, very useful comment
Tremendo video! muchas gracias!
this is a mesmerising tutorial ty
Thank you, every video of you is GOLD, please upload the advanced class as soon as possible.
Hi Nasima, glad you found some value. Advanced class will explain a traditional flow field technique as well as how to make particles flow around a shape
You blew me away with your explanation, sir! Keep up the great work.
Thank you for your kind feedback, much appreciated
I love your content man! please give us more!
It's so relaxing to follow along, I know a bit about canvas and you make it super fun to practice
I will try to release videos more often this year :)
@@Frankslaboratory Thank you for putting so much effort into your work! we all appreciate everything you do sir ❤
those first flow fields look really good, looking forward to seeing the course
I like flow fields, they are easy to make and the results can be impressive
I really like your teaching style. How you go over the basic conpepts at first, then refine the code to the more complex styles.
One thing I recently learned in VSCode that I wanted to share is how to quickly copy lines like you did at 32:35. After you finish typing the line you want to copy, with your cursor still on the line (no need to highlight the line), you can use `Shift` + `Alt` + `DownArrow` on your keyboard, and it will copy the entire line down.
Cheers 🍻
Hi Steve, I didn't know it, I will add it to my list of VSCode keyboard shortcuts and I will start using it. thank you for a useful tip! Also thanks for your kind feedback
Awesome! Thank you!
Hi Berk. I'm here to help! :)
Ridiculously good videos! :OD
I was waiting for your video
About curves. Exists abstract type of curves, named roulette. All curves are generated with help of circle. Hypocycloid, epicycloid, cyclogon (I didn't find way to generate cyclogon curve, know the way to find only "x" value), catenary etc.
UPD: And a lot of different spirals are represented with formulas.
You are right, I want to explore more techniques to draw spirals, will look into this, thanks for the tip
Thanks - another excellent tutorial. 👋
Thanks Paul!
this course very interesting and funny👍
Canvas learners can easily follow along. thank you!
ANOOOooo!!! Yeeeessss!!!
Glad you are excited Javi :D
Another epic one 😎💯🔥🔥🔥.
Hi Ekom! Thanks
OOOOOOH THANK YOU that is what i am workin on
ure the best
Glad you found some value Vira
I prefer to kick off requestAnimationFrame loop by calling requestAnimationFrame(animate), instead of animate() directly. Also, I put the call to requestAnimationFrame() on the first line of animate(), unless I logic within animate that requires conditional call to the next animate().
Thanks for this tip Matt, this is good, I will do it like that next time
It is supperb1 Thanks a lot for your good works. I hope you can delve in to multi player game development in the future. Thanks a lot once more again.
Hi Sagni, I will start with 2 player on a single computer games, as I haven't even covered that yet.
Great good luck brother
Thank you
Good work
Thanks Dipesh
Thank u so much! Love ur accent, where are u originally from?
Hi Soumadip, nice to meet you. I'm from Prague, Czech Republic, I've lived in a UK for a very long time so my accents is a mix of everything :D
Hello, comment reader. Knowledge check question: Why the maxLength must be >= 2?
Have you got any book recommendation to master canvas html5?
Hi Javi, there probably are good books about canvas, but I learned what I know from online JavaScript courses, online documentation and dissecting other peoples code :D If you find a good book please let me know, I would be interested to read it as well
I am wonder if we can make classic space 🚀 plan fight 2d play in js
I'm not familiar with that game, will try to Google it
This part 44:00
Lot's of different experiments in this video :)
Share flow field video
I'm just finishing editing it. It's almost ready
@@Frankslaboratory you are so nice artist bro
🔥🔥🔥
:)
I like OOP. N funcs because of new keyword
OOP is a good way to organise the code. It looks nicer to me