Only if education could be this interactive ❤️🔥
I've had a looong wish to build something genuinely useful through vibe coding, and I finally did it.
A 3D human anatomy application built with
@threejs using GPT 5.6 Sol.
It all started with a single design image that I created using GPT Image 2.0. I then used it to generate every 3D organ image, one by one.
Next, I converted each of those images into 3D models using
@tripoai (and no, they didn't sponsor this 😄).
After that, I opened Codex, wrote a master prompt based on the design, and gave it the prompt, the design image, and all the 3D models.
Codex built the first version beautifully, but there was one big problem.
Every single 3D model was nearly 120-150 MB. That obviously wasn't practical for the web and was giving a performance of 16fps.
After a few iterations, Codex optimized each model down to roughly 2–5.5 MB while preserving the visual quality, reducing the total asset size from ~900 MB to just 28.6 MB. And each model loads on demand.
Along the way, Codex also generated those anatomical illustrations showing where each organ sits in the human body, and even created the interactive hotspot markers that explain different parts of every organ. It handled all of that.
The process wasn't exactly one shot, but it also wasn't difficult. You just have to do it step by step.
It genuinely felt like building something that could make learning anatomy much more engaging.
The inspiration came from
@DilumSanjaya's 3D animal plant cell project. I remember seeing it and thinking, "I want to build something like this one day."
And I did it :D
Live:
Code:
显示更多
GPT image 2 on chatgpt
Prompt: Use the uploaded character reference image as the strict identity and outfit reference.
Preserve the reference character’s:
- face identity
- facial proportions
- eye shape
- nose
- lips
- skin tone
- hairstyle
- hair color
- visible hair accessories
- overall recognizable vibe
- outfit and styling shown in the reference image
Do not hardcode any specific character traits that are not present in the uploaded reference.
All identity, hairstyle, accessories, and clothing details must be inferred directly from the uploaded reference image.
Create a high-quality mixed-style vertical portrait showing:
1. a realistic full-body version of the uploaded character/person
2. a black hand-drawn doodle-shadow version of the same character/person on the wall beside them
Core concept:
The real person and their doodle-shadow are doing a playful mischievous pose together.
The real person performs a cute realistic version of the pose, while the doodle-shadow performs a much more exaggerated, chaotic, cartoonish version of the same pose idea.
The mood should feel cute, playful, mischievous, stylish, funny, and social-media-friendly.
Real person:
- Must remain realistic and photogenic
- Must wear the same outfit style and key visible details from the uploaded reference image
- Do not replace the reference styling with unrelated fashion
- Expression should be cute, slightly confused, mildly embarrassed, playful, as if thinking: “Why am I doing this with my shadow?”
- The real person should not stand stiffly
- The real person should actively participate in the pose, but in a natural realistic way
Doodle-shadow:
- Must be a black hand-drawn sketch version of the same person, drawn directly on the wall
- Not a realistic second person
- Not a normal physical shadow
- Not a full-color anime character
- Black sketch line-art only
- Should resemble the person through hairstyle silhouette, accessories, outfit silhouette, and pose structure
- The doodle-shadow should look more energetic, sillier, and more chaotic than the real person
- Add manga-like motion lines, hearts, stars, sparkles, and comic marks around the doodle if helpful
Random mischievous pose rule:
The pose must NOT be fixed.
For each generation, invent a new playful mischievous pose for both the real person and the doodle-shadow.
The real person and the doodle-shadow should share the same general pose idea, but they do not need to match perfectly.
The real person performs a cute realistic version.
The doodle-shadow performs a much more exaggerated, chaotic, cartoonish version.
Do not repeatedly use pointing poses.
Do not repeatedly use finger-gun poses.
Do not repeatedly use the same standing pose.
Do not always make both figures simply point at each other.
Create a different mischievous pose each time.
Possible pose directions are loose inspiration only, not a fixed menu:
- playful idol pose
- silly dance pose
- leaning sideways with one arm curved overhead
- making a big heart pose
- cheeky wink pose
- hands near cheeks in a cute teasing pose
- exaggerated “ta-da!” pose
- mock surprise pose
- playful running-in-place pose
- mischievous tiptoe pose
- arms stretched in opposite directions
- pretending to sneak away
- cute troublemaker pose
- dramatic overreaction pose
- goofy victory pose
- playful balance pose
- playful peekaboo pose
- shy but mischievous pose
- cute overconfident pose
The final pose should feel fresh, cute, mischievous, and slightly chaotic.
The real person should look like they are reluctantly playing along.
The doodle-shadow should look like it is having way too much fun.
Composition:
- vertical 4:5 or 9:16
- show the real person in full-body or nearly full-body framing
- place the real person on one side of the frame
- place the black doodle-shadow on a clean wall beside them
- the doodle-shadow should be roughly the same height or slightly taller
- keep enough space around both figures so the full pose is visible
- the connection between the real person and the doodle-shadow must be clear at a glance
Background:
- simple clean indoor studio wall or minimal room corner
- white, cream, or pale gray wall
- clean floor
- soft natural sunlight patch or gentle wall shadow allowed
- keep the background uncluttered
Lighting:
- soft natural studio lighting
- bright, clean, polished, playful mood
- keep the real person’s face clearly visible
Style quality:
- realistic human photography
- black hand-drawn doodle-shadow on wall
- matching mischievous pose interaction
- strong identity resemblance
- outfit and styling faithfully based on the uploaded reference
- cute and stylish mixed-media portrait
- clean composition
- social-media-friendly
- no obvious AI artifacts
Negative prompt:
hardcoded blue hair when not in reference, hardcoded cloud clip when not in reference, hardcoded fish clip when not in reference, hardcoded school uniform when not in reference, outfit change unrelated to reference, realistic second person, normal reflection, normal shadow only, solid black monster shadow, horror shadow, creepy shadow, full-color illustration, cartoon human, anime human, weak resemblance, unrelated sketch character, messy wall, cluttered background, repeated pointing pose, repeated finger-gun pose, same pose every time, fixed pose, boring mirrored pose, stiff pose, identical pose repetition, real person not matching shadow pose, text, watermark, logo, distorted body, extra limbs, extra fingers, bad hands
显示更多