somepx, 5 months ago

@jonikorpi absolutely gorgeous!!

kaynSD, 6 months ago

@jonikorpi oh this looks real pretty! o_o

jonikorpi, 6 months ago

@kaynSD Thanks! ^_^ Still working hard on it!

villetakanen, 6 months ago

@jonikorpi this is with webgl? I seriously need to check the tech.

jonikorpi, 6 months ago

@villetakanen Yup, all more or less hand-written WebGL 2!

I would recommend skipping WebGL and going straight to WebGPU though. It's faster, can do more, has a nicer API, and should be in all major browsers soon enough.

jonikorpi, 8 months ago

A few more shots! The mountains feel more like mountains now.

Arctic mountain area in a stylized game world. Black cliff faces poking out of snow-covered land, leading in rows down the mountain. Shadows cast by the cliffs are saturated in blue.

curiousdynamics, 5 months ago

@jonikorpi these look great! what's the approach to get this sort of shading & outlines? I don't know anything about WebGL but am trying to achieve something similar in Unity

jonikorpi, 5 months ago

@curiousdynamics It’s very much the kind of thing where I have to tweak magic numbers until it all looks ok from exactly one camera angle. Smoke and mirrors.

jonikorpi, 5 months ago

@curiousdynamics Thanks! I’m just guesstimating it all in a buggy single-pass fragment shader:

• sample some sort of a noise texture
• draw lines on it, with an approach like this: https://madebyevan.com/shaders/grid/
• only draw the lines if they point away-ish from the camera, using something like dot(vec2(dFdx(noise), dFdy(noise)), vec2(0.0, 1.0))
• similar steps for outlines, but using more terrain data and less noise
• complex outlines like woods silhouettes are much trickier, but can work the same way