Learn Creative Coding: Line & Path Effects

[@Frankslaboratory]

🎨 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

[@Frankslaboratory]

Do you want to learn how to make IMAGE flow field or dynamic TEXT flow field? Working on an advanced class now.

[@hugovazquez2]

Me encanta tu contenido! saludos desde Mexico.

[@Radu]

You use basic things in so creative ways :-) always excited to see the outcome!

[@Frankslaboratory]

Thank you Radu

[@zeaycool7461]

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.

[@nasimajosefi]

Thank you, every video of you is GOLD, please upload the advanced class as soon as possible.

[@Frankslaboratory]

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

[@ushakiran8549]

You blew me away with your explanation, sir! Keep up the great work.

[@Frankslaboratory]

Thank you for your kind feedback, much appreciated

[@mister_i_3708]

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.

[@Frankslaboratory]

You are right, I want to explore more techniques to draw spirals, will look into this, thanks for the tip

[@leoprone1]

Tremendo video! muchas gracias!

[@김흰둥이-i9l]

this course very interesting and funny👍 Canvas learners can easily follow along. thank you!

[@viravongtong3644]

OOOOOOH THANK YOU that is what i am workin on ure the best

[@Frankslaboratory]

Glad you found some value Vira

[@ekomukanga893]

Another epic one 😎💯🔥🔥🔥.

[@Frankslaboratory]

Hi Ekom! Thanks

[@sagniamsalu2330]

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.

[@Frankslaboratory]

Hi Sagni, I will start with 2 player on a single computer games, as I haven't even covered that yet.

[@time4062]

I am wonder if we can make classic space 🚀 plan fight 2d play in js

[@Frankslaboratory]

I'm not familiar with that game, will try to Google it

[@messaoudilotfi4383]

Great good luck brother

[@Frankslaboratory]

Thank you

[@javifontalva7752]

Have you got any book recommendation to master canvas html5?

[@Frankslaboratory]

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

[@Intellectualmind4]

Good work

[@Frankslaboratory]

Thanks Dipesh

[@MadaraAzukar]

I like OOP. N funcs because of new keyword

[@Frankslaboratory]

OOP is a good way to organise the code. It looks nicer to me

[@MikelNaUsaCom]

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

[@Frankslaboratory]

Hi Mike, thank you for mentioning that, very useful comment

[@felipe1876]

Hello, comment reader. Knowledge check question: Why the maxLength must be >= 2?

[@therealpepeu]

Ridiculously good videos! :OD

[@mattsavage3258]

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().

[@Frankslaboratory]

Thanks for this tip Matt, this is good, I will do it like that next time

[@paulthomas1052]

Thanks - another excellent tutorial. 👋

[@Frankslaboratory]

Thanks Paul!

[@berkipekoglu]

Awesome! Thank you!

[@Frankslaboratory]

Hi Berk. I'm here to help! :)

[@soumadip_banerjee]

Thank u so much! Love ur accent, where are u originally from?

[@Frankslaboratory]

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

[@lookupverazhou8599]

Literal genius. I will have to come back to this at another time.

[@Frankslaboratory]

Glad you like it

[@regibyte]

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

[@Frankslaboratory]

I will try to release videos more often this year :)

[@regibyte]

@@Frankslaboratory Thank you for putting so much effort into your work! we all appreciate everything you do sir ❤

[@javifontalva7752]

ANOOOooo!!! Yeeeessss!!!

[@Frankslaboratory]

Glad you are excited Javi :D

[@MadaraAzukar]

This part 44:00

[@Frankslaboratory]

Lot's of different experiments in this video :)

[@time4062]

I was waiting for your video

[@time4062]

Share flow field video

[@Frankslaboratory]

I'm just finishing editing it. It's almost ready

[@time4062]

@@Frankslaboratory you are so nice artist bro

[@Fredgast6]

those first flow fields look really good, looking forward to seeing the course

[@Frankslaboratory]

I like flow fields, they are easy to make and the results can be impressive

[@MadaraAzukar]

🔥🔥🔥

[@Frankslaboratory]

:)

[@404-UsernameNotFound]

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 🍻

[@Frankslaboratory]

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