VOYAGE · 可游之境
枫桥夜泊 Fengqiao Night Mooring
一段运河,从黄昏划到夜半钟声
「枫桥夜泊」以张继的诗为剧本:你坐在一条竹篷客船里,船夫在船尾摇橹,从姑苏城外的古运河出发,经过两岸垂柳与人家、江村桥与枫桥、铁铃关,到寒山寺时正好子夜。可以转头看两岸,让船摇快摇慢、往左右岸靠,但下不了船。
交互体验
交互体验需要:电脑 Chrome / Edge建议用电脑版 Chrome 或 Edge;首次进入约加载 10 MB,一笔墨线显示进度,场景在浏览器里当场生成。点「登船」开启声音;拖动环顾,W / S 调船速,A / D 往左右岸靠,按住 T 快进。
诗里的每一句都是场景的一部分:月落、乌啼、霜满天,江枫、渔火,姑苏城外的寒山寺,夜半钟声到客船。时辰跟着船走,出发不久日落,过枫桥时入夜,到钟楼正好子夜;诗句在对应的地方用行书浮现。
两岸取明代嘉靖、万历年间,吴门画派时代的苏州:白墙黛瓦、马头墙、河埠头、石拱桥与关楼。船夫和岸上的人按真人比例做成明代衣着,河埠头有人捣衣,钟楼上有撞钟的僧人;岸边的垂柳与江枫有真实的分枝,随风摆动。路线是艺术上的重新编排,不是测绘复原。
画面底层按真实材质渲染,上面罩一层水墨:远处化进纸色,轮廓出墨线,颜色压成淡彩。有两种看法:「航」是默认,画风和诗句跟着航程走,黄昏是淡墨,入夜几乎是写实,钟声响起时整幅化成水墨;「闲」由你自己拖左下角的滑杆,不出诗句。
点「登船」开启声音:水声、每一橹的吱呀、微风、两岸秋虫、远处狗叫、乌鸦;子时寒山寺敲钟,钟声按距离晚一点传到船上。除乌鸦是录音外,其余声音都在浏览器里合成。
整个场景在你的浏览器里实时渲染(WebGL),服务器只提供文件:河道、房屋、桥与船由代码当场生成;人物和树木在制作时用 Blender 造好(人物来自 MakeHuman 的 CC0 数据)。贴图来自 Poly Haven,枫叶照片来自 ambientCG,乌鸦录音来自 Freesound,均为 CC0;诗句字体为志莽行书(SIL Open Font License)。
规格
SPECIFICATIONS形态网页在线体验
航程约 740 米,默认船速约 6 分钟
操作拖动环顾 · W / S 调船速 · A / D 左右靠岸 · 按住 T 快进 · M 静音 · H 隐藏界面
两种看法航:画风与诗句随航程变化 · 闲:自己拖滑杆,不出诗句
画质原画 / 高清 / 流畅三档,默认原画;卡顿时自动降低分辨率
运行位置你的浏览器(WebGL)
推荐环境电脑 + Chrome 或 Edge 浏览器;Intel、AMD 集成显卡的电脑进不去,页面会提示
手机体验暂不支持,打开会提示用电脑观看