Claude Fable 5.2
Pocket Soccer 3D
Seven-a-side 3D football with referees, offside, cards, penalties and tactics, in one HTML file.
- 1.2 MB
- 1.2k plays
- Source
- Sports
- Simulation
- Three.js
- Mobile
- Single File
Play next
All games
About Pocket Soccer 3D
Pocket Soccer 3D is a seven-a-side 3D football game that plays in a browser on a phone, a tablet or a desktop. ShaunPrice built it with Claude Fable 5.2 in a single conversation, and it covers far more of real football than you would expect from one HTML file: a referee, offside, yellow and red cards, free kicks with a defensive wall, penalties, injuries, substitutions, added time and penalty shoot-outs.
What's in the game
- Eight opponents of rising quality, from Dockside Juniors to Titans XI. Each one you beat unlocks the next.
- Tactics: four formations (2-3-1, 3-2-1, 2-2-2, 1-3-2), defensive, balanced or attacking mentality, and a pressing setting. Opponents use their own formations and push forward when they are behind.
- Match options: 2, 4 or 6 minute matches, with fouls, offside and shadows each switchable.
- Presentation: a slow-motion replay after every goal, match statistics at full time, and sound effects, commentary and start-screen art generated with ElevenLabs.
- Saving: each player name keeps its own progress, and Pause → Save & quit stores a match in progress, including the clock, cards and injuries.
Phone-first
The game was designed for touch. The left thumb runs, and SHOOT, PASS, TACKLE, SWITCH and RUN buttons sit on the right. Hold the phone sideways for a broadcast camera or upright for a view from behind your team. It can also be installed like an app (Install app on Android, Add to Home Screen on iPhone) and played offline.
How it was made
The whole game is a single HTML file of about 1.2 MB using Three.js. The source is public on GitHub.
Pocket Soccer 3D guide & tips
Controls
| Action | Touch | Keyboard |
|---|---|---|
| Run | Drag anywhere on the left side | Arrows or WASD |
| Shoot | SHOOT: tap for a low drive, hold to load power and lift | Space |
| Pass | PASS: to the team-mate inside the white ring | Shift |
| Sliding tackle | Red button (without the ball) | – |
| Switch player | Blue button (without the ball) | – |
| Sprint | Hold the green RUN button | C |
The yellow ring marks the player you control. The white ring shows who a pass will go to, and it follows the direction you aim.
Scoring and shooting tips
- A tap on SHOOT is a low drive; holding it adds power and lift. Shots near the goal are pulled inside the posts, so close range favours a quick tap.
- In a penalty shoot-out, aim with the stick and hold SHOOT for power. Too much power or a wide aim misses.
- When the ball goes out and the throw-in, corner or goal kick is yours, you get a moment unchallenged to play it. Use it to pick a pass instead of rushing.
Defending without giving away fouls
- A sliding tackle from behind, or a mistimed one, is a foul: a free kick with a wall, or a penalty inside the box.
- Bad fouls draw a yellow card. Two yellows, or a foul from behind in your own box, is a red card and your side plays a man short.
- A missed tackle leaves your player on the ground for a moment. If you're unsure, switch to a closer team-mate with the blue button instead.
- Offside is called when a pass goes to a team-mate beyond the second-last defender. You can turn fouls and offside off under Options.
Stamina, injuries and substitutes
- Sprinting drains the stamina bar (top left), and tired players are slower. Stamina recovers when a player slows down, and partly at half time.
- A fouled player, or one sprinting on an empty bar, can get injured. He is replaced at the next stoppage while you have substitutes left (three per side); otherwise he plays on slower.
- From the pause screen you can substitute your most tired player and change formation, mentality and pressing mid-match.
Points and the Hall of Fame
Each match earns:
- 100 points per goal
- 500 for a win, plus 150 per goal of winning margin
- 150 for a draw, plus 250 if you win the shoot-out
The total is multiplied by the level number, so later opponents are worth far more. Any unlocked level can be replayed for a better score, and the best results go on the Hall of Fame (kept on this device).
The eight opponents
- Dockside Juniors
- Millbrook Town
- Redcliff Rovers
- Ironvale United
- Northgate City
- Sable Athletic
- Meridian FC
- Titans XI
Each step up makes the opposition faster, better at winning the ball, more accurate, and gives them a stronger goalkeeper.
How to play Pocket Soccer 3D online
Press Play Game above and Pocket Soccer 3D loads from the author's own site (shaunprice.github.io) inside a sandboxed frame. There is nothing to install.
Under the hood it uses Three.js.
On a phone, tap Play and the game opens fullscreen with its own touch controls.
Pocket Soccer 3D FAQ
- Can I play Pocket Soccer 3D on my phone?
Yes, it was designed for phones. Drag on the left side to run and use the SHOOT, PASS, TACKLE, SWITCH and RUN buttons on the right. Sideways gives a broadcast view, upright a view from behind your team.
- How many levels does Pocket Soccer 3D have?
Eight opponents of rising quality, from Dockside Juniors to Titans XI. Winning a match unlocks the next one.
- How are points calculated in Pocket Soccer 3D?
100 per goal, 500 for a win plus 150 per goal of margin, 150 for a draw plus 250 for winning the shoot-out, all multiplied by the level number.
- Can I play Pocket Soccer 3D offline?
Yes. Open it at its own address (shaunprice.github.io/soccer-3d) and install it: Install app on Android or Chrome, or Share → Add to Home Screen in Safari on iPhone and iPad.
- Can I turn off offside and fouls?
Yes. Fouls, offside and shadows can each be switched off under Options, and match length can be 2, 4 or 6 minutes.
- Is Pocket Soccer 3D free to play?
