Hey, I've got a glsl course in the works. Here's a quick glance at what I'm covering.
If you wanna sign up now, early bird discount: EARLYBIRDJUNE2022
Check out
The Ghost of Tsushima inspired grass for
#threejs
from my last video is available!
Like always, it's 100% free (and unsupported). If you end up doing something with it, a shoutout is nice, but not required.
Code:
Demo:
Pretty cool what you can do in the browser.
Added some fake lighting to the grass, and made some water with a quickly written SSR shader + noise.
#threejs
#webgl
Been working on a little site (built with Vue/
#threejs
) to supplement people taking my shader course, but if you're interested and want to try out some of the exercises, check it out. Still in development, desktop only.
I think a few people suggested windy grass. Took a quick look at a video of Ghosts of Tsushima as inspiration.
I also took a little stab at making it kinda dark lighting.
#threejs
Made a little video on Ray Marching.
Interesting note, pretty much the entire video, 2d/3d + animations, was built in a shader with ray marching/SDF's.
Full Video:
#shaders
#threejs
#webgl
Alone in green fields with the sun on my face.
Been fiddling around with grass in
#threejs
/
#webgl
, this is pretty straightforward high/low LOD to increase the range. No idea where I'm going with this, but it's kinda fun to work on.
Also butterflies.
Did it, got off my butt and cleaned up the cloud shader (a bit).
Absolutely, 100%, not supported in any way.
Built with
#threejs
/
#webgl
. Small description in replies.
Ran with some of the suggestions for hiding the grass transition, some distance fog + material changes for the distant ground, feel like the grass blending out is a lot less jarring.
Also enabled a few
#threejs
post fx, FXAA+tone mapping.
I'm not even clear what I'm building at this point. Added some actual art assets. Added a little pseudo wind particle system using noise and nonsense.
Kinda dark and spooky for halloween.
#threejs
#webgl
My planet shader finally has its own web page 🤩 with a little GUI to tweak some parameters.
It's a single
#GLSL
fragment shader animated in real time (~60fps on my phone), using ray tracing.
Link and context in 🧵
Did a video exploring bloom, the approaches used in Unity/Unreal, and even tried implementing convolution bloom.
#gamedev
Everything done 100% in
#threejs
/
#webgl
Little update on my
#GLSL
planet shader:
I borrowed and adapted a few textures from the
@NASA
to display our home planet 🌍✨
It's made with ~12kB of code and should be smooth on most devices.
Next steps: find more textures to display other planets 😊
⬇️ Live demo and links :
New Video in a couple days! We'll be digging into level of detail and doing a little crash course on the GPU's pipeline.
Still playing around with title/thumbnail, but here's a few a friend (
@falaphil
) pitched:
My LOD can beat up your LOD
My LOD is smaller than Yours
@kadikraman
Fun site. Created the object once, and bumped up # of items. Your original 9-10 seems to be the sweet spot of making them even'ish. Higher than that, lookup predictably scales better.
Decided to attempt grass. First pass, mostly spent on hacky deriving from
#threejs
shaders to get lighting/shadows and all that good stuff. There's motion, wind, etc.
Hangover sale :)
Start the new year off learning a new skill! Grab the Shaders course or my new Gamedev Math course! Courses are 50% off for the next few days!
Use the coupon: NEWYEAR2024
Site:
With all this
#unity
craziness, if you're looking to jump ship to the web/
#threejs
and want a bit of a familiar face,
@BeardScript
has been working on a Unity-style environment for the web.
I find it really cool that an effect that I watched in amazement as a kid, can now be done in the browser with a couple lines of code (thanks to
@Andersonmancini
)
Natural first-person camera controls in
#threejs
🎮
Live:
Code:
I've also added a procedural sway and tilt effect based on some
#Unity
tutorials + wall collisions physics with Rapier
Inspired by
@iced_coffee_dev
FPS series
Been doing a lot of math lately, recently explored the basics of trig functions, and the really interesting way hardware computes them
Built in
#threejs
/
#webgl
Looking for a few volunteers to try out my work-in-progress math course and give feedback, so if you wanted to learn gamedev math, and wanna do it for free to boot, let me know and I'll pick a few random people.
Beautiful procedural universe game, completely in JS!
Really makes me want to do something similar, with the planet generation stuff bolted on.
@jesuisundev
Hangover sale :)
Start the new year off learning a new skill! Grab the Shaders course or my new Gamedev Math course! Courses are 50% off for the next few days!
Use the coupon: NEWYEAR2024
Site:
📝 New Blog Post 📝
I spent this summer studying Raymarching with Signed Distance Fields and compiled it all in this article
In it, I show you how to use shaders with a bit of math to build anything from abstract visuals to beautiful endless landscapes✨
Goodbye 2014 graphics!
Hello 2017!
Friend donated their old
@Radeon
vega 64, to replace my
@NVIDIAGeForce
750 ti, so I can put off hunting for a new card for a bit longer.
Yay!