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.
投球——3V3 橄榄球小场比赛
快速3对3街足球。90秒,金球制,不手下留情。键盘或触屏。完全自包含式HTML。
The Game
Pitch 是一款实时3v3电子竞技足球游戏,专为浏览器打造。一场比赛90秒,两支队伍 — CORAL (由你控制) vs AZUR (由CPU控制) — 在带有正常网、柱的场地上进行角逐。无菜单栏,无联赛模式:哨响后开始,随即陷入混乱,直到比赛结束。如果比分平手为0:0,比赛将进入 黄金进球阶段——第一个进球胜出,无论耗时多久。
Core Loop
你只能控制一名球员(金色环和箭头标识)去追逐球,并以柔软的磁性触感带球。观察到两种情境动作:有球时是 射门 和 传球;没有球时,则会变为 铲球 (即全力滑铲,带有冷却时间) 和 变向。传球操作将控球权转交到接球者手中;而队友若赢得铲球则控制权移交对方。射门瞄准球门且方向由你所持方向决定,因此近角或远角的选择权归你。
Controls
| Input | Action |
|---|---|
| WASD / Arrows | 移动选定球员 |
| Space (或 J / Z) | 射门(有球时)/ 打铲(无球时) |
| K (或 X) | 传球(有球时)/ 变换球员(无球时) |
| P / Esc | 暂停 |
| M | 静音/取消静音 |
| Enter | 再次对战 |
Touch & iPad: 在左侧拖动可激活动态摇杆;右侧两个大按钮——红色用于射门/抢断,奶油色用于传球/转移——会根据球权状态自动切换名称。在手机上,整个球场旋转90°,以适应竖屏或横屏模式;iPad可以自由地混合触摸和键盘操作。
Play button: 大型触感按钮启动比赛,没有自定义播放和隐藏菜单选项。
赛制规则
- 比赛最后5秒倒计时紧张刺激
- 球门被球过线时,进球触发死停、场边灯闪、 scorer 颜色的彩带飘起,并由对方球队发界外球
- 踩着球线走位也算有效射门
- 最后一局决定胜负(金色球),每场比赛都有胜者
- 比赛胜场记录和连胜纪录保存在 localStorage (
pitch-arcade-save)
人工智能
双方队伍运行相同的职能体系,实时重新分配角色:最近的球员会追逐(预测传球路径并尝试拦截),一个玩家在球前面寻找线路,另一个玩家负责控制进球与守门员之间的通道。控球队员会在高压下绕着球跑动,在射门线打开时选择射门,并在受到压迫时将球转移。CPU 的速度为用户顶速的 94%,射击精度略低 —— 坚不可摧,从不消极怠工。
视觉与音频
A "tiny arcade sports poster come alive": 浅绿的剪裁条纹,奶油色的粉笔线,体育场光斑池,充满闪烁人群像素的黑暗看台,每当有人得分时就会跳跃。球迹, tackles 脱下的草屑,屏幕晃动,以及大写的 GOAL! 旗帜。所有音频均为基于 Web Audio 的生成式——踢击声,哨子声,观众噪音的起伏波动,一个带有三个音符的进球号角——并有一个持续存在的静音开关。
技术要点
完全自包含:一个 HTML 文件,原生 JavaScript + Canvas,没有依赖关系,也没有后端和构建步骤。世界在固定的场地上模拟运行,渲染器会根据屏幕方向旋转整个视图。当标签被隐藏时会自动暂停。AI 对抗 AI 的吸引匹配在标题画面后面进行。
每月 Apps & Games 系列的第二版——每个月推出一款新游戏。
More Monthlies
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.
