Flick Soccer โ€” press any button or touch to start
Phase 5.3 ยท Connection Stability

Flick Soccer

Choose your match, competition, editor, install tools, or version information.

v1.2.3M PWA Ready Offline Checkingโ€ฆ
Version 1.2.3E Hobbes Games Responsive UX Deployment
Phase 5.3 ยท Connection Stability

Online Friendly

Create or join a private room with automatic disconnect detection, reconnect attempts, and online session recovery.

Transport: Online Server Disconnected Role: โ€”

Player

Join Match

Match Lobby

------

Create a room or enter an existing code.

HostWaitingโ€ฆโ€”
GuestWaitingโ€ฆโ€”

Waiting for both players to connect.

Phase 5.3 Stability

โœ“ Private room code โœ“ Host / guest roles โœ“ Guest team confirmation โœ“ Host-controlled setup start โœ“ Disconnect detection โœ“ Automatic reconnect โœ“ Room / match recovery

The host controls the match configuration. The guest only selects and confirms their own team, playing-piece colors and formation. The host cannot continue beyond Teams until that confirmation is received.

Version & Updates

v1.2.3M

Phase 5.3 - Connection Stability

Online Friendly now detects interrupted connections, pauses authoritative play, retries WebSocket connections automatically, and restores the latest room, setup or match state when a player returns.

Version Description

Version 1.2.3M refines Online Friendly after real-device testing: team names and player display names are shown separately, active online sessions can be explicitly exited without removing refresh recovery, selected custom team visuals and board customization are shared temporarily with the opponent, and physical goalpost rebounds/effects are now part of both offline and online matches.

Phase 3.9 Main Menu Notes

  • The installed PWA now supports both portrait and landscape orientation.
  • Mobile landscape uses a compact multi-column game dashboard designed to fit the full menu in one screen.
  • Mobile portrait uses a compact two-column launcher while preserving scrolling as a fallback for small or accessibility-scaled screens.
  • Mobile descriptions, status information, spacing, and footer content are condensed to prioritize game choices.
  • Touch activation remains attached to the highlighted action control to avoid accidental menu launches while swiping.
  • The in-game intro screen continues to use the approved full-screen Flick Soccer artwork.
  • Approved Flick Soccer artwork is used as the installed app, home-screen, shortcut, and Apple touch icon.
  • Independent manifest identity, splash behavior, and install experience.
  • Offline-first application shell for gameplay, editors, competitions, images, and sounds.
  • Dedicated flicksoccer.hobbesgames.com deployment configuration using relative paths.
  • Isolated local and IndexedDB save namespace with safe migration from the previous release.
  • Clean service-worker updates with old Flick Soccer caches removed automatically.

Update Available

A new installed-app version is ready. Save your match first, then apply the update.

Backup & Restore

Export your local custom data before major updates, import a previous backup on this device, or restore default local data for testing.

Phase 3B โ€ข Competition Modernization

League Mode

Build a custom season using the same tabbed, arrow-driven setup language created for Friendly Match.

v1.2.3M

Create League Season

Add up to 30 teams. Use the same section flow as Friendly Match: Season, Teams, Rules, Review.

Season Setup

Choose the league size behavior and season length before building the team list.

Team Selection

Add teams without growing the page. The roster stays in a fixed game-style panel with pages.

0/ 30 teams
Season RosterSelect a team and press Add Team.
Page 1 / 1

Select a roster card to switch Human / COM. Use Remove to delete it.

League Match Rules

Configure the whole season in three focused rule groups. Each group fits on one screen.

Applied to every playable fixtureCOM-only fixtures continue to use simulation logic.
Sound VolumeLeague match audio level

League Review

Confirm the selected teams and match rules before creating the season.

Season Hub

League Overview

Use focused sections instead of one long page. Scrolling remains available only as a fallback.

Next Fixture

Top Standings

Recent Results

Fixtures

Only one round is shown at a time.
Round 1

Standings

Paginated to keep the table inside the screen.
1 / 1

Season Statistics

Compact league-level performance summary.

Recent Results

Match Management

Configure the next playable fixture and manage season progression.
Home PiecesHome
Body
Trim
Kit colors
Away PiecesAway
Body
Trim
Kit colors
Home Formation4-3-3
4-3-3
Away Formation4-3-3
4-3-3

Phase 3B โ€ข Competition Modernization

Cup Mode

Create knockout or group cups using the same tabbed, arrow-driven setup language as Friendly Match and League.

v1.2.3M
World Cup 2026 logo

World Cup 2026 Template

Official-style groups, group ranking, knockout bracket, and neutral World Cup field options.

Custom Cup

Create a custom cup with up to 64 teams. Use the section flow: Format, Teams, Rules, Review.

Cup Format

Select the tournament structure, team pool, and number of human players.

Team Selection

Use arrow selectors to browse teams, then add them to the cup. Tap/double-tap selected teams to switch Human/COM.

Cup RosterSelect a team and press Add Team.
Page 1 / 1

Select a roster card to switch Human / COM. Use Remove to delete it.

Cup Match Rules

Configure the tournament in three focused rule groups. Each group fits on one screen.

Sound VolumeCup match audio level

Cup Review

Confirm format, team count, humans, and match rules before creating the cup.

Tournament Hub

Cup Overview

Use focused sections instead of one long page.

Next Match

Tournament Status

Recent Results

Current Matches

Only the active tournament stage is shown.

Recent Results

Group Standings

Used for group-stage cups and World Cup tournaments.

Knockout Bracket

Track qualification and knockout progression.

Match Management

Configure the next playable fixture and tournament progression.
Home PiecesHome
Body
Trim
Kit colors
Away PiecesAway
Body
Trim
Kit colors
Home Formation4-3-3
4-3-3
Away Formation4-3-3
4-3-3

Phase 3.9 โ€ข Editor Workspace

Edit Teams & Boards

Customize one focused section at a time. Board customization is built directly into each team workflow, with scrolling preserved only as a fallback.

v1.2.3M

Team Editor Studio

Start by choosing whether you want to edit an existing team or create a new club. The available options below update according to that workflow.

First Step Edit Team Browse an existing club or national team and update its identity, kits, defaults, and board.

Create Team Studio

Create a new club using the same modern editor structure as Edit Team: sections, live preview, arrow selectors, color studio, logo studio, and final review.

Live Team Preview
New
New Club Team Club Team
WhiteBlack
Formation4-3-3
COM LevelMedium
BoardClassic Wood
FieldNormal Grass

Build the new team profile before adding it to the available club teams.

General

New Team Identity

Use the same identity layout as Edit Team. Enter the club display name, then select any available club continent and country/league, or save it in Created Teams.

Kit

Playing Piece Colors

White / Black
BodyWhite
TrimBlack
Palette

Available Color Locker

Gameplay

COM Level Defaults

Set the default COM difficulty for this new team.

Board

Board & Field Presets

Classic Wood โ€ข Normal
Board Colors

Surface & Markings

Background

Field Background Image

PNG/JPG/WEBP, max 900 KB.
No image
Formation

Default Formation

This formation will be auto-selected first in Match Setup.

Logo

Logo Studio

Import an optional emblem and configure how it appears at the center of the field.

PNG/JPG/WEBP, max 500 KB.
No emblem
Save

Review Before Create

TeamNew Club Team
DestinationExisting country league
Formation4-3-3
COM LevelMedium
BoardClassic Wood
FieldNormal Grass

Phase 3.9 โ€ข v1.2.3M

Match Setup

Choose who plays, assign home and away, then configure the match one focused screen at a time.

Wizard Setup

Choose Players

Select who will control each side of the match.

Step 1 of 7Player 1 will face a COM opponent.

Assign Home & Away

Choose who uses the home side. The other competitor automatically becomes away.

HOME โ€ข BLUEPlayer 1Left side of the board
Tap to exchange Home and Away
AWAY โ€ข REDCOMRight side of the board
Step 2 of 7Player 1 is Home. COM is Away.

Choose Teams

Select each team, its playing-piece colors, and formation.

Player 1 โ€ข Home

Home Team

โ˜…โ˜…โ˜…โ˜†โ˜† Medium default COM level
Team Type
Continent
Country / League
Browse teams
Playing Pieces
Body
Trim
Inside / Border colors
Formation
4-3-3
Default formation: 1-4-3-3
COM โ€ข Away

Away Team

โ˜…โ˜…โ˜…โ˜†โ˜† Medium default COM level
Team Type
Continent
Country / League
Browse teams
Playing Pieces
Body
Trim
Inside / Border colors
Formation
4-3-3
Default formation: 1-4-3-3
Guest Team Confirmation Waiting for the guest to confirm team, colors and formation.

Stadium & Ball

Choose board, field, weather, effects and ball style.

Classic Wood / Normal

Clear weather โ€ข Effects ON

Home team default board: Classic Wood / Normal
Ball Style
Board Style
Field Type
Weather

Gameplay Options

Enable assists, special shots, goalkeeper movement and sound using modern option cards.

Match Mechanics

Assistance

Presentation

Goalkeeper Mode
Manual keeper movement before flicking.
Game Level
Balanced COM behavior.
GK Reaction
How quickly the reactive keeper starts moving after the shot.
GK Speed
How fast the reactive keeper slides across the goal.
P2 team default: โ˜…โ˜…โ˜…โ˜†โ˜† Medium

Match Rules

Configure win condition, timer, fouls and cards. Border behavior remains selected in Stadium.

๐ŸWin Condition
Win Condition
Score Target
Time Limit
โฑ๏ธTurn Timer
Turn Time
๐ŸŸจDiscipline

Review & Start

Confirm your selections before kickoff.

Player 1VSPlayer 2
Formations-
Stadium-
Weather-
Gameplay-
Rules-
Show Rules

Drag from the ball backward, then release. The current team always shoots the ball from where it fully stops.

  • Ball starts at center field.
  • Teams alternate shooting.
  • Play from where the ball comes to a complete stop.
  • Goal only counts when the ball fully crosses the goal line.
  • Borders OFF: ball out gives opponent the shot from the exit point.
  • Borders OFF: 3 outs = yellow warning; next 3 outs = red.
  • Borders ON: ball bounces and stays in play.
  • Optional foul/card rules: touching/clicking an opponent piece creates fouls when enabled.
  • Goalkeeper Movement Manual: before the shooter touches the ball, the defending opponent may move their own goalkeeper inside the goalie box.
  • Goalkeeper Movement COM: the defending goalkeeper automatically reads shot lanes before the shot.
  • Reactive COM Keeper: the goalkeeper reacts while the ball is traveling; reaction and speed depend on selected difficulty/options.
  • Game Level affects COM goalkeeper reaction, prediction, mistakes, curve awareness, and bank-shot awareness.
  • Player 2 can be Human or COM. In COM mode, Player 2 chooses an automatic shot using game level for timing, power, and accuracy.
  • Manual foul rule: if the defender moves the goalkeeper after the shooter has touched the ball to start the flick, it is a red-card foul and penalty.
  • Red removes one random active piece from the fouling player and resets that foul count.

Coin Toss

Choose Player 1's coin side. Player 2 gets the opposite side.

Player 1 Blue Pick a side
?
Player 2 Red Waiting
Select Heads or Tails to begin.
BluePLAYER 1
0
0โšฝ0
Blue shoots
Score target: 7
โ˜€Clear
0
RedPLAYER 2
PLAYER TURN
Opponent disconnected โ€” match paused. Reconnectingโ€ฆ
Flick Soccer
GOAL!
0 - 0
๐ŸŒ€CurveOff
โšกVolleyOff
๐ŸŽฏAimOff
๐ŸงคKeeperOff

Controls

Recent actions

Shot Controls

Curve
No curve selected
Volley
COM Goalie
Reading lane...