Abstract Animation With ThreeJS and GLSL For Beginners

  Рет қаралды 34,778

Visionary 3D

Visionary 3D

Күн бұрын

Пікірлер: 35
@visionary_3_d
@visionary_3_d Жыл бұрын
Hey Guys, this is my first KZbin video 🙂. I'm going to be uploading more videos about shaders soon, so keep an eye on this playlist : kzbin.info/aero/PLTEbuqk52pICikiHfD-a52dxEav5UqMLy
@alesholman801
@alesholman801 13 күн бұрын
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 Жыл бұрын
This was randomly popped in my recommendations and I'm hella grateful for it 😋 great video👌
@jimmysimmons6477
@jimmysimmons6477 Жыл бұрын
Incredible work man! Thanks for sharing the knowledge
@visionary_3_d
@visionary_3_d Жыл бұрын
Glad you liked it!
@ariox5793
@ariox5793 Жыл бұрын
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
@fowsachi3559
@fowsachi3559 Жыл бұрын
Bro you are a legend. Nuff respect.
@visionary_3_d
@visionary_3_d Жыл бұрын
Thanks!
@mcFishXtraMayo
@mcFishXtraMayo Жыл бұрын
thanks for the video, cant wait for more experiments with shaders
@dopetag
@dopetag Жыл бұрын
Glad to find your channel! Instant subscriber 🙌
@ivankrushinsky2395
@ivankrushinsky2395 11 ай бұрын
Amazing! thank you so much for this tutorial!🔥🔥
@honefone
@honefone Жыл бұрын
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 😅
@erfansaeedbakhsh7337
@erfansaeedbakhsh7337 Жыл бұрын
It was a perfect tutorial. Looking forward for the next videos👌
@rahuldotel5983
@rahuldotel5983 Жыл бұрын
Randomly popped in my recommendation subscribed ..
@pooyanoaman5038
@pooyanoaman5038 Жыл бұрын
Nice job!🔥
@ImanKafashan
@ImanKafashan Жыл бұрын
You go boyyy
@visionary_3_d
@visionary_3_d Жыл бұрын
@scoria4988
@scoria4988 Жыл бұрын
Keep it up! Currently learning ThreeJs and Shaders so this is very useful for inspiration!
@pisulaiman5395
@pisulaiman5395 Жыл бұрын
love your video
@sepehrmagma7940
@sepehrmagma7940 Жыл бұрын
Nice 🔥
@HuynhLuong227
@HuynhLuong227 Жыл бұрын
Wow 🎉🎉🎉 really help me
@cherrynna_
@cherrynna_ Жыл бұрын
Perfect^^
@mehdirezazadeh6066
@mehdirezazadeh6066 Жыл бұрын
I have watched this video several times, I found it very informative and helpful, is it possible to post more tutorials on KZbin?
@mynameisjeff9124
@mynameisjeff9124 Жыл бұрын
Nice
@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 ❤
@HuynhLuong227
@HuynhLuong227 Жыл бұрын
you are really pro
@cherrynna_
@cherrynna_ Жыл бұрын
👌👌
@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 kzbin.info/aero/PLTEbuqk52pICikiHfD-a52dxEav5UqMLy
@ThePirateHistory
@ThePirateHistory Жыл бұрын
It's very simple, let's just use this, let's just reduce white value, and so one, cannot handle more that 5 minutes...
Customize ThreeJS Materials With Shaders
9:22
Visionary 3D
Рет қаралды 8 М.
Your Images DESERVE These Effects
4:46
Juxtopposed
Рет қаралды 46 М.
Tuna 🍣 ​⁠@patrickzeinali ​⁠@ChefRush
00:48
albert_cancook
Рет қаралды 148 МЛН
Cat mode and a glass of water #family #humor #fun
00:22
Kotiki_Z
Рет қаралды 42 МЛН
Мясо вегана? 🧐 @Whatthefshow
01:01
История одного вокалиста
Рет қаралды 7 МЛН
Three.js Optimization - Best Practices and Techniques
17:47
Valentin's coding book
Рет қаралды 42 М.
WebGPU :: Javascript at the speed of Light
20:02
Visionary 3D
Рет қаралды 86 М.
I Made A Blob Shooting Game With Ray Marching
13:33
Visionary 3D
Рет қаралды 43 М.
Making a CRT Shader Effect - Using Godot Engine
17:28
DevPoodle
Рет қаралды 3,8 М.
Introduction to Signed Distance Fields
9:00
Suboptimal Engineer
Рет қаралды 29 М.
HOUDINI: Things I Wish I Knew Earlier
15:50
DAMIDIGITAL
Рет қаралды 6 М.
An introduction to Shader Art Coding
22:40
kishimisu
Рет қаралды 1 МЛН
Color Quantization and Dithering
11:55
Acerola
Рет қаралды 453 М.
The ABSOLUTE BEST Way to Create 3D Anime Backgrounds in Blender
7:44
Tuna 🍣 ​⁠@patrickzeinali ​⁠@ChefRush
00:48
albert_cancook
Рет қаралды 148 МЛН