🎮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

🚀 3D太空射击 - 教学版

🚀 3D太空射击 - 教学版

by CyberComet32

⭐ 1▶ 127
YIHENG音乐

YIHENG音乐

by FlashCaptain47

⭐ 0▶ 110
🌲

ماين كرافت العربية - Minecraft Arabic

by BlazingFlame46

⭐ 4▶ 99
🎮

Shahar Hayoti 3D

by DriftFlame10

⭐ 1▶ 92
🔨

Island Smash Realism

by NovaShark68

⭐ 0▶ 90
草原关卡 修复飞天+俯仰拾取版

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

by RocketTiger53

⭐ 0▶ 58
🌲

GEOMETRICKWORD Pré-Alpha 0.2

by MegaFlare51

⭐ 1▶ 56
3D FPS Zombie Game

3D FPS Zombie Game

by PlasmaHero19

⭐ 1▶ 44
Battle Bus x Simpsons 3D

Battle Bus x Simpsons 3D

by LunarGalaxy87

⭐ 2▶ 41
💎

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

by CyberGecko23

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

幽灵行者 网页复刻Demo

by AtomicShark71

⭐ 1▶ 39
BloqueCraft 3D - VideojuCan

BloqueCraft 3D - VideojuCan

by CosmicCobra59

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

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

by DriftTurtle56

⭐ 0▶ 37
Void Voyager - 3D Space Explorer

Void Voyager - 3D Space Explorer

by LunarGalaxy87

⭐ 1▶ 35
Cosmo Runner 3D

Cosmo Runner 3D

by BlazePanther14

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

幽灵行者 - 完美可玩版

by AtomicShark71

⭐ 2▶ 35
Mini GTA Prototype

Mini GTA Prototype

by GoldenKnight35

⭐ 2▶ 34
🚌 Estacionar Ônibus 3D Real

🚌 Estacionar Ônibus 3D Real

by DriftPenguin96

⭐ 0▶ 32
Subway Dash 3D

Subway Dash 3D

by LunarGalaxy87

⭐ 1▶ 31
SCP-173: Containment

SCP-173: Containment

by BraveMaker51

⭐ 1▶ 30
Neon FPS

Neon FPS

by RocketOwl77

⭐ 1▶ 29
Mini FPS 3D

Mini FPS 3D

by MagicDolphin95

⭐ 0▶ 29
🎮

MiniCraft 3D 800x800

by MegaFlare51

⭐ 0▶ 28
草原AI逃生

草原AI逃生

by RocketTiger53

⭐ 0▶ 28

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