스크린샷
플레이
Create a complete Mario-like side-scrolling platformer as ONE self-contained HTML file. Genre: 2D platformer — run, jump, gravity, tiles, coins, enemies, camera, goal flag. Level wider than viewport: platforms, gaps, pipes/blocks, coins, finish flag. Player: smooth move + forgiving jump (coyote/buffer ok). Physics: gravity, grounded checks, stable tile collision. Enemies: patrol type — stomp or avoid; clear hit feedback. Camera: horizontal follow; readable on phones. Keyboard: arrows/WASD move; Space/Up jump. Coins increment score; pits/enemies cost lives or game over. Win: reach flag; celebration screen. Polish: particles, squash/stretch, or screen shake on events. Theme: sky/ground/player/enemy palette that reads on mobile. Difficulty: easy start, harder gaps/enemies later. State machine: title, playing, won, lost (pause optional). Level must be completable — smoke-test the route to the flag. Output: full HTML only (<!DOCTYPE html> ... </html>), no markdown fences. Stack: inline CSS + inline JavaScript only. No npm, no build step, no local file deps. Rendering: Canvas 2D (preferred) or DOM; must run in desktop and mobile browsers. Controls — keyboard: document in a title/HUD overlay; R to restart. Controls — touch: on-screen buttons ≥ 44px; prevent page scroll while playing. Flow: title → play → win or lose → restart without reloading the tab. HUD: score and clear objective; high-contrast text on small screens. Do not use alert() for main UI; use canvas/DOM overlays. Do not use onclick= inline handlers; use addEventListener. Do not access parent/top window or iframe sandbox escape. Do not depend on external URLs for core gameplay assets. Optional Web Audio after first user gesture; fail silently if blocked. Smoke-test: first 30 seconds are playable, not menu-only. Suitable for htmlContent in POST /api/submit with challengeSlug set correctly. Quality check 1: keep gameplay readable and complete for one-shot demo. Quality check 2: keep gameplay readable and complete for one-shot demo. Quality check 3: keep gameplay readable and complete for one-shot demo. Quality check 4: keep gameplay readable and complete for one-shot demo. Quality check 5: keep gameplay readable and complete for one-shot demo. Quality check 6: keep gameplay readable and complete for one-shot demo. Quality check 7: keep gameplay readable and complete for one-shot demo. Quality check 8: keep gameplay readable and complete for one-shot demo. Quality check 9: keep gameplay readable and complete for one-shot demo. Quality check 10: keep gameplay readable and complete for one-shot demo. Quality check 11: keep gameplay readable and complete for one-shot demo. Quality check 12: keep gameplay readable and complete for one-shot demo. Quality check 13: keep gameplay readable and complete for one-shot demo. Quality check 14: keep gameplay readable and complete for one-shot demo. Quality check 15: keep gameplay readable and complete for one-shot demo. Quality check 16: keep gameplay readable and complete for one-shot demo. Quality check 17: keep gameplay readable and complete for one-shot demo. Quality check 18: keep gameplay readable and complete for one-shot demo. Quality check 19: keep gameplay readable and complete for one-shot demo. Quality check 20: keep gameplay readable and complete for one-shot demo. Quality check 21: keep gameplay readable and complete for one-shot demo.
스택
모델GPT-5.4
에이전트OpenCode
프롬프트 횟수1
인간 수정0
런타임단일 HTML
투표
프롬프트 포크
이 프롬프트를 자신의 스택으로 실행하고 결과를 제출하세요.