Samnang Aing

This got over 60K views on Threads and LinkedIn combined overnight, which never happens to me. So here it is for X. A flat floor plan that builds itself into a house as you scroll. Built with @claudeai Opus 5.5.

Part 2: youtu.be/UTCPqJZFg04 Try all 7 (best on a laptop): sam1983aing.github.io/flat-t… prompts and repo: github.com/Sam1983Aing/flat-… polished floor plan: sam1983aing.github.io/lintel…

Still think @claudeai Opus 5.5 is the best model for design right now. Try it live (best on a laptop, sound on): sam1983aing.github.io/kveld/ Almost a month ago I posted this as a work in progress. Here's where it ended up. A showroom concept for a fictional high-end guitar maker. The seven guitars were made in Blender from the real specs of classic models, then turned into fictional ones. Every sound you hear in the Hear them section is generated in code. Honestly, that cinematic feel is more Opus 5.5 than me. I only had to polish it.

How I built 7 ways to turn a flat drawing into 3D, in one 18-minute video. - What each one does, with my demo - Its starter prompt in a fresh @claudeai Opus 5.5 session. First try, no editing. - How I polished the floor plan that went viral, room by room Try all 7 (best on a laptop): sam1983aing.github.io/flat-t… Starter prompts and repo: github.com/Sam1983Aing/flat-… The polished floor plan: sam1983aing.github.io/lintel… YouTube: youtu.be/UTCPqJZFg04

I made a glass reading stone you can slide across a webpage. Try it: sam1983aing.github.io/beryl/ Prompt and source: github.com/Sam1983Aing/beryl The words swell under it. Tap it and it ripples like water. Pick a glass and the colour spreads across the page from the bead. One HTML file, no images, no 3D models. Built with @claudeai Opus 5.5.

These scene sequences made with Opus 5.5 are so well executed that you forget for a moment AI was behind it. The Little Prince story turned into a 3D world that feels like a small film. The rose, the king, the fox, the crashed plane in the desert. The 3D models come from Tripo and Blender and Opus stitched everything together. 16 days of work. That's the level we can get to now when someone actually takes the time to polish every scene. Explore: littleprince.dev

I really love this button. Never seen anything like it while browsing on here. Gives me full Venom vibes, the way it grabs the cursor. Pretty awesome work. 👏

I open-sourced this iconic location in Bali. Code: github.com/Sam1983Aing/sacre… Live: sam1983aing.github.io/sacred… The Sacred Monkey Forest follows the real visitor map. The three temples, the holy spring, the Dragon Bridge over the ravine, 2,275 trees and 120 long-tailed macaques walking the paths. - Monkeys, temples and trees built in Blender by scripts - Carved faces and statues turned from photos into 3D with Hunyuan3D - Every sound made in code Built with @claudeai Opus 5.5, then polished with Gemini 4 Argon

I rebuilt Bali's iconic Sacred Monkey Forest in the browser. Live: sam1983aing.github.io/sacred… It follows the real visitor map. The three temples, the holy spring, the Dragon Bridge over the ravine, 2,275 trees and 120 long-tailed macaques walking the paths. - Three.js for the whole scene, custom shaders for the water, sky and wind - Monkeys, temples and trees built in Blender by scripts, no hand modeling - Carved faces and statues turned from photos into 3D with Hunyuan3D - Every sound made in code with Web Audio, even the monkey calls - Golden hour, morning, noon and night with the temple lanterns lit @threejs and @claudeai Opus 5.5 again, with Gemini 4 Argon @antigravity on the final polishing round. Should I make this open source?

Starter Prompt: Build an interactive 3D physical paper "Ticket Tear" event checkout component ("ADMIT ONE // HOLOGRAPHIC PASS") using Vite, TypeScript, Three.js, custom GLSL shaders, and the Web Audio API. 1. Visual Direction & Layout - Use a clean, high-craft studio checkout layout on a Warm Gallery Alabaster background (#F4F2ED) with a subtle hairline dot grid, soft radial studio lighting, and an optional Dark Concert Hall theme toggle in the top header. - Left column: a sleek event checkout card ("KINETIC LIGHTS SYMPOSIUM") with a 3-way Holographic Foil Edition selector (01 Silver Holo, 02 Founders Gold Leaf, 03 Ultraviolet Prism), seat/zone selector, live perforation fiber tear meter (25/25 fibers), and a primary action button. - Right/Center stage: the large 3D perforated pass (2 : 3.4 vertical proportions) suspended in 3D space and casting a real, deforming soft contact shadow onto the studio floor. 2. Real-Time 3D Verlet Card-Stock Physics & Split-Seam Topology - Build a custom 900-vertex (25 columns x 36 rows) 3D Verlet physics solver (VerletPaperEngine) stepped at 10 constraint iterations per frame. - Use 4 spring constraint types so the mesh feels like heavy 350gsm laminated card stock rather than floppy cloth: a) Structural springs (stiffness = 0.94) along horizontal and vertical grid edges. b) Shear springs (stiffness = 0.82) across diagonals to prevent skewing. c) 2-hop and 4-hop Bending springs (stiffness = 0.76 and 0.56) so the card resists sharp creases and bends in smooth, stiff arcs. d) Split-Seam Perforation Topology (The Secret to a Real V-Gap Tear): - Split the geometry at 72% down the card (UPPER_SEAM_ROW = 24, LOWER_SEAM_ROW = 25) so the upper pass body and lower detachable QR stub do NOT share welded triangle indices across the seam. - Bridge row 24 and row 25 exclusively with 25 breakable perforation seam springs (one per column). - When a seam spring at column c is severed, deactivate the structural, shear, and bending springs crossing the seam at column c and apply a slight curl impulse so the torn edge physically opens into a 3D V-shaped gap as you slice across. 3. Two Tactile Ways to Tear & Flex the Pass - Grab, Flex & Tilt: Raycast pointer movement tilts the card toward the cursor so the holographic foil catches the studio lights. Dragging anywhere on the upper pass pulls vertices in 3D space with damped elastic recoil. Double-clicking (or pressing F) flips the pass 180 degrees to inspect the back face. - Slice or Pull to Tear the Stub: - Dragging across the perforation seam (or pulling the bottom QR stub downward) severs the 25 perforation fibers sequentially (0% to 100% torn). - Once all 25 fibers are severed, release the bottom stub under gravity with air-drag flutter and rotational tumble, recoil the upper pass, and transition the checkout UI to "PASS VERIFIED · ADMIT ONE". - Pressing R ("Issue Fresh Pass") slides a crisp untorn pass into the stage. 4. Custom GLSL Prismatic Holographic Foil & Emboss Shader - Generate high-DPI (1024 x 1740) procedural canvas textures for both the front and back faces: - Diffuse + Alpha Map: Ticket typography, fine guilloche security rosette, QR/barcode stub, rounded corners, side security notches, and 24 punched circular perforation holes along the seam (discard alpha in fragment shader so the punched holes and torn scalloped teeth are see-through). - RGB Foil / Emboss / Phase Mask: Red channel = foil reflectivity mask, Green channel = embossed heightfield for finite-difference normal perturbation, Blue channel = local phase offset. - In the custom GLSL fragment shader (with position and normal attributes recomputed every frame after the Verlet step): - Evaluate a diagonal thin-film rainbow sweep driven by view angle, vertex normal, light direction, and UV projection. - Add 2D Voronoi cellular micro-glitter flakes that sparkle individually when each cell's random tilted normal aligns with the studio light. 5. Procedural Web Audio & [X] Physics X-Ray Mode - Synthesize all audio in code via Web Audio API: band-passed noise bursts (1.35kHz to 2.8kHz) pitched up across columns 0..24 as each paper fiber snaps, culminating in a warm Fmaj9 verification chord on detachment. - Pressing X ("Physics & Shader X-Ray") overlays a live THREE.LineSegments lattice of all active Verlet springs color-coded by type and strain (cyan = structural, indigo = shear/bending, amber/red = breakable perforation seam fibers).

After this viral floor plan, I tried a new style of 3D. Paper cut-out. Try it live: sam1983aing.github.io/fold-l… Everything is real 3D but it lies flat until you reach it, then springs up like a pop-up book. Click a map, dive into its red pin and a tiny paper hiker walks the trail. Built with @claudeai Opus 5.5.

The rough version of this went viral across all my platforms. Here's the polished one, about 90% there. Still a flat floor plan that builds itself into a house as you scroll. Just a lot more detail in every room now. Built with Opus 5.5.

I gave a free 3D car file to Google’s new Argon model and it turned it into a full supercar commercial like it was nothing. 45 minutes to build the Ferrari from scratch. 14 minutes to convert it to the Lamborghini Aventador. Built in @antigravity.