JavaScript Flow Fields - Advanced Experiments

Поделиться
HTML-код
  • Опубликовано: 25 авг 2024

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

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

    🎨 Today we will build TEXT flow field. 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

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

    I wasn't even able to draw a simple shape with JavaScript, but now, thanks to your inspiring content and projects, I feel confident enough to build my own 2D games and complex animations.
    Thank you so much for your hard work, and please keep uploading videos like this, it's so fun!

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

      Well done. Thank you for your feedback, I already have other videos planned. Will focus on gamedev for a while now

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

      ​@@Frankslaboratory I take op's words as mine as well. your channel is amazing. also you know how to encourage and set expectation of the audience. You are good on pointing things that are not necessary us to understand (complex coding) in a way that is totally fine do not understand. It takes out such a heavy burden from my shoulder that I can't explain.

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

    You are the only creative man on the RUclips and internet....⚘👍

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

    Your channel deserves so much more recognition than it does! Your content is so incredible.

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

    Neskutečná frajeřina. Díky, za další skvělý tutoriál. Jsi mistr.

  • @memesclips901
    @memesclips901 Год назад +4

    Your videos are amazing I learn a lot from them and they are very fun to follow along
    Keep it up👍👍👍

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

    Very powerful guy, amazing effect!

  • @2002budokan
    @2002budokan Год назад +1

    Another very interesting video, thank you. You are a unique Canvas guru.

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

    Your videos are SO informative, and well-explained, thank you so much for your hard work!!! Best videos on JS ever!

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

      Very kind of you to give me this feedback! Thank you for taking the time to let me know you found some value.

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

    Awesome!!! Please more videos! :)

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

      I'm planning to make more this year. My first priority is that each video has high quality visuals and the explanation process is easy to follow. That's why I struggle to release a new video every week :D

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

    WOW... that is top notch cleverness... BRAVO!!🙏🙏🙏👏👏👏🖖🖖🖖🖖🌹🌹🌹

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

    thanks you!

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

    Very high quality Content

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

    Tanks very good work

  • @user-qg4fg9fg6e
    @user-qg4fg9fg6e Год назад

    I absolutely love your videos. Use code to show different beauty. Thanks.🥰

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

    This is top knotch quality content, thank you so much for this ❤

  • @user-rs1kp4uu4v
    @user-rs1kp4uu4v 10 месяцев назад

    Your videos are amazing!

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

    Beautiful man. As always.

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

    Damn, this is awesome! And sooo dangerous! I "wasted" 2 days now with playing around with he effects! Way better than any of those Hollywood FX movies!
    T H A N K Y O U !!!!

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

      Hi Robert, it is indeed. It can be an endless rabbit hole, tweaking values, colours, shapes and combining it with techniques from other effects. There are probably infinite combinations :D

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

      @@Frankslaboratory Most likely! - Would you mind to have a look at your Udemy course? I left a question there regarding a for-loop.

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

      @@RobertWildling Hi, will find it there and respond now

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

      @@Frankslaboratory Thank you very much!

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

    Shandar , love from India ❤

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

    Really beautiful effect 🤩

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

      Thank you mate, I hope we get some new creative coding content from you soon as well :)

  • @movieana2089
    @movieana2089 11 месяцев назад

    Can you make this with react?

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

    Any idea on how we could accomplish it with still keeping the dynamic resizing?

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

    Hey buddy, you are such a nice artist ❤❤

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

    legendary 👏👏

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

    Amazing!

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

    Awesome. How about transitions from one image to another?

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

      I had subscribed your channel

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

      @@thefuntech2810 Cool :-) hope you found something you like.

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

      I didn't think of that, but it could actually be done quite easily since I have pixel data for each cell as an object. Will try!

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

      @@Frankslaboratory You can make your own morphing algorithm based on that :-)

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

    🔥

  • @bassveronica
    @bassveronica 5 месяцев назад

    I am still having issues with the Text being skewed even after fixing the canvas width and height. I followed this from the beginning and have watched up to that part multiple times over the past few days and still cannot solve it any advice?

    • @Frankslaboratory
      @Frankslaboratory  5 месяцев назад

      There's a typo in your code somewhere. Hard to tell. Email me and I send you the code when I have time

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

    Nothing happens when I target the .colorAngle in the update method. The particles don't appear like in the video. I've started from scratch twice now and reviewed every single line. I can't understand why it responds differently from the video :(
    These are the best videos for me to learn web development after several years studying the basics of html, css and javascript. It's so frustrating not to be able to carry on with the video!

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

      You can always email me for code. Also I share source code on Udemy with the extended version

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

    how do you switch the canvas grid on/off and the text color?

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

      I set up debug mode toggle by pressing letter d. I show how to do that in the first part of the class

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

      @@Frankslaboratory my bad. Thanks

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

    magnificent

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

    PLEASE PLEASE PLEASE will you do a animation using react. i just cant crack transferring particle animations into react

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

    Hi Frank