←back to the wallSimmonsBench / 80 of 99
ILLUSTRATION · SINGLE FILE
Draw Moby Dick scene by scene, entirely in code
the prompt
/goal Make "Moby Dick, scene by scene": a single HTML file in which every scene, person, wave and ink dot is drawn in code, in the exact format of the reference below.
Context you should know: this is going into a video watched by a large audience. Your build is put on screen next to two other frontier models doing the same task and next to the original, and your work will be credited to you by name. Every model gets this identical prompt.
**The reference.** Open https://a-small-light-three.vercel.app/ and study it for a while: the overview, the tour, a close-up of a room. Kevin Ngo made it with Claude Opus 5: "I made a website with 25 mini rooms, each with Claude keeping people company. It's all JavaScript in one HTML file. There are no images, fonts or libraries. Every room, person, and ink dot is drawn in code." Screenshots are in `~/agents/virgil/opus55-3way_09.22.26/refs/a-small-light/`. Your build uses the same format and the same print technique, with Moby Dick as the subject. Write your own code; do not copy his.
**The format, exactly:**
1. **One HTML file, nothing else.** A few lines of CSS, one full-screen `<canvas>`, and one script. No images, no data-URI images, no fonts, no libraries, no external scripts, no network requests. Canvas 2D only: no WebGL, no text drawn on the canvas. The page must load with exactly one network request, itself.
2. **A simulated risograph print.** Every colour is a halftone dot screen of one of **four spot inks** on warm cream paper, overprinted with multiply so the secondary colours come only from overlaps. Each ink has its own screen angle and its own slight misregistration offset. Dots get small jitter, solids get random ink dropout, and objects knock out what is behind them the way a printer's knock-out does. Choose four inks that suit a whaling voyage.
3. **Hand-drawn linework that boils.** Every line wobbles, and lines taper. Bake each scene in three variants with different wobble seeds and cycle them at about 3 Hz, so the linework breathes like hand animation on twos. All randomness is seeded, so the same scene draws the same way on every load.
4. **Light is ink.** Lamp pools, the try-works fire, the corposants and moonlight are stepped halftone rings, never smooth gradients.
5. **Isometric dollhouse dioramas.** Each scene is a cut-away isometric slab, like a dollhouse with the near walls removed: a room ashore, a slice of the Pequod's deck and rigging, a patch of open sea with whaleboats. All scenes sit together on **one printed sheet**, packed into a single block like a poster, with registration crop marks, edge crosshair targets and an ink swatch strip in the margins.
6. **The white whale in every scene**, the way the Claude spark is in every one of Kevin's rooms: a small presence, sometimes obvious and sometimes hidden. A carving on the chapel pulpit, a shape in the ocean, the doubloon's engraving, a spout on the horizon, the thing on the chart Ahab traces.
7. **People doing things, on a rig.** Figures share one small skeleton with keyframed pose clips (walk, haul, row, sit, point, climb, sleep, harpoon, pray, and so on) and follow paths through their scene on a loop. Ishmael, Queequeg, Ahab, Starbuck, Stubb and the crew should be recognisable by silhouette and props alone.
8. **It prints in, then tours.** The sheet appears first, with scenes painting in progressively as if coming off the press. After a few seconds the camera eases into the first scene, holds, and moves through the book in order. Any input pauses the tour and then it resumes. Drag to pan with inertia, scroll to zoom anchored on the cursor, pinch on touch, double-click a scene to fly to it, arrow keys and +/- work, and 0 fits the sheet. There is no other UI and there are no labels: zooming in is how you read a scene.
9. **The scenes.** Twelve or more, in book order, each a distinct and picturable moment, with enough going on to reward a close zoom. For example: Loomings on the Manhattan wharves (ch. 1), the Spouter-Inn (ch. 3), the Whaleman's Chapel pulpit (ch. 8), Queequeg and Ishmael by the fire (ch. 10), the Pequod fitting out (ch. 16), the Quarter-Deck and the doubloon (ch. 36), the mast-head (ch. 35), the Grand Armada (ch. 87), the try-works at night (ch. 96), the Candles (ch. 119), the three-day Chase (ch. 133–135) and the Epilogue's coffin life-buoy. Pick your own set and put the list, with chapters, in a comment at the top of the file.
10. **Performance.** A smooth frame rate at full screen on a laptop (cache layers, redraw only what moves), crisp on a 4K display, and working on a phone.
11. **Ship it.** The single `index.html`, plus a README with its byte size, the scene list with chapters, the four inks, and how the print simulation works.
Work completely autonomously. Do not ask for anything until it's finished.
DONE when: the single file opens with zero network requests beyond itself, the sheet prints in and the tour runs through every scene, every scene has animated figures and the whale somewhere in it, and a close-up of any scene holds up next to a close-up of the reference.
…
GENERATION · LOCKED
Drag back for older model generations · coming soon
🔒 LOCKED
JAN '25
JUNE '26
All 0 models · same prompt · $0.00 total
sort: