Claude Fable 5.2
青云宗 · 御剑采灵
Third-person sword flight over a sea of clouds: gather 20 motes of qi, light the sect gate and fly through.
- 2.2 MB
- 72 plays
- Apache-2.0
- Source
- Exploration
- Three.js
- WebGL
- Xianxia
- Flight
About 青云宗 · 御剑采灵
A xianxia flying game. Ride your sword between floating rocks, the cloud sea and a mirror-still lake, collecting 20 motes of spiritual energy to light the plaque over the sect's mountain gate, then fly through it.
How it works
- Sea of clouds: a ray-marched volume in a full-screen pass that reads the depth buffer. The cloud tops are noisy, eroded with 3D fbm, advected by wind and lit toward the sun. Around the plateau the cloud top is pulled down, so the lake sits in clear air like an island.
- Peaks: about 96 rock spires built as parametric surfaces with noise, ledges and finite-difference normals.
- Lake: true planar reflection, rendering the world a second time mirrored about the water. Flying low drops wake sources into a ring buffer that the shader turns into expanding ripples.
- Particles: 900 gold and jade point sprites rise and twinkle in a box that wraps around you, so the field never ends.
- Models: 14 rebuilt with Blender scripts: the sword rider, pines, peach trees, cranes, incense burners, lotus and a dragon that coils over the lake.
- Stack: Three.js r170 with hand-written GLSL for every surface and pass, bundled into one HTML file by esbuild, with all sound from the Web Audio API and no downloaded images, textures, models or audio.
Controls & tips
- WASD / arrow keys steer (W/S speed up and brake, A/D turn), Space rise, Shift dive, mouse look
- Q toggles quality, M mutes, F shows FPS, Enter starts
- On touch screens: left stick steers, drag to look, 升 / 降 buttons rise and dive
- Skim low over the lake to see the ripple trail; climb above the clouds to spot remaining motes
The prompt
Made from the second sentence: "When that's done, polish the xianxia game in the original folder the same way." The author also built an autopilot that completes the level and records a replay, so the result is reproducible.
Credits
By hahaliu1029, released under the Apache License 2.0.
How to play 青云宗 · 御剑采灵 online
青云宗 · 御剑采灵 is a single self-contained HTML file (2.2 MB) hosted on fable52.games. Press Play Game and it runs in an isolated sandbox. You can also download the .html file and open it offline in any modern browser, or read every line in the Inspect Source tab.
Under the hood it uses Three.js, WebGL.
Controls
- WASD / Arrows to Steer
- Space Rise
- Shift Dive
- Mouse Look
- Touch Supported
Tip: click inside the game once to capture the mouse, and press ESC to release it. Fullscreen gives the best frame rate on large monitors.
The prompt behind 青云宗 · 御剑采灵
The exact instruction hahaliu1029 gave Claude Fable 5.2. Copy it from the View Prompt tab above.
「完成之后,用同样的方法,把原来文件夹里的仙侠游戏也打磨一遍。」 (When that's done, polish the xianxia game in the original folder the same way.)
More Fable 5.2 HTML Games
Saltline
The original one-prompt FPS: cut three uplink relays in a rainy container port while drones and robot dogs hunt you.
- 1.4 MB
- 8h
- 1.3k
- 3D FPS
- Three.js
- WebGL
- Web Audio API
- Procedural
Tidebell 潮钟
Pilot a tiny submersible from sunlit reefs to the abyss and wake seven sleeping tide bells.
- 3.0 MB
- —
- 89
- Exploration
- Three.js
- WebGL
- Underwater
- Procedural
What the Water Keeps
A slow boat ride by lantern light through a chain of very different realms, or let the current carry you.
- —
- —
- 82
- Exploration
- Three.js
- WebGL
- Web Audio API
- Relaxing
MISREMEMBER
Something rebuilt your childhood home from your memory of it, and nothing changes while you're looking.
- 10.8 MB
- —
- 25
- Horror
- Exploration
- Three.js
- WebGL
Bayhaven
An original open-world crime game written live by Fable 5.2, one autonomous session at a time.
- —
- —
- 107
- Open World
- Driving
- Three.js
- WebGL
MOTHLIGHT // Vesper-9
Street racing through a rain-slick cyberpunk city: thread 12 light gates across five districts.
- 1.1 MB
- —
- 100
- Racing
- Three.js
- WebGL
- Cyberpunk