
Tengwang Pavilion lights up under a mid-autumn full moon
384 views · 1 likes · 0 saves · 0 reposts · Posted Sep 25, 2026 · 0:30 · Stories
OUR NOTEA 30-second shader-rendered short seen from a boat: a pink dusk over the river gives way to Tengwang Pavilion lighting up, a full moon rising and river lanterns drifting, with vertical Chinese calligraphy captions, all pixels and audio generated in code.
opus5.5有点强,我让它自由选题做交互页面和视频,
提示词:用你最强的思维和能力,根据对我的了解,自行寻找我可能喜欢的主题,制作一个30s的视频还有互动html,尽可能的展示你的前端能力!
它的选题思路:滕王阁·中秋夜。 今天(2026-09-25)正好是丙午年八月十五。所以我选了《滕王阁序》里最有画面感的那句:"落霞与孤鹜齐飞,秋水共长天一色"。短片是船上视角:落日时一只孤鹜飞过太阳,天上是鱼鳞云,然后江天一色,楼阁由下往上亮起灯,满月从东边升起,江面上漂着河灯,诗句以竖排书法字幕配印章出现。
前端做的更牛,但是这里没法放!
画面:整幅画面由一个 WebGL2 着色器逐像素算出来,没有用任何图片。包括天空的暮色层次、按南昌纬度推算的日月轨迹、程序生成的鱼鳞云、9 组波浪叠加的江面倒影,以及用 Canvas 2D 画出来的滕王阁立面。
声音:全部用 WebAudio 实时合成,没有一段录音。古筝用 Karplus-Strong 弦振动模型,带按滑和揉弦;另有箫、江水声、虫鸣和混响。
自由观赏模式:可以拖动环视和缩放,拖时间轴改变时辰;点江面放河灯,会弹出一句诗、响一声古筝;点月亮进入月面特写;还能切换查看渲染图层,或者在网页里直接录制视频。THE PROMPT
Free-choice 30s video briefPartial prompt — the creator shared only part of it.
opus5.5有点强,我让它自由选题做交互页面和视频,
提示词:用你最强的思维和能力,根据对我的了解,自行寻找我可能喜欢的主题,制作一个30s的视频还有互动html,尽可能的展示你的前端能力!
它的选题思路:滕王阁·中秋夜。 今天(2026-09-25)正好是丙午年八月十五。所以我选了《滕王阁序》里最有画面感的那句:"落霞与孤鹜齐飞,秋水共长天一色"。短片是船上视角:落日时一只孤鹜飞过太阳,天上是鱼鳞云,然后江天一色,楼阁由下往上亮起灯,满月从东边升起,江面上漂着河灯,诗句以竖排书法字幕配印章出现。
前端做的更牛,但是这里没法放!
画面:整幅画面由一个 WebGL2 着色器逐像素算出来,没有用任何图片。包括天空的暮色层次、按南昌纬度推算的日月轨迹、程序生成的鱼鳞云、9 组波浪叠加的江面倒影,以及用 Canvas 2D 画出来的滕王阁立面。
声音:全部用 WebAudio 实时合成,没有一段录音。古筝用 Karplus-Strong 弦振动模型,带按滑和揉弦;另有箫、江水声、虫鸣和混响。
自由观赏模式:可以拖动环视和缩放,拖时间轴改变时辰;点江面放河灯,会弹出一句诗、响一声古筝;点月亮进入月面特写;还能切换查看渲染图层,或者在网页里直接录制视频。MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Sep 30, 2026, 2:01 PM · Views as of indexing. Video and post © their creator.