renderfiction

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 👇

Play on desktop or mobile (not optimized for iOS yet). Feedback welcome! residual.renderfiction.com

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

@worksalt I ran the errors through Gemini and unfortunately, it seems that your browser is blocking or unable to access the Graphics Card (GPU).

@renderfiction I shared my browser errors on another comment.

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

@worksalt Interesting, are you using desktop or mobile? And what browser type? I'll have to look into this more tomorrow. Thanks for the feedback!

@renderfiction hmm I can't type my name and the assets do not load, I just see the controls, and the pointer, the buttons, and a black screen

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

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

@LaraOnRockets This is my favorite workflow. I started using Blender long before I discovered three.js, so I stuck with it! All of the animations are keyframed actions triggered by key/mouse controls. Atm, there's only one hitbox (at the feet) so the character clips the wall occasionally.

@renderfiction I really like the hybrid workflow of vibe coding with Gemini but handcrafting the Blender rig. BVH keeps it lightweight. How does the rig handle animation transitions between building and movement?

@berrycurvature tried my best to manage the camera perspective in tight situations 😁

@renderfiction so it is possible to avoid camera obstruction by the assets gracefully? got it :D

@whadar I've used Rapier physics for most of my projects, but I see many interesting use cases for BVH as an alternative. BVH has extremely precise raycasting. It can pinpoint a small, pixel-sized triangle, and it feels lighter.

@renderfiction Looks awesome, what’s BVH? Why not physical engine?

@DannyLimanseta Thanks Danny

@renderfiction Woah. this is looking very promising!

vibe coding metahuman with threejs and codex: first demo vibe-stack.github.io/vibe-human 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)

@webduno Sweet, thanks for following up!

@renderfiction awesome, im up there now!

Just shipped a leaderboard for Vanabond Rally. (It's my first time making a leaderboard.) Think you can beat my top score? Try me 🔗👇 #threejs #gamedev

@webduno I think I fixed the leaderboard issue and dropped the resolution. Maybe the experience is better now

@renderfiction i did add an username, and played several times but wasnt added to leaderboard, you might wanna check it out, great game nevertheless

@webduno I appreciate the feedback/ bug finding

It should record when running out of gas, but there may be a bug. There are 2 conditions: you have to enter you player name on the start screen and you have to beat your personal best to update your leaderboard score. I dont see anyone else on the leaderboard so maybe theres a bug

@renderfiction do you have to end all lives to be on leaderboard? does running out of gas doesnt put you in tho?

@webduno Thanks for playing! I think I set the pixel ratio too high.

@renderfiction its pretty fun overall and looks really good, but runs a bit laggy, even on cartoon mode

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?

@brcullum @levelsio @CursorAgents @dvassallo Agreed! Yeah, I did. They are low-poly, so nothing special. I think your generated models capture the aesthetic better.

@renderfiction @levelsio @CursorAgents @dvassallo The pod racer rigs are awesome! Did you custom model them?

Well, pretty sure I wont make it in time for @levelsio @CursorAgents #vibejam.... But after vibe coding a way to beat @dvassallo I had to make my own racer, but Star Warsy. Top down and 3rd person view. This is what I got after a solid days work, absolutely insane what ai can now. twinsunsturbo.com (Really good chance its broken, will get it solid tomorrow!)