I've uploaded a small example of a world you can walk around in, using the raycast and terrain query API of the terrain library to power a simple character controller. Go have a stroll!

#threejs #r3f #HelloTerrain

https://hello-terrain.kenny.wtf/examples/raycast-character-controller

Raycasting character controller + terrain heightmap stamps
(from https://github.com/Roland09/Terrain-Stamps )

#threejs #r3f #helloterrain

Terrain raycasting API is working so well~ First time I've ever been able to embody a character and walk around one of my terrain scenes!

#threejs #r3f #helloterrain

πŸ’Œ The Web Game Dev Newsletter Issue 030 is out! Read it online here: https://webgamedev.com/newsletter/030, and subscribe to get the next ones delivered right to your inbox πŸš€ #threejs #r3f #gamedev
Newsletter – Issue 030 | Web Game Dev

A quiet moment at the lighthouse. 🌊 This is Tiny Tide, a low-poly interactive world. Built with R3F and models handcrafted in Blender.

https://nandordevai.github.io/Tiny-Tide/

#R3F #ThreeJS #Blender3D #CreativeWeb #LowPoly #Javascript

My hello-terrain library is finally getting picked up by game devs :)

https://hello-terrain.kenny.wtf/

#threejs #webgpu #r3f

@budgegeria love using #R3F as Three.js wrapper for React / Next.js apps:
https://github.com/pmndrs/react-three-fiber
GitHub - pmndrs/react-three-fiber: πŸ‡¨πŸ‡­ A React renderer for Three.js

πŸ‡¨πŸ‡­ A React renderer for Three.js. Contribute to pmndrs/react-three-fiber development by creating an account on GitHub.

GitHub

I changed the backend of #HelloTerrain to use a texture atlas instead of a flat buffer, hopefully that will make it easier to interpolate between values, because I want to start putting trees and stuff on these terrains!

#threejs #r3f #webgpu

https://hello-terrain.kenny.wtf/docs/core/elevation-function

I've reached the first milestone of creating an extensible terrain system for #r3f and #threejs

next step: heightmaps via #webgpu compute

https://hello-terrain.kenny.wtf/examples

Hello World

Quadtree upload to GPU via WorkGraph

πŸ’Œ The Web Game Dev Newsletter Issue 029 is out! Read it online here: https://webgamedev.com/newsletter/029, and subscribe to get the next ones delivered right to your inbox πŸš€ #threejs #r3f #gamedev
Newsletter – Issue 029 | Web Game Dev