Working on my weird vibe coding game in ThreeJS

in GAME DEV6 months ago (edited)

Since i am traveling and dont have a proper external monitor im not going to work on gnar world, and since I am living with a bunch of hackers my gamedev updates have only been that of seeing what i can vibe code late at night.

Normally i need complete concentration to work on my game and living with other people who are playing music and on discord calls all the time is not conducive to concentration.

Vibe coding is cool because you can do it while being heavily distracted.

That being said, here is what i am working on right now.

You remember that skate game i made? well i decided to re-make it from scratch.

So first instead of actually making game mechanics i spent probably the first day just getting a Day/Night cycle in the game.

The sun comes up, the background changes, the sun goes down, the moon comes up, and the stars come out, and there are constellations.

I spent all day yesterday creating the player character and creating a hierarchical limb structure. i was impressed you can do this with threejs.

Screenshot 2025-04-05 at 10.52.21 PM.png

Screenshot 2025-04-06 at 12.38.52 AM.png

Right now the game a really cool screen saver.

When i got it to apply pngs to the meshes it started to get fun. that might be what end up doing with this, just making a static world that you can go look at stuff in.

i hand drew the brazil sidewalk in pro create

Screenshot 2025-04-05 at 11.09.25 PM.png

Screenshot 2025-04-05 at 10.52.02 PM.png

theres gravity and a collision system with the ground but you cant move the guy around yet. i have to be careful when i start this part. the players relation to the skateboard. they are separate but parented in a way.

I have to make visual references inside the world so that i can communicate to the AI which direction to move things.

the AI places the visual reference points in the wrong orientation. i spend time fixing this.

One thing that might be part of a Cursor update is that is hows me visualizations of what it thinks the world looks like.

Screenshot 2025-04-06 at 12.43.26 AM.png

the world is cool though when you zoom out really far.

Screenshot 2025-04-06 at 12.39.02 AM.png

im not sure how to deal with the camera. right now its a free camera.

Screenshot 2025-04-05 at 11.09.42 PM.png

its cool how it kinda looks like a satellite when you zoom out.

Screenshot 2025-04-05 at 11.09.19 PM.png

my biggest win on this project has been animating the player idle state. it looks cool. and its funny how its my face. its fun to move the camera around in this space. i think if anything what i can do is to place a bunch of weird interesting models in the world and animate them.

rigging and animating 3d models is hard and that is why this is fun.

char.gif

Its crazy how big my project is though. its like 1.3 GB haha. in godot this would be like 50MB max. i dont know what it taking up so much space since its all code. must be a lot of text haha. what could take up so much space? there is no music or high poly models . only basic pngs and tiny texture files.

ill try to upload it to vercel so you guys can see but that might take me a minute to do so ill update this post when i do.

not sure why the textures are not showing up on the dev server
https://christskate.vercel.app/

Sort:  

Strangely good haha.
About the size, if you're just using pure ThreeJS that's it. It has direct problems rendering 3D without auxiliary “shortcuts”, you could use another shortcut like combining ThreeJS with PhaserJS, or BabylonJS

The size is probably the node_modules folder?