Had GPT 5.6 Sol replicate someone’s interactive site from a screen recording, then rebuilt its 3D cells using GPT Image 2 turnarounds and an image-to-3D pass
|
Been trying to reproduce someone's interactive site this week, the one with those dense organic cell shapes that swim around and react as you move. Got the first two effects close enough that I wanted to write up how, even though the later ones are still running on placeholder versions. Step one was just handing the whole thing to GPT 5.6 Sol as a screen recording and letting it work backward: screenshotting frames, pulling out reference images, and rebuilding the site's structure and layout on its own. That part took about ten minutes and got the basic form and page structure sitting right. The cell effect itself was the hard part. First pass used Three.js to build the shapes procedurally, which handled the layout fine but came nowhere near the density and detail of the original. Tried stacking GPT Image 2 renders from different angles directly onto that procedural geometry next, and that fell short too. Generating a full turnaround in GPT Image 2, front, sides, and back of each cell, then running those through an image-to-3D tool for real geometry, closed most of that gap. Handed the resulting files back to GPT 5.6 Sol to swap in for the placeholder shapes, and the density finally started matching the original. Only two of the cell effects are rebuilt this way so far. The rest are still running on the original Three.js stand-ins until there's time to redo them, and whoever built the source site clearly put a lot more into it than a first pass ever shows. submitted by /u/RealJamesOfficial |