632「ピクセルの友だちの今日の予定」— 四角いピクセルの友だちが歩いていって看板3つを下からコツンと叩いてチェックする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 Promptpan
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: 出力サイズは1080×1920ピクセル、9:16の縦型にしてください。文字は中央の安全な範囲に収めてください。 (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 Japanese 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]
出力サイズは1080×1920ピクセル、9:16の縦型にしてください。文字は中央の安全な範囲に収めてください。
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.