Today we're going to create a blob shooting game with raymarching / sphere tracing 🎃.
I'm going to share my learning journey with you with as much detail as possible.

Final Game Play:
https://raymarching-engine.netlify.app/

Source Code (have fun):
https://github.com/visionary-3d/three...

Corrections:
At 07:10 : I said that we're calculating the world position of the intersection point.
But we're not. The cameraToPixel vector is relative to the camera.
So it's not the world position of the intersection point.

BASICALLY Everything in this video:

Clouds:
https://www.shadertoy.com/view/3l23Rh

Rain Forest:
https://www.shadertoy.com/view/4ttSWf

Counter Strike 2 Smoke:
   • Counter-Strike 2: Responsive Smokes  

Smooth Min With Colors:
https://www.shadertoy.com/view/tscBz8

Smooth Min Algo:
https://iquilezles.org/articles/smin/

Raymarching visualization:
https://www.shadertoy.com/view/slGfz1

Enhanced Sphere Tracing:
https://erleuchtet.org/~cupe/permanen...

Unreal Engine Footage:
   • Unreal Engine Distance Field | UE4 Tu...  

Water Footage:
   • ASMR Nature Sound [WATER SOUND #4] 4K...  
   • ASMR Nature Sound [WATER SOUND #2] 4K...  

Support this channel 💖
ETH Wallet:
0x61621F0cE4665789863569C6211af4Ea7e08FC82

Chapters:

00:00 Intro
00:38 Basic Setup
01:09 Sphere Tracing
03:38 Magical Number
04:20 Same Cubes Wrong Images
07:51 The Power Of Ray Marching
08:47 Lets Make It Look Good
10:38 Physics
11:00 Making It Fast
12:40 Final Result
13:03 Outro

--------------------

Visionary 3D:

Follow me:
https://x.com/visionary_3_d

Discord Community:
  / discord  

Shaders Crash Course:
   • Three.js Shaders (GLSL) Crash Course ...  

My Shaders Playlist:
   • Shaders  

My VsCode Config:
https://github.com/visionary-3d/vscod...

Three.js Boilerplate:
https://github.com/visionary-3d/three...

#raymarching
#raytracing
#shaders
#threejs
#3d
#3danimation
#glsl