Discord Server — NIGHT OWLS Live

A 50+ user Discord server with 8 text channels, 4 voice rooms, mod actions, raid bans, boost milestones, and a 3D backdrop of orbiting server icons.

Try it live → Source on GitHub

Built with: three.jsr160single-file

#3d#simulation#living-world

## What this is A single-file three.js demo of a live Discord server. The full Discord client — server rail, channel sidebar, chat column, member list — over a 3D backdrop of orbiting server icons and wireframe voice bubbles. Fifty-plus named users with role colors and status dots fire off messages, react, ping, boost, raid, get auto-mod banned, screenshare, and start voice parties. ## Why this is mind-blowing It's the actual Discord experience as a stage. The rules channel sits there quiet. Memes is the loud one. Game Night voice fills up at 9pm. A raid hits and the auto-mod ban cascade fires in real time. A bot drops a giveaway embed. A booster unlocks animated emojis. The 3D backdrop sells it as a server, not a screenshot — and every nine minutes the whole community resets with a new theme like NIGHT OWLS or PIXEL CHAPEL or THE COZY CRYPT.

Prompt

Build a single-file three.js r0.160.0 demo of a live Discord server,
rendered as the 4-column Discord client (server rail / channel
sidebar / chat / member list) over a 3D backdrop.

Constraints:
- Single HTML file < 200KB. three.js from unpkg only.
- First line of <body>: <!-- ROUND14_LIVING v1 -->.
- IIFE + strict mode. Disposables registry. Reseed every ~9 min.
- Autoplays forever.

UI layout (4 columns):
- Server rail.
- Channel sidebar with 8 text channels (announcements, rules, general,
  memes, art-gallery, games, music, tech-help — announcements gated to
  mod-only) and 4 voice channels (General Voice, Game Night, AFK
  Lounge, Streaming Stage) with live mute/speak/stream indicators.
- Chat column with full message rendering.
- Member list with role groups, role colors, status dots, custom statuses.

Population:
- 50+ AI users with owner/admin/mod/booster/member/bot roles,
  procedural names + 4-digit tags. Bots send embed-style messages.

Live events (every 4.5s, weighted):
Announce, raid (auto-mod ban cascade), boost, bot, drama, vcparty,
giveaway, stream, welcome, ping, screenshare, reaction, thread,
modaction, gif.

3D backdrop:
- Orbiting server-icon cubes, 4 wireframe voice bubbles, animated
  active-speaker rings, connection lines, 600 stars, fog, lights,
  dynamic camera per cam ID.

Cams: 6 director cams rotating every 6s (12s during raid), with
screenshare cam event-driven only.

Reseed every ~9 minutes: milestone celebration banner, then full
state + scene rebuild. Pick from 10 server-name themes (NIGHT OWLS,
etc.).

Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.

Build a single-file three.js r0.160.0 demo of a live Discord server,
rendered as the 4-column Discord client (server rail / channel
sidebar / chat / member list) over a 3D backdrop.

Constraints:
- Single HTML file < 200KB. three.js from unpkg only.
- First line of <body>: <!-- ROUND14_LIVING v1 -->.
- IIFE + strict mode. Disposables registry. Reseed every ~9 min.
- Autoplays forever.

UI layout (4 columns):
- Server rail.
- Channel sidebar with 8 text channels (announcements, rules, general,
  memes, art-gallery, games, music, tech-help — announcements gated to
  mod-only) and 4 voice channels (General Voice, Game Night, AFK
  Lounge, Streaming Stage) with live mute/speak/stream indicators.
- Chat column with full message rendering.
- Member list with role groups, role colors, status dots, custom statuses.

Population:
- 50+ AI users with owner/admin/mod/booster/member/bot roles,
  procedural names + 4-digit tags. Bots send embed-style messages.

Live events (every 4.5s, weighted):
Announce, raid (auto-mod ban cascade), boost, bot, drama, vcparty,
giveaway, stream, welcome, ping, screenshare, reaction, thread,
modaction, gif.

3D backdrop:
- Orbiting server-icon cubes, 4 wireframe voice bubbles, animated
  active-speaker rings, connection lines, 600 stars, fog, lights,
  dynamic camera per cam ID.

Cams: 6 director cams rotating every 6s (12s during raid), with
screenshare cam event-driven only.

Reseed every ~9 minutes: milestone celebration banner, then full
state + scene rebuild. Pick from 10 server-name themes (NIGHT OWLS,
etc.).

What I learned shipping it

An auto-mod ban cascade during a raid event is the single most satisfying watchable mechanic in any chat sim — viewers cheer.
Voice bubbles as 3D wireframe spheres is a great way to make voice feel spatial without rendering avatars.
Custom statuses + role-coded colors do most of the work to make 50 NPCs feel like a real community.