A PS2-era street skating game built with Three.js, featuring a single city block with full trick vocabulary, generated assets via Genex CLI, and dynamic quality scaling.

Stars

6

7-day growth

No data

Forks

0

Open issues

0

License

No data

Last updated

2026-07-30

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

Demonstrates a generative pipeline for 3D game assets and code, with transparent design documentation and a quality ladder that adapts to device performance.

Who it is for

  • Game developers interested in procedural generation or Three.js
  • Three.js enthusiasts seeking a complex real-world project
  • Skateboarding game fans wanting a retro-style experience
  • Developers exploring AI-generated content pipelines

Use cases

  • Play a short, authentic skating game in the browser
  • Study the design decisions documented in DESIGN.md
  • Examine the dynamic quality scaling implementation
  • Learn how to generate and stream 3D assets via Genex

Strengths

  • All assets are generated via Genex CLI, not hand-crafted
  • Dynamic quality ladder adapts to device performance using measured frames
  • Design decisions justified with measurements in DESIGN.md
  • Review tools test the real game without debug hooks

Considerations

  • Large initial download (~hundreds of MB) from CDN on first boot
  • Requires internet connection to stream generated assets
  • Only one city block level
  • PS2-era aesthetics may not appeal to all players

README quick start

skate

A PS2-era street skating game in Three.js. One city block — plaza, quarter pipe, ledges, rails, a bank along the north wall — at golden hour, with a full trick vocabulary and a physical bail.

▶ Play: https://genex.games/world/skate

W A S D   ride            SPACE   hold to charge an ollie
F G C     kick / heel / shove-it  X   hold to grab
SHIFT     manual          E       hold to slide across
A D       balance         R       reset      ESC   pause

Everything you see was generated — models, textures, the sky, the character, the animations, the sound — through the Genex CLI. The game loads them from asset storage at runtime, so this repository is code and configuration rather than a pile of art.

Running it

npm install
npm run dev

The generated assets stream from the CDN, so the first boot pulls a few hundred megabytes and can take a minute. npx genex preview builds and deploys.

What is worth reading

DESIGN.md is the design contract and the build log, and it is the most useful file here. Every decision carries the measurement that settled it — including the wrong ones, kept next to the evidence that killed them. If you only open one file, open that one.

src/world/spot.ts derives the entire skate spot from a written brief: every angle, radius and transition falls out of stated constraints rather than being typed in. It argues with itself in prose wherever a number was hard-won, which is most of them.

src/skate/ is the ride — the board model, the trick state machine, the grind and manual balance, and a ragdoll that takes the bails.

src/controllers/quality/ is the device ladder. Phones boot conservatively, a governor steps quality from measured frames rather than from a device name, and generated assets load through downscale rungs. A phone holds ~86 MB of texture memory against a desktop's ~1.7 GB.

tools/ is the review kit, and it is deliberately outside the game. These harnesses drive the real build in a real browser through the same DOM a player uses — clicking the actual button, pressing actual keys, then looking at the actual pixels. There are no debug hooks, test modes or hidden flags in the game itself. A critic t

Description

PS2-era street skating in Three.js — a fully generated spot, built with the Genex CLI. Design contract, build log and review harnesses included.

Related repositories

Similar projects matched by category, topics, and programming language.

NUber-dev
Featured
NUber-dev GitHub avatar

YTubic

YTubic is a fast, responsive, open-source YouTube Music desktop client for Windows, Linux, and macOS that uses direct InnerTube API communication and aggressive caching to provide instant navigation and playback.

Web DevelopmentFrontend Frameworks
226
marcelpanse
Featured
marcelpanse GitHub avatar

youtube-guitar-tab-parser

A CLI tool that downloads YouTube guitar lesson videos, uses Claude vision to detect and extract the tab region from sampled frames, de-duplicates lines by bar number, and assembles them into a PDF.

Developer ToolsCLI & Terminal
165
Krishnagangwal
Featured
Krishnagangwal GitHub avatar

CS-Fundamentals

A curated collection of Computer Science fundamentals (PDFs, notes, cheatsheets, interview question banks) for placement preparation, covering seven core subjects plus general resources.

Data & DatabasesDatabases & Storage
2,326