A detailed prompt for generating commercial-grade mobile-game 'highlight moment' 3D web animations
op7418 · x · 2026-09-27
- @op7418 shares a complete prompt that generates single-file HTML/CSS/JS web animations for mobile-game reward moments (loot boxes, rank-ups, achievements) that play with one click.
- Key technique: build real 3D in Three.js (planks, rivets, gem facets as actual geometry), toon-shade with MeshToonMaterial + 3-4 step gradient maps and a three-light setup.
- Outlines via post-processing edge detection (normal + depth maps with a shader), not the back-face trick — consistent stroke width, relaxed depth threshold to avoid stray diagonal lines; 1.5x supersampling plus MSAA.
- Also specifies real articulated motion (hinged lid, spinning medal), idle rotation with floating and soft shadow, per-level color ladders (green→blue→purple→gold), and three-tone cel shading with varied line weights for 2D art.
More from coding & agent
- Open-source git-story-film Skill Turns Your Git History Into a Short Film — dotey · 2026-09-27
- Rust-style constrained languages suit LLMs; agent-targeted DSLs are coming — burny_tech · 2026-09-27
- Agent developer seeks failover patterns after single-provider outage killed every run — Arkupathak · 2026-09-27
- Dev building a compiler since February: Codex failed, Claude is the only AI that works — QuixiAI · 2026-09-27
- Parents Independently Use Claude Code to Build Custom Educational Games for Their Kids — minilek · 2026-09-27
- Gemini CLI PR fixes checker env leak: third-party checkers once saw GEMINI_API_KEY — ManoharPaturi · 2026-09-27