《Serenissima》
一支船桨的速度,看完威尼斯的一天。
晨雾、黄金时刻、蓝调与夜色、雷雨,一程贡多拉穿过一座虚构的威尼斯运河街区,全部在浏览器里实时渲染。
这是我用 Claude Opus 5.5 做的作品 🧵
Venice, at the speed of an oar.
这是什么?
它不是关卡,也不是旅游广告,更像一部欧洲电影里的长镜头。
船从小码头出发,穿过晾着衣服的窄运河、两座小石桥,绕过广场,驶上大运河,到达有穹顶教堂、钟楼和哥特式宫殿的河口,再从另一条运河绕回。一圈约 1 公里,近 5 分钟。
1.城市
整座城由代码生成:立面用模块化构件拼装,按种子随机变化,相邻两栋楼不会重样。
水会映出楼影,船头推开尾波,桨划出涟漪,波纹碰到墙再弹回来。墙脚有潮痕和青苔,桥洞下晃着水面反上来的光。
街上有行人走动,入夜后窗户亮起暖光。
2.光、天气与声音
四种氛围:黄金时刻、蓝调时刻、夜晚、晨雾,也可以把时间拖到一天中的任意时刻。天气有晴、雾、雨,雨夜会来雷暴,闪电照亮钟楼。
声音同样由代码合成,桨声、船身拍水都和画面同步,再混入实地录音的水声、钟声、雨声和海鸥,按空间位置摆放。
3.怎么做的
技术栈:Three.js + WebGL 2,纯 HTML/JS,没有构建步骤。
我用 Claude Opus 5.5 一个阶段一个阶段地推进:城市生成、水体与光照、Blender 建模脚本、人物动作重定向、声音引擎,前后共 14 个阶段。
署名 Credits
游戏音效含 Freesound 上 CC BY 3.0 / 4.0 的录音,感谢:
-CASK-, artifact, digifishmusic, dobroide, flood-mix, Glaneur de sons, JakobGille, jakobthiesen, juskiddink, klankbeeld, LukeIRL, sandyrb, sergeeo, thanvannispen, vflefevre
其余录音为 CC0。完整清单见下条 👇
Sound credits (Freesound, CC BY). Each recording was cut, filtered and levelled for the game.
"Huge Thunder Crack [XY + MS]" by -CASK- – http://freesound.org/s/732992 – CC BY 4.0
"lightning_strike.wav" by artifact – http://freesound.org/s/29675 – CC BY 3.0
"Downpipe2" by digifishmusic – http://freesound.org/s/71594 – CC BY 4.0
"Foghorn_distant" by digifishmusic – http://freesound.org/s/276570 – CC BY 4.0
"cooing" by dobroide – http://freesound.org/s/36048 – CC BY 4.0
"walking (heels, reverberant street)" by dobroide – http://freesound.org/s/41363 – CC BY 4.0
"20160820_saluzzo.arcade.04.wav" by dobroide – http://freesound.org/s/352819 – CC BY 4.0
"passing swifts" by dobroide – http://freesound.org/s/512467 – CC BY 4.0
"Piazza in Genoa, daytime with locals and tourists" by flood-mix – http://freesound.org/s/413327 – CC BY 3.0
"Pigeons taking off" by Glaneur de sons – http://freesound.org/s/104954 – CC BY 4.0
"AMBUrbn_Church Bells-Close To Water 01_GILLE_VENICE_ZoomH3VR_Binaural" by JakobGille – http://freesound.org/s/719594 – CC BY 4.0
"Heavy Rain.WAV" by jakobthiesen – http://freesound.org/s/101683 – CC BY 3.0
"Seagulls close-up.wav" by juskiddink – http://freesound.org/s/100724 – CC BY 4.0
"Rowing2" by juskiddink – http://freesound.org/s/101921 – CC BY 4.0
"Dry thunder1.wav" by juskiddink – http://freesound.org/s/101933 – CC BY 4.0
"two dripping downspouts" by klankbeeld – http://freesound.org/s/167569 – CC BY 4.0
"windy calm town dec 121230_02.flac" by klankbeeld – http://freesound.org/s/173158 – CC BY 4.0
"foghorn far 012" by klankbeeld – http://freesound.org/s/623877 – CC BY 4.0
"venice_boatcreaks2" by LukeIRL – http://freesound.org/s/75101 – CC BY 4.0
"EAVESTROUGH DRIP" by sandyrb – http://freesound.org/s/106289 – CC BY 4.0
"Ronda - Steps in the stone" by sergeeo – http://freesound.org/s/178333 – CC BY 3.0
"20080303_Venice_churchbells.aif" by thanvannispen – http://freesound.org/s/49268 – CC BY 4.0
"Rain Gutter-SPB-041" by vflefevre – http://freesound.org/s/165998 – CC BY 4.0
Licences: http://creativecommons.org/licenses/by/4.0 · http://creativecommons.org/licenses/by/3.0
Other recordings CC0. Textures CC0. Built with Three.js (MIT). People: Human Generator 3D; motion: Mixamo.
来源:andy atat · x.com