🎮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 NeonOwl36

⭐ 0▶ 39
🚀 3D太空射击 - 教学版

🚀 3D太空射击 - 教学版

by CyberComet32

⭐ 1▶ 21
JOHN 2: THE GAME | ULTIMATE EDITION | Monster 2016

JOHN 2: THE GAME | ULTIMATE EDITION | Monster 2016

by QuantumBolt10

⭐ 0▶ 18
幽灵行者 - 完美可玩版

幽灵行者 - 完美可玩版

by AtomicShark71

⭐ 2▶ 17
Void Voyager - 3D Space Explorer

Void Voyager - 3D Space Explorer

by LunarGalaxy87

⭐ 1▶ 17
幽灵行者 网页复刻Demo

幽灵行者 网页复刻Demo

by BoldStar37

⭐ 1▶ 14
电机工坊模拟器

电机工坊模拟器

by FrozenFalcon84

⭐ 1▶ 14
BloqueCraft 3D - VideojuCan

BloqueCraft 3D - VideojuCan

by CosmicCobra59

⭐ 0▶ 14
Battle Bus x Simpsons 3D

Battle Bus x Simpsons 3D

by LunarGalaxy87

⭐ 1▶ 14
Mini FPS 3D

Mini FPS 3D

by MagicDolphin95

⭐ 0▶ 12
方块世界 · VoxelCraft

方块世界 · VoxelCraft

by RocketDolphin44

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

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

by DriftTurtle56

⭐ 0▶ 12
Subway Dash 3D

Subway Dash 3D

by LunarGalaxy87

⭐ 0▶ 12
Mini GTA Prototype

Mini GTA Prototype

by GoldenKnight35

⭐ 2▶ 12
DARK ZONE

DARK ZONE

by RocketDolphin44

⭐ 1▶ 12
3D FPS Zombie Game

3D FPS Zombie Game

by PlasmaHero19

⭐ 0▶ 10
🚌 Estacionar Ônibus 3D Real

🚌 Estacionar Ônibus 3D Real

by DriftPenguin96

⭐ 0▶ 10
草原AI逃生

草原AI逃生

by RocketTiger53

⭐ 0▶ 10
Mini Block Game

Mini Block Game

by SonicBear35

⭐ 0▶ 9
草原AI逃生

草原AI逃生

by RocketTiger53

⭐ 0▶ 9
手机3D自由跑酷

手机3D自由跑酷

by PixelHawk74

⭐ 0▶ 9
SCP-173: Containment

SCP-173: Containment

by BraveMaker51

⭐ 1▶ 8
Kota Merdeka - Mirip GTA SA

Kota Merdeka - Mirip GTA SA

by CrystalLegend30

⭐ 1▶ 8
Velocity District 3D

Velocity District 3D

by CyberFalcon70

⭐ 1▶ 8

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