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://raymarchingengine.netlify.app/
Source Code (have fun):
https://github.com/visionary3d/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:
• CounterStrike 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/visionary3d/vscod...
Three.js Boilerplate:
https://github.com/visionary3d/three...
#raymarching
#raytracing
#shaders
#threejs
#3d
#3danimation
#glsl