Loading video...

Video Failed to Load

Go Home

vibe coding procedural buildings with threejs and codex #4

28,221 views • 4 months ago •via X (Twitter)

95 Comments

CuddlySalmon's profile picture
CuddlySalmon4 months ago

@threejs doing the lord's work right there

robot 2.0's profile picture
robot 2.04 months ago

@threejs imagine what happened if i open sourced it

CuddlySalmon's profile picture
CuddlySalmon4 months ago

@threejs imagine what happens if i do the same 👀

Utah teapot 🫖's profile picture
Utah teapot 🫖4 months ago

you're having so much more success with this than I am, but I'm trying to get them and Claude to make very weird city styles like Sumerian retrofuturism

robot 2.0's profile picture
robot 2.04 months ago

you have to describe it really down to every detail for it to prduce anything.. good

Utah teapot 🫖's profile picture
Utah teapot 🫖4 months ago

yeah I think i need to restart from scratch on what I was doing and have it focus on individual buildings first before populating the city generator, I got a set of ok/kinda meh ones from Gemini and did successfully get some very nice SPOM on some of the textures but they have all been struggling with z-fighting placement on components of the buildings

Frederick James's profile picture
Frederick James4 months ago

so sick man. the anti ai / agents crowd never mention this unlimited creativity and joy through making cool stuff

kvick's profile picture
kvick4 months ago

ok, now vibe-blow them up

robot 2.0's profile picture
robot 2.04 months ago

why do you all want to destroy things

kvick's profile picture
kvick4 months ago

because I can't do it in the real world without getting in trouble

🇨‌🇦‌🇷‌🇿‌🇪‌🇳‌'s profile picture
🇨‌🇦‌🇷‌🇿‌🇪‌🇳‌4 months ago

@alightinastorm tbf I aslo wanna see it get nuked

kvick's profile picture
kvick4 months ago

@alightinastorm 🤣 I would throw this into a sideproject game i have right now to blow up immediately if it supported destruction

kvick's profile picture
kvick4 months ago

@alightinastorm I need to swap these buildings out

robot 2.0's profile picture
robot 2.04 months ago

@e0syn you should first pre allocate the building slices and not slice them up on impact

kvick's profile picture
kvick4 months ago

@e0syn yeah there's a lot that needs to be done on them

zac.eth's profile picture
zac.eth4 months ago

you dropped this: 👑

robot 2.0's profile picture
robot 2.04 months ago

🥲

Sam 💀's profile picture
Sam 💀4 months ago

Looking good man, the full editor with all this implemented is going to be insane

robot 2.0's profile picture
robot 2.04 months ago

on it

Majid Manzarpour's profile picture
Majid Manzarpour4 months ago

Can you add procedural destruction next? Then we can drop Godzilla in and call it a day 🐲

robot 2.0's profile picture
robot 2.04 months ago

lmao nothing here is interactive yet man 😭 still got like about 50+ building types to go

Matt's profile picture
Matt4 months ago

Holy christ Just add some volumetric fog and splice sfx / reverb and make a horror game out of this already 👏

robot 2.0's profile picture
robot 2.04 months ago

the clusteredlightnode from @mrdoob really does the heavy lifting here

Matt's profile picture
Matt4 months ago

@mrdoob No the procedural buildings do the heavy lifting. You've smashed it here mate. There's a ton of tidy up to do but it's a great base + it looks like it's running smooth.

robot 2.0's profile picture
robot 2.04 months ago

@mrdoob if i turn the lights off it's even smooth on my intel mac, but had to do the recording on my girls apple silicon to keep it 60fps :')

Matt's profile picture
Matt4 months ago

@mrdoob Kind of wild considering those were integrated graphics cards iirc Oh FYI by tidy up I mean mostly the courtyards/roads and stuff. Next to the phenomenal buildings they obvious look less great But again add some smokey atmosphere it kinda won't matter

robot 2.0's profile picture
robot 2.04 months ago

@mrdoob oh yea the props are just placeholders for screen recordings, this is a dedicated app just for the procedural generators once i got all the building types, i'll be porting it to the world editor!

Matt's profile picture
Matt4 months ago

@mrdoob 🤩🤩 It's wild seeing the amount of params and as you tweak them it actually works. I had a crack at Cinque Terre Italy buidling style procgen last night and gave up as it just felt like a crap seedr I'm now re-inspired haha

robot 2.0's profile picture
robot 2.04 months ago

you need a clear pipeline and always remind the clanker that some things are better left for texturing, while others shouldbe part of topology (it'll figure out on its own where to draw the line) always go from massing -> vertical massing -> facade -> props -> skinning -> refine

Verekia | ManaBlade.com's profile picture
Verekia | ManaBlade.com4 months ago

Looks like you lost yourself into another tangent project. That's what I meant by finishing what you start. You can't ship a AAA game if you can't ship a game period, or an MVP demo at least. What makes a game is not making a single scene that looks good, it's making a proper end-to-end product. That's what takes 200 people for 5 years. With love ❤️

robot 2.0's profile picture
robot 2.04 months ago

uh, how am i supposed to add buildings to the world if i don't work on buildings? don't worry, i know how to ship but it makes no sense to drop something just to drop it

Verekia | ManaBlade.com's profile picture
Verekia | ManaBlade.com4 months ago

It makes even less sense to never drop it! Scope creep is a thing. You do you though 😄

robot 2.0's profile picture
robot 2.04 months ago

at least in my creative part of life let me venture out a little 😭 not being pressured by burning money is a blessing

Verekia | ManaBlade.com's profile picture
Verekia | ManaBlade.com4 months ago

Yeah, I totally get that this scratches the creativity itch. It's crazy that we can pretty much do anything we can think of these days. It's also a curse though hah.

robot 2.0's profile picture
robot 2.04 months ago

true, my sleep is messed up beyond what i could've ever imagined

J A Z I I's profile picture
J A Z I I4 months ago

bro is making next gTA

robot 2.0's profile picture
robot 2.04 months ago

i'm actually walking the walk compared to the crypto guy

Anders Hjemdahl's profile picture
Anders Hjemdahl4 months ago

@repligate This is extremely cool Can’t help but think how long this would take in Maya or UE, not to mention getting it working in real time in a browser

Nick Diaz Of Nauts's profile picture
Nick Diaz Of Nauts4 months ago

@threejs Absolutely gorgeous stuff man

robot 2.0's profile picture
robot 2.04 months ago

@threejs 😘

Alex So's profile picture
Alex So4 months ago

Real Estate RP online 🔜

EmEsEs's profile picture
EmEsEs4 months ago

Very nice work 👍

Carolina Aiazzi's profile picture
Carolina Aiazzi4 months ago

@threejs Very cool😍

robot 2.0's profile picture
robot 2.04 months ago

@threejs thanks! much more to come!

Carolina Aiazzi's profile picture
Carolina Aiazzi4 months ago

@threejs 👀💪🏻

ANOMOLY's profile picture
ANOMOLY4 months ago

Old games where devs allowed modding and source fill editing could be be reverse engineered by AI models right? If so, that would mean you could potentially have a living city with AI generated animations right from the source correct?

Anthony R. Risen's profile picture
Anthony R. Risen2 months ago

This is cool man. i'm trying to do something similar but struggling a bit.

robot 2.0's profile picture
robot 2.02 months ago

i already open sourced this like a month ago i think

Anthony R. Risen's profile picture
Anthony R. Risen2 months ago

the procedural bank one? definitely cool but just a single building - I'm curious to how you did your full city layouts.. i'm trying to do fully procedural cities. i'm thinking about using your road system with splines and stuff.

robot 2.0's profile picture
robot 2.02 months ago

oh shit you're right i'll open source the whole editor and everything next week

Anthony R. Risen's profile picture
Anthony R. Risen2 months ago

oh sick! Thanks dude. looking forward to checking it out..

Phanos Ha's profile picture
Phanos Ha4 months ago

dude!

robot 2.0's profile picture
robot 2.04 months ago

right

Phanos Ha's profile picture
Phanos Ha4 months ago

source code wen

Izkimar's profile picture
Izkimar4 months ago

Damn those night time clips tho!!! 🔥

🔥GameDevMicah🔥UE6's profile picture
🔥GameDevMicah🔥UE64 months ago

@threejs Niceee

robot 2.0's profile picture
robot 2.04 months ago

@threejs not sure ue can do the same with its new mcp 😏

André's profile picture
André4 months ago

Pretty awesome man!

robot 2.0's profile picture
robot 2.04 months ago

🙃

Mick Solo's profile picture
Mick Solo4 months ago

looking good, whats your plans with this?

robot 2.0's profile picture
robot 2.04 months ago

vibing through space and time

Prateek Tripathi's profile picture
Prateek Tripathi4 months ago

fifty building types is too many to make alone

xedanter | Indie Dev's profile picture
xedanter | Indie Dev4 months ago

That looks very cool :З

robot 2.0's profile picture
robot 2.04 months ago

thanks!

Basoner's profile picture
Basoner4 months ago

Those are fake interior shaders, right? How hard is that to do in threejs? Looks better than the parallax interiors I made in Unity lol

robot 2.0's profile picture
robot 2.04 months ago

@egebasoner ask @codedgar , i just told codex to install three-fenestra and adapt it to my codebase (and switch the window images for this demo)

Basoner's profile picture
Basoner4 months ago

@CodEdgar Honestly, this looks too good. I am also building a city right now in Unity, but I had to model every building by hand in Blender. Procedural wins every time.

robot 2.0's profile picture
robot 2.04 months ago

@egebasoner @CodEdgar come to the @threejs side of life my bro

Basoner's profile picture
Basoner4 months ago

@CodEdgar @threejs shit i might first I gotta give the Unity MCP a shot tho. it is starting to feel like i am hitting two rocks together to light a fire trying to get stuff done in Unity.

kvick's profile picture
kvick4 months ago

@egebasoner @alightinastorm @CodEdgar @threejs I'm trying to build things engine-agnostic as much as possible at this point

robot 2.0's profile picture
robot 2.04 months ago

@egebasoner @CodEdgar @threejs bro i once tried thai noodles from a kebab place because they felt culture agnostic never again

Matthew Man e/acc ⏩'s profile picture
Matthew Man e/acc ⏩4 months ago

Next level!

robot 2.0's profile picture
robot 2.04 months ago

come join our ai gamedev gc, pls dm me with ANY of your game dev related work, there is a bug on x chat so i can't review your profile from there DROP ME A DM I WILL SEE IT AND ACCEPT IF YOU FIT

Numbe's profile picture
Numbe4 months ago

Looks cool fr

Kevin Klatt's profile picture
Kevin Klatt4 months ago

looks pretty good

robot 2.0's profile picture
robot 2.04 months ago

guess i'm not just a retard after all

Kevin Klatt's profile picture
Kevin Klatt4 months ago

if you could make it auto generate LODs so that at a distance it's less triangles that'd be dope

robot 2.0's profile picture
robot 2.04 months ago

it does have auto LOD, with caching and worker generation :) just not using it for the demos, since it is still having weird edge cases (buildings sometimes disappear on lod change)

Vincent Jouty's profile picture
Vincent Jouty4 months ago

Looks quite cool! Have you managed to generate a city plan that is not just a boring grid yet?

robot 2.0's profile picture
robot 2.04 months ago

not on the macro layer yet no

Eric Henderson's profile picture
Eric Henderson4 months ago

Open source?

robot 2.0's profile picture
robot 2.04 months ago

no

Eric Henderson's profile picture
Eric Henderson4 months ago

bummer - oh well sdk with UE and AI is pretty good now

Playda's profile picture
Playda4 months ago

@threejs This looks cool. We should merge our tech 🤝

robot 2.0's profile picture
robot 2.04 months ago

@threejs i got a world editor too 😏

Takdir's profile picture
Takdir4 months ago

Never tried Three.js, but this is sick 🔥 Is procedural lighter on performance/load than full glTF models for big cities/editors? Insanely cool work!

TypeDrifter's profile picture
TypeDrifter4 months ago

Those liminal empty streets at night have a 2000 vibe, for some reason it made me feel like "modern era" mods for Medal of Honor or the infamous True Combat.

Kakashi's profile picture
Kakashi4 months ago

what is your overall codex budget ?

robot 2.0's profile picture
robot 2.04 months ago

@Meme_God_069 idk i use about 70% of the weekly of $200 pro plan, but always with 5.5 high on fast mode

Kakashi's profile picture
Kakashi4 months ago

Did you try using codex as overseer/architecht and delegating tasks to deepseek v4 pro ?

robot 2.0's profile picture
robot 2.04 months ago

@Meme_God_069 no, i don't use chinese models

Kakashi's profile picture
Kakashi4 months ago

How about nemotron 3 or other opensource less costly models. i just think you could have built the game entirely by now using such a workflow.

robot 2.0's profile picture
robot 2.04 months ago

@Meme_God_069 i don't think i have to be even faster atm, looking to increase quality rn

Kakashi's profile picture
Kakashi4 months ago

okay

robot 2.0's profile picture
robot 2.04 months ago

@Meme_God_069 anyways good to see you're still around broski

Related Videos