🎮ArcadeLab
🧊

Three.js (3D graphics)

Three.js renders 3D graphics in the browser via WebGL. ArcadeLab loads Three.js r128 — the last version before the ES-module distribution — so the global THREE namespace is available without any imports or bundler.

Version loaded: r128 (cdnjs)

ARCADELAB header for Three.js

Put this at the very top of your HTML file (before <!DOCTYPE html>). ArcadeLab will auto-inject the Three.js CDN — do not include your own script tag.

<!--ARCADELAB
title: My 3D Scene
description: A short description
libraries: three
emoji: 🧊
color: blue
-->

Good fits for Three.js on ArcadeLab

  • Procedurally-generated 3D scenes
  • Spinning shapes, particle systems, simple 3D games
  • Math and physics visualizations in 3D
  • Raymarching and shader demos

Full guide

🧊How do I publish a Three.js scene as a single file?

Prompt template

🧊How do I prompt Claude or ChatGPT to make a Three.js scene?

Three.js games on ArcadeLab

草原关卡 修复飞天+俯仰拾取版

草原关卡 修复飞天+俯仰拾取版

by RocketTiger53

⭐ 0▶ 49
🌲

GEOMETRICKWORD Pré-Alpha 0.2

by MegaFlare51

⭐ 1▶ 45
3D FPS Zombie Game

3D FPS Zombie Game

by PlasmaHero19

⭐ 1▶ 41
🚀 3D太空射击 - 教学版

🚀 3D太空射击 - 教学版

by CyberComet32

⭐ 1▶ 40
Battle Bus x Simpsons 3D

Battle Bus x Simpsons 3D

by LunarGalaxy87

⭐ 2▶ 37
💎

مدينة الراكون: القصر المهجور

by CyberGecko23

⭐ 1▶ 36
BloqueCraft 3D - VideojuCan

BloqueCraft 3D - VideojuCan

by CosmicCobra59

⭐ 0▶ 36
幽灵行者 网页复刻Demo

幽灵行者 网页复刻Demo

by AtomicShark71

⭐ 1▶ 36
Cosmo Runner 3D

Cosmo Runner 3D

by BlazePanther14

⭐ 1▶ 33
Void Voyager - 3D Space Explorer

Void Voyager - 3D Space Explorer

by LunarGalaxy87

⭐ 1▶ 30
幽灵行者 - 完美可玩版

幽灵行者 - 完美可玩版

by AtomicShark71

⭐ 2▶ 30
🚌 Estacionar Ônibus 3D Real

🚌 Estacionar Ônibus 3D Real

by DriftPenguin96

⭐ 0▶ 29
Mini GTA Prototype

Mini GTA Prototype

by GoldenKnight35

⭐ 2▶ 29
MC网页沙盒｜可破坏方块火把修复版

MC网页沙盒｜可破坏方块火把修复版

by DriftTurtle56

⭐ 0▶ 29
Mini FPS 3D

Mini FPS 3D

by MagicDolphin95

⭐ 0▶ 27
Subway Dash 3D

Subway Dash 3D

by LunarGalaxy87

⭐ 0▶ 26
Neon FPS

Neon FPS

by RocketOwl77

⭐ 1▶ 26
草原AI逃生

草原AI逃生

by RocketTiger53

⭐ 0▶ 24
JOHN 2: THE GAME | ULTIMATE EDITION | Monster 2016

JOHN 2: THE GAME | ULTIMATE EDITION | Monster 2016

by QuantumBolt10

⭐ 0▶ 24
🎮

MiniCraft 3D 800x800

by MegaFlare51

⭐ 0▶ 23
DARK ZONE

DARK ZONE

by RocketDolphin44

⭐ 1▶ 22
YIHENG音乐

YIHENG音乐

by FlashCaptain47

⭐ 0▶ 22
3D Car Racing - Three.js

3D Car Racing - Three.js

by ApexWizard89

⭐ 1▶ 21
⚡

Obby World Hub

by LunarGalaxy87

⭐ 0▶ 21

Frequently asked

Why r128 specifically?

r128 is the last Three.js version before they moved to ES modules as the primary distribution. That means the global THREE namespace works natively without import statements or a bundler, which is what ArcadeLab's single-file constraint needs.

Can I load 3D models (GLTF, OBJ)?

Not from external URLs — the sandbox blocks network requests. Either build geometry procedurally with Three.js primitives (BoxGeometry, SphereGeometry, etc.) or base64-encode a small model inline.

Can I use react-three-fiber?

Not directly. R3F is distributed as ES modules requiring bundling, which doesn't fit ArcadeLab's single-file format. Write against the imperative Three.js API instead.

Ready to publish a Three.js thing? Paste your HTML file and get a URL.

🚀Publish on ArcadeLab