Monthly ·
Pitch — 3v3 Arcade Soccer
Fast 3v3 arcade soccer. Ninety seconds, golden goal, no mercy. Keyboard or touch. Entirely self-contained HTML.
The Game
Pitch is real-time 3v3 arcade soccer built for the browser. One 90-second match, two teams — CORAL (you) vs AZUR (CPU) — on a walled pitch with working nets, posts, and rebounds. No menus, no league mode: whistle, kickoff, chaos, full time. If the score is level at zero, the match rolls into golden goal — next goal wins, however long it takes.
Core Loop
You control one player at a time (a gold ring and chevron mark them). Chase the loose ball, dribble with a soft magnetic touch, and read the two context actions: with the ball they are Shoot and Pass; without it they become Tackle (a committed sliding lunge with a cooldown) and Switch. Passing hands control to the receiver; a teammate winning a tackle hands control to them. Shots aim at the goal mouth and bend with your held direction, so near-post/far-post choices are yours. Walls keep the ball alive, so play is continuous and pinbally.
Controls
| Input | Action |
|---|---|
| WASD / Arrows | Move selected player |
| Space (or J / Z) | Shoot (with ball) / Tackle (without) |
| K (or X) | Pass (with ball) / Switch player (without) |
| P / Esc | Pause |
| M | Mute / unmute |
| Enter | Rematch |
Touch & iPad: drag anywhere on the left side for a dynamic joystick; two large right-hand buttons — red for shoot/tackle, cream for pass/switch — relabel themselves with possession. On phones the whole pitch rotates 90° so portrait play uses the full screen; landscape works too. iPads can mix touch and keyboard freely.
Play button: a big tactile button to press at match start — no auto-play, no hidden menus.
Match Rules
- 90-second countdown clock with urgency ticks in the last five seconds
- Goals trigger a hit-stop, stadium flash, confetti in the scorer's color, and a kickoff for the conceding side
- Dribbling the ball over the line counts — walk-ins welcome
- Ties resolve by golden goal — every match produces a winner
- Win/loss record and best win streak persist in localStorage (
pitch-arcade-save)
AI
Both squads run the same role system, re-assigned continuously: the nearest player chases (with ball-flight prediction and tackle attempts), one supports ahead of the ball looking for a lane, one defends the corridor between ball and goal. Carriers dribble around pressure, shoot inside range when the lane is open, and offload under pressure. The CPU runs at 94% of your top speed with slightly worse shot accuracy — beatable, never passive.
Visual & Audio
A "tiny arcade sports poster come alive": deep-green mown stripes, cream chalk lines, stadium light pools, dark stands full of shimmering crowd pixels that jump when someone scores. Ball trails, grass chips off tackles, screen shake, and a big italic GOAL! banner. All audio is procedural Web Audio — kick thumps, whistles, crowd-noise swells, a three-note goal horn — with a persistent mute toggle.
Technical Notes
Entirely self-contained: one HTML file, vanilla JavaScript + Canvas, no dependencies, no backend, no build step. The world simulates in fixed field coordinates and the renderer rotates the whole view for portrait screens. Auto-pauses when the tab is hidden. An AI-vs-AI attract match runs behind the title screen.
Second release in the Apps & Games monthly series — a new game every month.
对战回合制足球战术
回合制的10x15网格足球。每回合5个行动点。可进行走动、跑步、射门、传球和防守。单人对AI(3种难度)或同一设备双人对战。缩短回合计时器,每动作撤销功能,支持键盘和触摸操作。
游戏
Pitch 是一种基于15×10网格的回合制战术足球游戏。两队由三名成员组成——青色 vs 橙色——每回合拥有5个行动点数进行对战。可移动、跑步、射门、传球或防守。先达到3个进球的一方获胜。单人与AI(简单 / 中等 / 困难)对战,或者接力式双人游戏。
动作及消耗
| 动作 | 消耗 | 效果 |
|---|---|---|
| 移动 | 1步移 | 在任何8个方向中的一个格子(包括正交或斜向)。可以携带球。 |
| 快跑 | 2步移 | 直线前进2格(包括正交或斜向)。比移动速度快,但消耗加倍。可以携带球——有被拦截的风险。 |
| 射门 | 1步移 | 球朝目标方向飞行3到6格(包括正交或斜向),具有随机横向偏离。可能会被防守格子拦截。 |
| 踢球 | dist 步移 | 踢球至距离原位置1-3格的任何格子。1格 = 1步移,2格 = 2步移,3格 = 3步移。可以被对手在路径上的防守球或传球拦截。 |
| 防守 | 每个方块1次 | 保护你所在格子及其相邻4格。拦截敌方的射门/传球会将其方向改变。 |
| 抢断 | 移动/快跑的消耗 | 直接进入对手球员所在的格子。50%成功,30%失败,20%犯规(球散开)。裁判宣布结果。 |
- 选择一个玩家(点击/触碰或Tab)
- 选择一个动作(点击/触碰按钮或快捷键)
- 目标一个单元格(点击/触碰网格上的位置)
- 重复上述步骤直到用完移动
- 提交 — 动作按顺序动画化
- 对手进行回合
- 第一个达到3个进球获胜 · 30回合限制 = 平局
倒计时
每回合都有倒计时器随着比赛的进展而缩减:
- 第1-2回合: 30秒
- 每个循环: -2秒
- 最低: 15秒
- 超时: 自动提交队列中的动作,或如果为空跳过回合
屏幕顶部的一条彩色进度条显示剩余时间 — 绿色 → 黄色 → 红色。
撤消与取消
- 撤消(↶按钮或退格键):删除最后的排队行动并退还其移动费用
- 清除全部(↩键或Esc键):清空整个队列并将所有动作还原
直到提交为止,所有操作都是可逆的。
控制
鼠标/触摸
| 操作 | 如何 |
|---|---|
| 选择玩家 | 点击/触碰网格上的玩家位置 |
| 选择动作 | 点击/触碰网格上的行动按钮(走、跑、射击、传球、防守) |
| 目标单元格 | 点击/触碰网格上的目的地位置 |
| 防守计数 | 选中“防守”后,从嵌入式按钮中选择1-4个区域 |
| 撤消 | ↶按钮 |
| 清除全部 | ↩键 |
| 提交 | ✓按钮 |
键盘
| Key | 动作 |
|---|---|
| WASD / Arrows | 选择的玩家向一个单元格移动 |
| Shift + 方向键 | 不带球时,前进两步 |
| Tab | 循环浏览队友 |
| 空格 | 射击(如果玩家有球) |
| Enter | 提交回合 |
| 退格 | 撤销上一个动作 |
| Esc | 清除所有动作 |
| M | 开关静音 |
动作预览
当你选择一个动作时,网格上的有效目标单元格会亮起:
- 移动: 周围的单元格会以淡蓝色点亮
- 跑步: 目的地会有一个方向箭头以不同的颜色闪烁
- 射击: 有黄色锥形图标显示3至6个单元格的着陆区
- 传球: 合格的队友会被绿色标记,且费用显示在上方
- 防守: 将保护的目标单元格会呈现紫色
在动作队列后,幽灵标志会展示出它们将要到达的位置 ——从起点到终点的虚线、落地点上的幽灵圆圈、投影位置中的幽灵球以及在场地上方显示的计数器。
模式
| 模式 | 详情 |
|---|---|
| 单人对AI | 容易 / 中等 / 困难。容易模式只走动且从近处射击。中等模式则添加跑步和传球。困难模式下添加防守、更远的射程以及更智能的位置调整。 |
| 双人对局 | 同一设备,轮流进行回合。每个玩家有“玩家1回合”或“玩家2回合”的指示器显示,计时器适用于双方。 |
AI 难度
| 级别 | 智能百分比 | 动作 | 射击范围 |
|---|---|---|---|
| 简单 | 15% | 走动、射击 | 目标2行之外 |
| 中等 | 45% | + 跑步、传球 | 目标3行之外 |
| 困难 | 70% | + 防守 | 目标4行之外 |
规则
- 比分为3胜
- 限制30回合 — 若无胜者则平局
- 获胜方在进球后开球
- 避难所中的细胞持续到该队下一回合开始时
- 抢截球将散落到空细胞(从不会落在球员或球门上)
- 自动走进球计为得分(把球传进对手的球门)
视觉设计
黑暗霓虹风格匹配Pulse — 黑色背景,发光绿色网格线,颜色编码球门(顶部橙色渐变,底部蓝绿色渐变),角色标签球员圆圈(D/M/F),球控者更亮。抢截触发红色透明层。所有音频都是通过Web Audio API生成的——没有音频文件。
设计笔记
游戏完全自包含 — 单个HTML文件,纯JavaScript+Canvas,无依赖关系,无后端。从实时拖放式变为回合制网格设计是由发现战术决策需要深思熟虑而非本能反应驱动的。动作点系统创造战略张力:你是否使用所有5次行动推进一名球员,还是分散在定位、传球和防守上?
```markdown The shrinking timer prevents analysis paralysis — early turns give you 30 seconds to think, but by turn 8 you're down to 14 seconds, forcing instinctive decisions. The per-action undo lets you experiment with plans without commitment, while Clear All provides an escape hatch for bad plans.
Walk (1 cell for 1 move) and Run (2 cells for 2 moves) both allow carrying the ball — the tactical choice is precision vs speed. A tackle from an opponent strips possession, so running through traffic carries risk.
Second release in the Apps & Games monthly series — a new game every month. ```
More Monthlies Stories
Content on Anagnorisis is summarized, paraphrased, and editorialized from publicly available sources for length and clarity. Original sources are linked where available. All trademarks belong to their respective owners.
