Abstract Animation With ThreeJS and GLSL For Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ธ.ค. 2024

ความคิดเห็น • 35

  • @visionary_3_d
    @visionary_3_d  ปีที่แล้ว +9

    Hey Guys, this is my first TH-cam video 🙂.
    I'm going to be uploading more videos about shaders soon, so keep an eye on this playlist :
    th-cam.com/play/PLTEbuqk52pICikiHfD-a52dxEav5UqMLy.html

  • @alesholman801
    @alesholman801 19 ชั่วโมงที่ผ่านมา

    Really great video! Small tip for decreasing the amount of white area (the problem you started dealing with at 5:19).
    There are multiple maybe a bit clearer ways of doing it:
    From original formula of abs(vUv.x - 0.5) * 2.0 we can try:
    1. Using smoothstep like so: smoothstep(0.7, 1.0, abs(vUv.x - 0.5) * 2.0)
    2. Or using pow like so: pow(abs(vUv.x - 0.5) * 2.0, 10.0).
    With these you wont have to clamp the value afterwards :)

  • @emerald6434
    @emerald6434 ปีที่แล้ว +5

    This was randomly popped in my recommendations and I'm hella grateful for it 😋 great video👌

  • @ImanKafashan
    @ImanKafashan ปีที่แล้ว +1

    You go boyyy

  • @dopetag
    @dopetag ปีที่แล้ว

    Glad to find your channel! Instant subscriber 🙌

  • @fowsachi3559
    @fowsachi3559 ปีที่แล้ว

    Bro you are a legend. Nuff respect.

  • @ivankrushinsky2395
    @ivankrushinsky2395 11 หลายเดือนก่อน

    Amazing! thank you so much for this tutorial!🔥🔥

  • @jimmysimmons6477
    @jimmysimmons6477 ปีที่แล้ว +2

    Incredible work man! Thanks for sharing the knowledge

  • @mcFishXtraMayo
    @mcFishXtraMayo ปีที่แล้ว

    thanks for the video, cant wait for more experiments with shaders

  • @ariox5793
    @ariox5793 ปีที่แล้ว +1

    I've always wanted to learn shaders while doing cool projects and artwork. But these types of videos are not easy to find.
    Coding this project was very enjoyable and useful.
    Great Job 🔥🔥
    Looking forward for the next videos

  • @erfansaeedbakhsh7337
    @erfansaeedbakhsh7337 ปีที่แล้ว

    It was a perfect tutorial. Looking forward for the next videos👌

  • @pooyanoaman5038
    @pooyanoaman5038 ปีที่แล้ว +1

    Nice job!🔥

  • @rahuldotel5983
    @rahuldotel5983 ปีที่แล้ว

    Randomly popped in my recommendation subscribed ..

  • @honefone
    @honefone ปีที่แล้ว +3

    what a rad tutorial.
    if I could make a suggestion, try not to scroll the same way as if you were alone. as a viewer I'm looking to see what you want to show, but following the screen up and down unnecessarily is jarring for me.
    subscribed~

    • @visionary_3_d
      @visionary_3_d  ปีที่แล้ว

      Thank you for the valuable feedback. I really appreciate it 🙏
      I use VIM so maybe I was too blazingly fast 😅

  • @pisulaiman5395
    @pisulaiman5395 ปีที่แล้ว +2

    love your video

  • @sepehrmagma7940
    @sepehrmagma7940 ปีที่แล้ว +1

    Nice 🔥

  • @cherrynna_
    @cherrynna_ ปีที่แล้ว +2

    Perfect^^

  • @scoria4988
    @scoria4988 ปีที่แล้ว +3

    Keep it up! Currently learning ThreeJs and Shaders so this is very useful for inspiration!

  • @HuynhLuong227
    @HuynhLuong227 ปีที่แล้ว +1

    Wow 🎉🎉🎉 really help me

  • @mynameisjeff9124
    @mynameisjeff9124 ปีที่แล้ว +1

    Nice

  • @cherrynna_
    @cherrynna_ ปีที่แล้ว +1

    👌👌

  • @HuynhLuong227
    @HuynhLuong227 ปีที่แล้ว

    you are really pro

  • @mehdirezazadeh6066
    @mehdirezazadeh6066 ปีที่แล้ว

    I have watched this video several times, I found it very informative and helpful, is it possible to post more tutorials on TH-cam?

  • @rkgnanesh5465
    @rkgnanesh5465 ปีที่แล้ว

    Top class content,
    Can you show some diamond effect shader for realistic diamond rendering

    • @visionary_3_d
      @visionary_3_d  ปีที่แล้ว

      I'll add it to my todo list. Thanks for the suggestion ❤

  • @maroinealarabi1473
    @maroinealarabi1473 ปีที่แล้ว

    Perfect channel I just wanna know the prerequiset to follow alone with video I only know js ATM tnx in advance

    • @visionary_3_d
      @visionary_3_d  ปีที่แล้ว

      Glad you liked the channel.
      For this video you need to know a little bit of THREE.JS ( Javascript framework for 3D rendering ) and also GLSL ( I do have a free crash course on this language ).

    • @maroinealarabi1473
      @maroinealarabi1473 ปีที่แล้ว

      @@visionary_3_d where can I find it

    • @visionary_3_d
      @visionary_3_d  ปีที่แล้ว

      @@maroinealarabi1473 th-cam.com/play/PLTEbuqk52pICikiHfD-a52dxEav5UqMLy.html

  • @ThePirateHistory
    @ThePirateHistory ปีที่แล้ว +2

    It's very simple, let's just use this, let's just reduce white value, and so one, cannot handle more that 5 minutes...