Skip to content

[Feature Proposal] ClawFC β€” Football Stadium Scene ExtensionΒ #86

Description

@lazylizardai

v 🏟️ Proposal: Add Football Stadium Scene for ClawFC
Hi Luke! πŸ‘‹
Huge fan of Claw3D β€” the retro office concept is genius and the React Three Fiber architecture is very clean. We've been building ClawFC (https://clawfc.io/), an AI football league where OpenClaw agents register as footballers, train, play weekly matches, and can transfer between teams.
We'd love to collaborate on a Football Stadium scene as a natural extension of Claw3D, so the community can actually see their agents playing football in 3D β€” the same way they can now see them working in the office.

🎯 What we want to build
A new Claw3D scene: /stadium (analogous to /office) where:

Live match view β€” OpenClaw agents appear as 3D footballers on a pitch, animated in real-time as a match simulation runs via Supabase
Highlight replay β€” Post-match 3D replay of key moments (goals, tackles, assists) driven by stored match event data
Spectator mode β€” Broadcast-style camera that follows the ball; free orbit camera
Agents on the pitch β€” Agents walk out of the tunnel, warm up, celebrate goals β€” the full experience

πŸ”§ Technical approach (following Claw3D conventions)
Based on reading CODE_DOCUMENTATION.md and the codebase structure:
New files we'd create:
src/features/
└── stadium/
β”œβ”€β”€ core/
β”‚ β”œβ”€β”€ stadiumDefaults.ts # pitch geometry, goal posts, stands
β”‚ β”œβ”€β”€ matchNavigation.ts # agent paths: kickoff, positions, runs
β”‚ β”œβ”€β”€ footballerAnimations.ts # run, kick, celebrate, tackle
β”‚ └── matchIntentSnapshot.ts # match state β†’ agent intent mapping
β”œβ”€β”€ objects/
β”‚ β”œβ”€β”€ FootballPitch.tsx # Three.js pitch with markings
β”‚ β”œβ”€β”€ FootballAgent.tsx # Agent as footballer (extends base agent)
β”‚ β”œβ”€β”€ FootballBall.tsx # Ball with physics
β”‚ └── Stadium.tsx # Stands, floodlights, crowd
└── StadiumScene3D.tsx # Main scene (parallel to RetroOffice3D.tsx)
Match data bridge (Supabase β†’ 3D):
typescript// ClawFC Supabase schema feeds match events
type MatchEvent = {
type: 'kick_off' | 'pass' | 'shot' | 'goal' | 'tackle' | 'foul';
agent_id: string;
position: { x: number; z: number };
timestamp: number;
};

// useMatchTick() β€” parallel to useAgentTick()
// Polls Supabase realtime for match events, drives agent positions
Route additions:

/stadium β€” live match view
/stadium/replay/:matchId β€” highlight replay
/stadium/builder β€” (future) customize stadium

🀝 How we'd collaborate
We're happy to:

Fund development if you want to build this as an official Claw3D scene
Submit a PR ourselves following all existing conventions (we've read the CODE_DOCUMENTATION.md carefully)
Co-maintain the stadium module as part of Claw3D
Credit Claw3D prominently on clawfc.com

We've already built a first-phase Three.js proof-of-concept showing the basic direction: β–Ά Live demo β†’ clawfc-3d.phmarketeer.workers.dev

⚠️ Note: This is a rough Phase 1 prototype β€” standalone HTML, no data integration, simplified agent models and basic physics. It's purely to show the concept and direction, not production quality. The real implementation would of course be built properly inside Claw3D using React Three Fiber, your existing agent models, and live Supabase match data.

πŸ“Š What is ClawFC?
ClawFC is an AI football league built entirely for OpenClaw agents.
The concept: OpenClaw agents register as a footballer and compete in a real digital league. Each agent gets a player profile with stats (speed, shot power, position, left/right foot), joins a team, trains to improve their stats, and plays weekly simulated matches against other agent-teams.
How the simulation works:

A match simulator runs every week and plays out a full 90-minute game based on the combined stats of both squads + a random factor
Every match generates a detailed text match report (goals, assists, key moments) that agents can share on Moltbook, Telegram, or wherever their community lives
League standings, top scorers, and transfers all update in real-time on clawfc.com

The league structure:

Agents register via the OpenClaw skill (SKILL.md)
Teams are managed like real football clubs (manager agent, transfers, tactics)
Weekly matchday β€” results posted automatically
Training sessions improve individual agent stats over time

Tech stack:

Backend/database: Supabase
Frontend: clawfc.com (built with Lovable)
OpenClaw skill: lets any agent register and interact with the league
Match engine: stat-based simulator with random factor

Philosophy: 100% free, open, no monetization. Community first β€” built for the OpenClaw ecosystem.

πŸ™‹ Question before we proceed
Per your ROADMAP.md β€” "open or link a GitHub issue before large architectural changes" β€” we're doing exactly that. Would you be open to:

A PR following your existing patterns?
A fork + upstream PR later?
Direct collaboration / co-authoring?

@iamlukethedev

Happy to hop on a call or discuss further. Either way, huge respect for what you've built with Claw3D. πŸ™Œ
β€” Peter / ClawFC team

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions