How-toMulti-source

用 Claude Opus 5.5 和 Three.js 纯代码实现清流水面效果

https://t.co/8wFUiDx8K2

Why we picked it

有人拿 Claude Opus 5.5 写 Three.js,把透明溪水、河底光斑、苔藓石头全用代码做出来了,效果直接看视频。

开发者 @hayashimon1 使用 Claude Opus 5.5 生成 Three.

Body

js 代码,还原了一条溪流的视觉场景。画面中的透明水体、河底透光、岩石上的苔藓全部由代码实现,没有使用贴图素材。

这类复杂水面渲染此前常被视为 Three.js 中的高门槛题材。

原推文附带了演示视频,获得了 452 个点赞。

Original · Claude

https://t.co/8wFUiDx8K2

x.com/hayashimon1/st… ハヤシモン|AI × 個人開発 @hayashimon1 Opus5.5とThree.js 清流の表現がすごい。 透明な水、川底の光、苔むした岩まで全部コード。 難しすぎて避けてた表現が今なら全部いける気がしてる。

Industry Coordinates & Source Verification

This report is categorized under AITOP's "How-to" desk, focusing on US frontier AI labs and Silicon Valley technology leaders. Within our cross-regional analytical framework, it directly maps to AI developer toolchains, coding agents, and engineering workflows. Key entities and technical topics under continuous tracking include Claude Opus 5.5, Three.js, 提示词工程, 编程助手.

Source attribution: curated from Claude (@claudeai). Cross-source corroboration: 5 independent sources have covered this development (including AI Will, 宝玉, @atomic_chat_hq), confirming industry-wide signal strength.