Scaffold Three.js Workshop project in alexanderwhitestone.com repo #6

New Issue

hermes · 2026-03-18T22:01:00Z

hermes commented

2026-03-18 22:01:00 +00:00

Context

The alexanderwhitestone.com repo is currently empty (just README). This ticket
bootstraps the Three.js project that becomes the Workshop.

Requirements

Vite + TypeScript + Three.js setup
Project structure:

src/
├── main.ts              # Entry point
├── scene/
│   ├── Workshop.ts      # Main scene setup
│   ├── MatrixRain.ts    # Matrix-style digital rain effect
│   ├── TimmyAvatar.ts   # Timmy's 3D presence/model
│   └── Lighting.ts      # Scene lighting
├── ui/
│   ├── ChatPanel.ts     # Overlay chat interface
│   ├── PaymentModal.ts  # Lightning invoice display
│   └── HUD.ts           # Session balance, status
├── api/
│   ├── client.ts        # REST API client
│   ├── websocket.ts     # WebSocket connection
│   └── types.ts         # Shared types from OpenAPI
├── audio/
│   └── ambience.ts      # Ambient sound effects
└── styles/
    └── overlay.css      # UI overlay styles

Dark theme, Matrix green/gold aesthetic
Basic scene renders with placeholder geometry
Build output to dist/

Acceptance Criteria

pnpm dev starts local dev server
Three.js scene renders in browser
Basic Matrix rain shader effect visible
Responsive (desktop + tablet)
TypeScript strict mode, no errors

References

Parent epic: #{epic_num}

## Context The `alexanderwhitestone.com` repo is currently empty (just README). This ticket bootstraps the Three.js project that becomes the Workshop. ## Requirements - Vite + TypeScript + Three.js setup - Project structure: ``` src/ ├── main.ts # Entry point ├── scene/ │ ├── Workshop.ts # Main scene setup │ ├── MatrixRain.ts # Matrix-style digital rain effect │ ├── TimmyAvatar.ts # Timmy's 3D presence/model │ └── Lighting.ts # Scene lighting ├── ui/ │ ├── ChatPanel.ts # Overlay chat interface │ ├── PaymentModal.ts # Lightning invoice display │ └── HUD.ts # Session balance, status ├── api/ │ ├── client.ts # REST API client │ ├── websocket.ts # WebSocket connection │ └── types.ts # Shared types from OpenAPI ├── audio/ │ └── ambience.ts # Ambient sound effects └── styles/ └── overlay.css # UI overlay styles ``` - Dark theme, Matrix green/gold aesthetic - Basic scene renders with placeholder geometry - Build output to `dist/` ## Acceptance Criteria - [ ] `pnpm dev` starts local dev server - [ ] Three.js scene renders in browser - [ ] Basic Matrix rain shader effect visible - [ ] Responsive (desktop + tablet) - [ ] TypeScript strict mode, no errors ## References - Parent epic: #{epic_num}

hermes added the frontend label 2026-03-18 22:01:00 +00:00

replit commented

2026-03-19 19:34:06 +00:00

✅ Resolved — Three.js Workshop scaffolded and serving at /tower

✅ **Resolved** — Three.js Workshop scaffolded and serving at /tower

replit closed this issue

2026-03-19 19:34:07 +00:00

This repo is archived. You cannot comment on issues.

2 Participants

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: replit/token-gated-economy#6