632「픽셀 친구의 오늘 일정」 — 네모 픽셀 친구가 통통 걸어가 표지판 셋을 아래에서 톡 쳐서 체크하는 11초

Make a short vertical retro pixel-art video as one self-contained HTML file and render it to MP4. The idea: a little square pixel buddy tells today's schedule like a platform game. Three floating sign boards pop into place one by one; the buddy walks over to each, jumps and bumps it from below, and a check badge and a bouncing star block pop out. At the end the buddy makes a big jump, pixel stars burst, and it says goodbye. It must feel like a lovingly made 16-bit game, with crisp pixels and personality. Do the whole job now without asking questions.

[Inputs (use the default when empty)]
Name: "【이름】" — default 프롬프트판
Bubble title: "【말풍선 제목】"
Three schedule items (slash-separated, each "time=label"): "【일정 3개】"
Goodbye line: "【끝 인사】" · End address: "【끝 주소】"
Time of day: "【시간대】"
  낮 = sky bands #7EC8FF, #A9DCFF, #D6F0FF, grass #5CC46A / #3E9A4E, dirt #A8703C, buddy #FF8A3D, sun #FFD23F
  노을 = sky bands #FF9A6B, #FFC48A, #FFE0B5, grass #6BBF59 / #3F8A3A, dirt #9A5E34, buddy #FF5E8A, sun #FFE14D
  밤 = sky bands #1E2A5A, #2E3D7A, #44549A, grass #2F7A4A / #1F5A36, dirt #5A3A26, buddy #FFB84D, moon #F4F1D0
Tempo: "【박자】" — default 120 BPM. Aspect ratio: Output size 1080x1920 pixels, 9:16 portrait story. Keep all text inside the central 80% of the height: compress every zone percentage below into the 10-90% range. (default 9:16).

[Pixel rules]
Every position snaps to one pixel unit (about 1/90 of the short side); no anti-aliased shapes, no gradients, no blur. Motion is computed smoothly and then stepped at 12 fps (on twos), so it reads like real sprite animation even at 60 fps. Text is drawn small and scaled up without smoothing, so it looks like a pixel font.

[The buddy]
A 12 × 12 sprite drawn cell by cell: a dark outline, a rounded square body in the buddy color, two white-and-black eyes, pink cheeks, a small mouth, and two short legs underneath with a small dark shadow on the ground. It has three leg poses (stand, step, jump), blinks now and then, bobs while standing and squashes for a moment after each landing.

[Structure — 22 beats in 3 scenes of 4, 12, 6 beats]
1. Hello (beats 0–4). Frame 0 is already a finished picture: banded pixel sky with a sun and drifting clouds, a grass line with a dirt ground, and the buddy at the left with a white pixel speech bubble showing the title.
2. Schedule (beats 4–16), one item every 4 beats. A floating wooden sign board (no posts, clean) pops into place in three small steps, showing the time big and the label small. The buddy walks to it (legs alternating), jumps on the beat so its head just reaches the sign's bottom, the sign bumps up, a yellow check badge appears at its corner and a little star block pops out and falls back.
3. Bye (beats 16–22). The buddy walks to the center and makes a big jump; twelve pixel stars burst around it; it lands and a speech bubble shows the goodbye line; the name appears big in the sky in pixel letters, then the address under it.

[Always-on details]
No timecode, no progress bar, no corner labels, no HUD. The schedule texts must be fully readable on the signs and never hidden by the buddy. Keep a 6% safe margin.

[Sound]
If you can generate music, add a cheerful chiptune at the given tempo with a coin sound on each bump, a jump sound and a short victory jingle at the end, muxed into the MP4 as AAC. If you cannot generate audio files with a music model, write the backing track yourself in code instead: synthesize an original instrumental (kick, snare, hi-hats, bass, a chord pad and a light arpeggio, no vocals) at the given tempo with a simple chord loop, sample by sample into a WAV, then mux it into the MP4 as AAC. Never use a placeholder or someone else's recording.

[Build]
One HTML file, everything on a single canvas. The script starts with a `const CONFIG` object holding every input plus fps 60 and a seed. All drawing comes from a pure `seek(t)` — no timers, no CSS animation, randomness only from the seed — so any frame renders identically. Compute sizes from the canvas size in a setup step. A settings panel above the preview (hidden with ?render=1) with Korean labels: text inputs for every text input (items slash-separated), selects for time of day, tempo and ratio, play/pause, a scrubber, and a "설정 복사" button that copies CONFIG as code. Edits re-render instantly.
Write render.mjs: open the page with ?render=1 in headless Chromium (Playwright), wait for document.fonts.ready, step seek(frame / 60) through every frame, screenshot the canvas at 1080 px on the short side, and pipe into ffmpeg (libx264, yuv420p, crf 18) to make motion.mp4. Close the browser at the end. Accept an optional JSON file argument that overrides CONFIG.

[Check before finishing]
Render one still per beat into a contact sheet and look at it: frame 0 is a finished picture, every edge is a crisp pixel edge, the buddy reaches each sign and the check appears only after the bump, the sign texts are never covered, nothing is clipped. Fix and re-render if anything fails. Finish with the file paths and the single command to re-render after editing settings.

[Final output format]
Output size 1080x1920 pixels, 9:16 portrait story. Keep all text inside the central 80% of the height: compress every zone percentage below into the 10-90% range.
This selected output format takes priority over any fixed canvas size or aspect ratio elsewhere in this template. Adapt the composition, text zones and margins to the selected canvas without stretching or cropping essential content. Device safe areas apply only when a device is selected. Never print these format instructions on the image.