Three.js dev addicted to making web games
Joined September 2023
- Tweets 3,286
- Following 202
- Followers 2,197
- Likes 5,502
790 Photos and videos
Pinned Tweet
Apr 26
Call me antiquated, but this cost $0.
I spent 6 days vibe coding a @threejs platformer with Google AI Studio for #vibejam.
It's called Vanabond Rally π.
Survive a 15km drive: keep your gas tank full and avoid hazards. Every 3km, the game gets harder.
The environment is procedurally generated. The collectables and hazards are randomly distributed.
The low-poly truck and grass mesh (instanced and distributed across the landscape) were made by hand.
Vibe coded game dev is the ultimate hobby, and the best part? Watching my kids play!
Free to play, link below π
8
1
43
2,347
May 8
I'm developing different procedural biomes and weather systems for Residual.
The ground plane base layer uses texture splating to seamlessly merge two textures and a normal map for more intense detail.
In some cases, an instanced mesh is layered on top to really "sell it," but if that's overkill for your device, you can turn it off in settings.
The weather system is toggled with the T key. It has multiple layers:
β½οΈThe skybox, which is actually a sphere, uses a vertex shader with a cloud density variable.
β½οΈAbout 40 - 90 units above the ground are volumetric clouds with a colored tint. These clouds are just PNG billboards with some movement.
If you want to explore, linkππ
#threejs #gamedev
May 4
I've been working on a new Threejs game. It uses BVH (no physics engine).
You can build Minecraft like structures with "Residual" materials lying around the map and/or use the building app (/building) to craft custom structures quickly. Saved structures get stored in IndexedDB so you can quickly access them from the game menu or the building app menu.
The ground plane is procedurally generated, and the materials are distributed randomly. I designed and rigged the character in Blender. All vibe coded with Gemini.
Not really sure what I'm going to do with this project, but I'd love some feedback!
Give it a try ππ
#threejs #gamedev
2
1
12
1,148
May 8
Play on desktop or mobile (not optimized for iOS yet). Feedback welcome!
residual.renderfiction.com/
2
74
May 5
With a tall enough structure, you end up building a wacky path to reach the target, and there's something fun about mastering that path.
I feel like this could be the core element of a game: predefined or procedural structures with intentional gaps that require the player to build their own path.
What do you think? ππ
#threejs #gamedev
May 4
I've been working on a new Threejs game. It uses BVH (no physics engine).
You can build Minecraft like structures with "Residual" materials lying around the map and/or use the building app (/building) to craft custom structures quickly. Saved structures get stored in IndexedDB so you can quickly access them from the game menu or the building app menu.
The ground plane is procedurally generated, and the materials are distributed randomly. I designed and rigged the character in Blender. All vibe coded with Gemini.
Not really sure what I'm going to do with this project, but I'd love some feedback!
Give it a try ππ
#threejs #gamedev
1
2
408
May 5
Play on desktop or mobile (haven't tested on iOS). Toggle grass in the settings menu if you need an FPS boost.
residual.renderfiction.com/
91
May 4
I've been working on a new Threejs game. It uses BVH (no physics engine).
You can build Minecraft like structures with "Residual" materials lying around the map and/or use the building app (/building) to craft custom structures quickly. Saved structures get stored in IndexedDB so you can quickly access them from the game menu or the building app menu.
The ground plane is procedurally generated, and the materials are distributed randomly. I designed and rigged the character in Blender. All vibe coded with Gemini.
Not really sure what I'm going to do with this project, but I'd love some feedback!
Give it a try ππ
#threejs #gamedev
6
1
34
5,314
May 4
You can play on desktop or mobile. Haven't done much testing on iOS devices.
residual.renderfiction.com/
1
150
renderfiction retweeted
May 3
vibe coding metahuman with threejs and codex: first demo
vibe-stack.github.io/vibe-huβ¦
I mean it's still a long way to go, but i'm quite surprised myself, turned out way better than i expected and the character isn't too far from AAA?
all textures generated by gpt image 2, the facial expressions and target locking were fully written by codex in code, no pre baked animations.
So this took about 4 evenings, of which 3 were wasted by clicking through endless blender menus, extruding faces to retopo the model generated with tripo
Honestly, a proper AI integrated into blender would've compressed it probably down to a day
Very sad to see blender turning away from the future! I have to use it for modeling for now, but will eventually drop it the second an AI boosted modeling software comes out (for free)
Apr 26
i can't believe no one has vibe coded a free highly realistic metahuman alternative for threejs yet
srsly don't make me do it, i need good characters man
oh boy, here we go again
26
9
133
10,857
May 1
Submitted my #vibejam entry and started working on a new threejs game.
It's a bit like a Minecraft mini game.
My favorite feature is the floating dolly. You gather stone cubes and dock them until you've hit max capacity.
Should I open a playtest link?
2
1
24
872
Apr 27
This is a lot of fun.
I played 10 rounds and plan to play more π
Apr 27
today we're thrilled to announce Looper, our latest studio video game
help our pal Theo take back the lab from the zombies, survive nonstop waves, and get to the top of the global leaderboard
try it out with your friends
β³looper.basement.studio
6
339
Apr 27
Confession: I haven't beaten my own game π
This is my closest run yet. I survived 14/15km required to beat Vanabond Rally.
The last 3-6km stretch is precision-based. Randomly generated hazards make each run unique.
Snuck in Orson Welles War Of The Worlds 1938 radio broadcast as a phony radio station.
Play ππ
#vibejam #threejs #gamedev
3
11
479
Apr 26
Call me antiquated, but this cost $0.
I spent 6 days vibe coding a @threejs platformer with Google AI Studio for #vibejam.
It's called Vanabond Rally π.
Survive a 15km drive: keep your gas tank full and avoid hazards. Every 3km, the game gets harder.
The environment is procedurally generated. The collectables and hazards are randomly distributed.
The low-poly truck and grass mesh (instanced and distributed across the landscape) were made by hand.
Vibe coded game dev is the ultimate hobby, and the best part? Watching my kids play!
Free to play, link below π
8
1
43
2,347
Apr 24
Community feedback is the best.
When you have limited devices, you have no idea what bugs exist on other setups.
Fixed the issues @FlattenEarthNow mentioned and added a style/filter switch in the Pause menu. You can switch between realistic and cartoon.
Main fixes:
1. Added a delta time max value cap in useFrame loops... the physics are improved.
2. Fixed the acceleration stutter caused by using React useState variables instead of useRef.
#vibejam #threejs
1
1
15
672
Apr 24
Fourth day of progress on my @levelsio #vibejam submission:
1) Improved volumetric clouds.
2) Added a second emissive layer behind the collision objects. Green is good, red is bad!
3) Exploding sparks when the truck lands; additional visual feedback on top of the camera shake.
Try it out ππ
#threejs #gamedev
Apr 23
Spent the morning improving my #vibejam entry.
1) 12,000 grass instances using a custom vertex shader to simulate a wind animation.
2) Update the HDRI tone mapping exposure over time, switching between day and night every 1.5 mins.
3) Getting started on simple volumetric clouds.
Play now, ππ
#threejs #gamedev
4
1
10
508
Apr 24
Play on Desktop or Mobile (landscape is best). Feedback welcome π
vanabond.renderfiction.com/
1
103