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-raymarch
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:
https://youtu.be/_y9MpNcAitQ
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/permanent/enhanced_sphere_tracing.pdf
Unreal Engine Footage:
https://youtu.be/tb8wZGMCPCw
Water Footage:
https://youtu.be/cReaEIhfQ9Q
https://youtu.be/NFDqIQAE6KE
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:
Contact Me Directly On Discord (Username/ID) :
arya3d
Follow me:
https://x.com/visionary_3_d
Discord Community:
https://discord.gg/rARXSRX2pu
Shaders Crash Course:
https://youtu.be/oKbCaj1J6EI
My Shaders Playlist:
https://youtube.com/playlist?list=PLTEbuqk52pICikiHfD-a52dxEav5UqMLy
My VsCode Config:
https://github.com/visionary-3d/vscode-config
Three.js Boilerplate:
https://github.com/visionary-3d/three-boilerplate
#raymarching
#raytracing
#shaders
#threejs
#3d
#3danimation
#glsl