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
Download .htmlCreated by hahaliu1029

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

Browse Fable 5.2 game collections