renderfiction @renderfiction

Three.js dev addicted to making web games renderfiction.com Joined September 2023

Tweets

3K
Followers

2K
Following

202
Likes

6K

renderfiction @renderfiction

a month ago

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

0 0 2 74 0

View Details

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

renderfiction @renderfiction

a month ago

6 1 34 5K 27

2 1 12 1K 3

View Details

renderfiction @renderfiction

a month ago

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

1 0 0 32 0

View Details

renderfiction @renderfiction

a month ago

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 5K 27

View Details

renderfiction @renderfiction

a month ago

@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!

1 0 0 27 0

View Details

renderfiction @renderfiction

a month ago

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

0 0 0 91 0

View Details

renderfiction @renderfiction

a month ago

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

renderfiction @renderfiction

a month ago

6 1 34 5K 27

1 0 2 408 1

View Details

renderfiction @renderfiction

a month ago

@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.

0 0 0 56 0

View Details

renderfiction @renderfiction

a month ago

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

1 0 1 57 0

View Details

renderfiction @renderfiction

a month ago

@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.

0 0 0 38 0

View Details

renderfiction @renderfiction

a month ago

@DannyLimanseta Thanks Danny

0 0 1 50 0

View Details

robot @alightinastorm

a month ago

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)

robot @alightinastorm

2 months ago

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

21 1 91 18K 24

26 9 133 11K 52

View Details

renderfiction @renderfiction

a month ago

@webduno Sweet, thanks for following up!

0 0 0 5 0

View Details

renderfiction @renderfiction

2 months ago

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

3 0 10 328 0

View Details

renderfiction @renderfiction

a month ago

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

1 0 0 14 0

View Details

renderfiction @renderfiction

a month ago

@webduno I appreciate the feedback/ bug finding

0 0 0 9 0

View Details

renderfiction @renderfiction

a month ago

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

1 0 0 18 0

View Details

renderfiction @renderfiction

a month ago

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

0 0 0 7 0

View Details

renderfiction @renderfiction

a month ago

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 2

View Details

renderfiction @renderfiction

a month ago

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