Pixel lofi loop

1 test · 1 finished runs (1 agent, 0 raw one-shot) · 1 live demo

The prompt

Fais-moi un diorama pixel-art animé de Paris la nuit, pour servir de fond en boucle à une vidéo lofi de 10 heures sur YouTube. Tout dans un seul fichier HTML (canvas + JavaScript, sans librairie). AMBIANCE ET COULEURS Joue à fond sur le contraste chaud / froid : une nuit pluvieuse bleu nuit et violette, avec des coins de lumière chaude. La tour Eiffel dorée, les fenêtres éclairées, les réverbères, un café. LA SCÈNE (de l'arrière vers l'avant) - Un ciel en dégradé tramé (dithering façon pixel art), une lune avec un halo, et plusieurs couches de nuages qui défilent lentement, éclairées par la lune au-dessus et par la ville en dessous. - La tour Eiffel au centre, dorée, avec sa structure en treillis, ses 3 plateformes et son antenne. Son phare tourne et balaie le ciel. Elle scintille régulièrement (des points blancs qui clignotent partout), et une lumière rouge clignote tout en haut. - Au fond, une ligne de toits parisiens avec des fenêtres qui s'allument et s'éteignent, le dôme doré des Invalides et le Sacré-Cœur blanc sur sa colline. - Un quai avec des platanes et des réverbères. - La Seine, avec les reflets de la tour et des lampadaires qui ondulent, de longues traînées de lumière dorée, des ronds de pluie sur l'eau, et un bateau-mouche éclairé qui traverse de temps en temps. - À gauche, au premier plan, un immeuble haussmannien : toit en zinc mouillé, cheminée qui fume et crache des étincelles, un chat dans une lucarne qui bouge la queue, une fenêtre à la bougie qui vacille, une télé qui clignote en bleu, un balcon en fer forgé, un café avec un store rayé rouge et un néon « CAFÉ » qui grésille de temps en temps. - À droite, un réverbère parisien avec un halo chaud, qui vacille parfois. - Tout en bas, une balustrade en fer forgé avec des jardinières. EFFETS - De la pluie sur 3 profondeurs. Les gouttes deviennent orange quand elles passent dans une lumière, et elles éclaboussent sur les rebords, le store et la balustrade. - DES BILLETS QUI TOMBENT DU CIEL : des billets de 100 €, 50 € et 20 €, sur plusieurs profondeurs. Ils virevoltent comme des feuilles (ils se balancent, pivotent, se retournent et brillent quand ils font face). - De la fumée qui dérive avec le vent, des étincelles, des lumières qui vacillent, et 2 éclairs discrets dans les nuages par boucle. TECHNIQUE (important) - Le rendu interne est en 480×270, agrandi ×4 sans lissage (plus proche voisin), pour obtenir un 1920×1080 parfaitement net en plein écran. - La boucle est PARFAITE et dure 4 minutes : chaque animation est une fonction du temps modulo 240 s (fréquences entières, particules déterministes), donc aucun saut au moment où ça reboucle. - Touche R : enregistre exactement une boucle en 1920×1080, 60 fps, et télécharge le fichier vidéo (mp4 si possible, sinon webm). - Touche S : capture PNG en 1080p. Touche F ou double-clic : plein écran. Le curseur se cache quand on ne bouge pas la souris. - Optimise pour tenir 60 fps : sprites pré-rendus, halos en cache, et un canvas avec l'option willReadFrequently. Fixed inputs (do not ask for anything): - Deliverable: index.html in the current directory, one self-contained file (canvas + JavaScript, no libraries, no CDNs, no external image, font or audio files); code only. - The harness makes the video itself, headlessly: it opens index.html in headless Chromium (software rendering, no GPU) with a 1920x1080 viewport and records exactly one full loop, t = 0 to 240 s, to a 1920x1080 MP4 at 30 fps. During that capture the page's clock is stepped exactly 1/30 s per frame (requestAnimationFrame timestamps, performance.now(), Date.now() and timers), no key is pressed and nothing is clicked: the scene must start animating as soon as the page loads; the R-key recording is not used. - Audio is optional; a silent page is fine. Playwright 1.63.0 (playwright-core) is already installed for you in the current directory: node_modules is pre-installed and read-only, so do not run npm install there or npx playwright install (if you want another npm package, install it in a subdirectory); it has no bundled browser, so launch the local Chromium with chromium.launch({ executablePath: "/usr/bin/chromium" }). ffmpeg and python3 (with numpy) are on PATH. You may open your page in headless Chromium, take screenshots or render frames, inspect your own output and iterate on your own before finishing. Close any browser you open as soon as you are done with it.