- 2
- 1 015 545
kishimisu
Registrace 30. 08. 2021
This channel is a space where I will share my passion for programming by taking you on various coding adventures, mainly related to digital art, computer graphics and machine learning.
An introduction to Raymarching
This tutorial guides you through the fundamentals of raymarching and space transformation, providing insight into the endless creative possibilities that this technique opens up.
Raymarching base: www.shadertoy.com/view/MfX3WH
Final shader: www.shadertoy.com/view/lcs3DH
You can now support me on Patreon!
• Patreon: www.patreon.com/kishimisu
If you want to see more content related to computer graphics & shader coding:
• Instagram: kishimisu (Digital Art)
• Twitter: kishimisu (Computer Graphics, ML, Shaders..)
Resources presented in the video:
• Shadertoy: www.shadertoy.com/
• Raymarching in Raymarching: www.shadertoy.com/view/wlSGWy
• 3D signed distance functions: iquilezles.org/articles/distfunctions/
• Color palette: iquilezles.org/articles/palettes/
• How to rotate a vector - Freya Holmér: czcams.com/video/7j5yW5QDC2U/video.html
• Quaternions and 3d rotation - 3Blue1Brown - czcams.com/video/zjMuIxRvygQ/video.html
• Inigo Quilez's channel: @InigoQuilez
• The Art of Code's channel: @TheArtofCodeIsCool
Video editing: Premiere & After Effects
Animations: Manim Community and GLSL Shaders
Note that the voice-over has been generated using AI ! (platform: ElevensLab)
The primary reason for this choice is to ensure a cleaner audio quality. As English is not my first language, it can be difficult to keep this kind of content clear and concise. I believe that the generated voice enhances the educational quality of these tutorials. With that said, this is not a definitive choice.
Timestamps:
00:00 Introduction
00:40 What’s Rasterization?
02:02 What’s Raymarching?
05:45 Shader start
08:37 Raymarching
12:35 Optimizations
15:50 Translation
17:50 Operators
19:10 Scaling
20:12 Rotation
22:10 Order of operations
22:53 Camera rotation
24:45 Space repetition
27:07 Getting Creative!
32:37 Final shader
Musics:
• massobeats - jasmine tea
• corbyn kites - dusk drive
• Music by | e s c p | escp-music.bandcamp.com
Raymarching base: www.shadertoy.com/view/MfX3WH
Final shader: www.shadertoy.com/view/lcs3DH
You can now support me on Patreon!
• Patreon: www.patreon.com/kishimisu
If you want to see more content related to computer graphics & shader coding:
• Instagram: kishimisu (Digital Art)
• Twitter: kishimisu (Computer Graphics, ML, Shaders..)
Resources presented in the video:
• Shadertoy: www.shadertoy.com/
• Raymarching in Raymarching: www.shadertoy.com/view/wlSGWy
• 3D signed distance functions: iquilezles.org/articles/distfunctions/
• Color palette: iquilezles.org/articles/palettes/
• How to rotate a vector - Freya Holmér: czcams.com/video/7j5yW5QDC2U/video.html
• Quaternions and 3d rotation - 3Blue1Brown - czcams.com/video/zjMuIxRvygQ/video.html
• Inigo Quilez's channel: @InigoQuilez
• The Art of Code's channel: @TheArtofCodeIsCool
Video editing: Premiere & After Effects
Animations: Manim Community and GLSL Shaders
Note that the voice-over has been generated using AI ! (platform: ElevensLab)
The primary reason for this choice is to ensure a cleaner audio quality. As English is not my first language, it can be difficult to keep this kind of content clear and concise. I believe that the generated voice enhances the educational quality of these tutorials. With that said, this is not a definitive choice.
Timestamps:
00:00 Introduction
00:40 What’s Rasterization?
02:02 What’s Raymarching?
05:45 Shader start
08:37 Raymarching
12:35 Optimizations
15:50 Translation
17:50 Operators
19:10 Scaling
20:12 Rotation
22:10 Order of operations
22:53 Camera rotation
24:45 Space repetition
27:07 Getting Creative!
32:37 Final shader
Musics:
• massobeats - jasmine tea
• corbyn kites - dusk drive
• Music by | e s c p | escp-music.bandcamp.com
zhlédnutí: 112 405
Video
An introduction to Shader Art Coding
zhlédnutí 903KPřed rokem
In this tutorial, I explore the fascinating realm of shader art coding and aim to offer helpful insights and guidance to assist you in beginning your own creative journey. I hope to share my passion with you along the way! Final shader: www.shadertoy.com/view/mtyGWy Resources presented in the video: • Shadertoy: www.shadertoy.com/ • Inigo Quilez website: iquilezles.org/articles/ • 2D signed dis...
this is a really motivating video with great explanation but I think you went a little bit too fast, maybe it would have been better to make a less complex shader to start with and improve it in other videos. That being said it's still the best video about shader I've seen on youtube, thumbs up !
I recently got in game development using Godot, and I will be using this tutorial specifically to try and learn to make my own shaders for effects. What I'm looking for specifically at this moment is an acid trip effect, and this tutorial just seems like it's made for that 😄
Thank you! This was amazing! :)
Absolutely incredible! I hope to see more videos on shaders from you! 🎉
100% entirely ai
What an amazing video
Keep going!
I really didn’t realize this was a non human voice and now I’m a little creeped out
I love this video, but please never use that TTS ever again.
WOW 😲😳✨
Excellent!
I miss your videos :(
Incredible quality. I love that you reference other tools. Thank you so much for this great educational coneten!
Incredible! Thank you :)
Garnat splundig flazbam, when the snerft in the glipsnak bloorps, it's often blorphy to drindle. Plargs of derfban glizzle within the smerp of gloopnark, which flambles the sniggle of drappery. When gormaths bluzz into the frizzle, their spindly trumblings grop the snarfle, creating a vispling of sproon. Dorfing through the grubble, we splurk on the gleefnar's tripple. Often, the plerdon snorts with frumble, yet in the clep, blargies gurn with zinn. Their drupple leads to a spindrift of trubbery, flinching the blax into a quarky dreep. In the smuddle of plerfing, the gloopnarks smurf and blizzle. Trundles frapped and flizzed, leading to a plarm of smergle, the drup of which farnips glorily. Blundered into the queffling, the gleem resplurks in a gloffer of jarn. Their plimble can frip into a zorp. Yarnips of trundering frizz, splarn into the blorf, gurning in quimpler. When the snog dworfs, it brings a plarm of queefing, yet in the zarblorn, gloffy can splindle. Flarping into the smerg, the dwarky gleems with druzz. Splorfing the trindle, and splicking the zorp, leads to a plumper of glorf. Blargies, in their quindled trub, smerp and dern through the fleen, creating a snarfle of druple. Thus, in the glorple of zorp, the plarm gurns with smergl and trindles in the gloff. Their smurgle is drup, and flarn through the zinn, creating a wholfer of pland. The gurn thus leads to smurg and plind, ending in a gleef of smerg.
this is brilliant explain even i can understand :_
This is such a good video. Well done.
Do you have a GitHub account where we can look at code?
Wow, thanks so very much. Great to see how you developed the code from very basic. Look forward to more.
Pure gold.
Excellent Video and content 🎊🎊🎊🎊
damn, I can't express how great this is
This is amazing
I am sure this is brilliant. I am not good enough to follow along yet. I just started studying Shader in Unity on Udemy. Can anyone recommend good basic videos or tutorials on shaders? I really really really want to understand all this.😢
thanks for making this man ❤❤
🔥 Next amazing video please!
Shaders man...damn.
Woaaaaaaah, now that is amazing! Probably gonna fall into this after finals
Thank you! You inspired me to get back into coding and creating generative art, looking forward to future tutorials🤝
You don't need a graphics card to run shaders, just a GPU. This is such a good tutorial, seriously next level. By far the coolest coding tutorial I've ever seen, hands down.
I wish there was a super like button
hi i love ur tutorial the most detail shader tutorial in utube, can i request a tutorial on shader particle system?
1:27 knowing a bit of graphics programming, I understand the in parallel part. But this animation shows sequential processing not parallel processing. This is like how a CPU would generate a frame, not a GPU. This has to be confusing to new graphics programmers because it implies logic starts on a pixel finishes then moves on to the next pixel. If one knows parallel programming chances are they know graphics programming too. You just got to imagine every pixel is like it's own worker all solving the same formula with the variation of knowing the id separate from one another.
I WANT MOREEEEEEE😘
This is phenomenal. Thanks for putting this out and especially for all of the provided resources in the description.
The AI voice is great !!!
it's a recording, AI is not as good as you think it is
@@pindebraende You have no idea what "I think" do you, really? 🙂 AI voices = indistinguishable from humans and sometimes with clearer "enunciation".
Can we a volume ray march tutorial?
Great tutorial. I was mind blown at the use of fractals and combining that with well known math functions to produce very interesting results quickly. The palette function also seems incredible useful for creating color compositions to anyone's liking!
Really nice video, very well explained, but the AI voice is a bit distracting IMO.
Personally, I can't stand AI-generated voices. They're really grating to listen to. However, the content of the video was definitely informative!
So did you steal this content considering that the whole video is AI generated?
Incredible tutorial ! Thanks a lot ! Just one question, is it normal that your cartesian coordinates system at 7:01 is left-handed ? It seems a bit odd since, as I thought, the convention was right-handed cartesian coordinates system.
Extremely useful as I am a beginner, thanks for making this well done video
let him cook
i have allucinated several hours after this tutorial and this is no joke.
God Likes Shaders
ai voice, not watching.
As a coder of the more conventional kind, I feel that there ought to be some special 'decoration' of iTime-varying variables, the coordinate space should be an enum selection, each transform should be a well-named function. Seems like a good space for Rust.
Amazing video! Completed this and made advance designs that only people from the year 4032 will understand.... but any of you know how to center a div?