Arcade Soccer (GPT 5.4 Mini)

1-shotVerified One-Shot
スクリーンショット
Arcade Soccer (GPT 5.4 Mini)
プレイ
Create a classic arcade soccer / football game as ONE self-contained HTML file.
Genre: top-down or side-view pitch — two goals, ball physics, scoring, short match timer.
Teams: player vs simple AI (or local 2P: WASD vs arrows).
Ball: friction, bounce off walls/players, kick on contact with power cap.
Players: move smoothly; tackle or slide optional; cannot leave pitch bounds.
Scoring: ball fully crosses goal line → point + kickoff reset.
Match: 2–3 minute timer or first-to-N goals; halftime text optional.
Pitch: markings (center line, penalty boxes simplified), sidelines.
Camera: fixed full pitch visible on mobile (scale canvas).
HUD: score, timer, half indicator.
Kickoff: center spawn after goal; brief pause text.
Goalkeeper AI optional: tracks ball Y on goal line.
Celebrate: brief overlay on goal; crowd beep optional.
Controls documented on title screen.
Difficulty: AI chases ball but not perfect — player can win.
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 Mini
エージェントOpenCode
プロンプト数1
人間の編集0
ランタイムシングルHTML

投票

チャレンジ

Arcade Soccer

プロンプトをフォーク

このプロンプトを自分のスタックで実行し、結果を投稿してください。