Cities then and now

When is World Cities’ Day?

Cities then and now A photo exhibition

移动鼠标 · 左右环视 · 点击展墙按钮 / 02 号墙左侧课件按钮 E 穿门换厅 · Ctrl 释放鼠标 · S 卷轴 · B 对比 · C 旋转

拖动画面环视 · 点门可以走到另一个展厅

鼠标已释放 · 点击画面播放 / 暂停按 Ctrl 恢复环视

建议横屏浏览 · 展墙内容更完整

VISITOR GUIDE

参观与素材说明

如何参观

环视移动鼠标（或拖动画面），视角仅左右转动。
释放按 Ctrl 释放鼠标，出现光标。
按钮展墙上的小按钮直接点击即可，触屏同样有效。
小图标点 01 号画框右侧的小图标，看 memory /ˈmeməri/ n. 记忆的解释。
02 号墙点击画面任意位置，Past / Present 下的四张照片会换成带文字版。
03 号墙点左侧的 time expression，打开第 5 页「Circle the time expressions」，动画保留。
04 号墙先读预测题，点画面播放纪录片；放完再点一次，显示答案。
换厅01 号墙左侧有一扇门，点它或按 E 走过去；门把两间展厅连成一条动线。
捷径R 复位 · F 全屏 · I 本页 · M 静音 · G 伴游 · S 卷轴 · B 对比 · C 旋转。

两间展厅，一扇门

Ⅰ 重庆厅：01 城市记忆拼贴、02 Past / Present 图组、03 City Facts 阅读墙、04 纪录影像。 Ⅱ Shanghai Exhibition：05 上海今昔影像、06 Shanghai Facts 阅读墙、07 展览封面、08 生活今昔互动墙。

两厅共用一面墙，墙上开了一扇门。站在 01 号墙前点门（或按 E），镜头会推门走到对面的展厅；回来时走同一扇门。底部章节栏按厅分组，点另一厅的章节也会先穿门再转过去。

课堂使用

重庆厅对应课件的「看见变化 / 读懂变化」，Shanghai Exhibition对应最后的迁移与讲述。上到输出环节时，从 01 号墙穿门进Shanghai Exhibition，动线本身就是重庆 → 上海的那一步。

02 号墙 · Past / Present 与课件

这面墙以中线一分为二：左上 Past，右上 Present。初始四张照片是乱序的（Past 下 a / d，Present 下 c / b），点击画面任意位置后原位换成带文字版： Past 换成 a / c，Present 换成 b / d——字条上露出年份后，1995 / 1998 归到过去， 2023 / 2020 归到现在。

墙最左侧有两颗墨绿按钮：look and say 打开 11.7-11.8 第 4 页， look and feel 打开第 6 页。第 4 页不再摆右侧生词框：porter 的黄色荧光和小字典在 a 图， tunnel 在 b 图，wide 的字典放在 c 图；点小字典才出现 32px 粗体释义卡，红色音标保持原色。第 6 页的两段视频点击播放。课件顶部不再加进度条。

03 号墙 · time expression

左侧墙边有一颗 time expression 按钮，点开 11.7-11.8 第 5 页「Circle the time expressions」。这一页保留 PPT 的三步动画，红框和黄条都不挡文字；顶部同样没有进度条。

04 号墙 · 纪录片预测题

墙面上先显示三行：Predict: What is the documentary mainly about?、 Chongqing: _____ & ______、worksheet task 1。点画面播放纪录片；视频结束后再点画面任意位置，显示答案 Chongqing then and now.。

看到不对的地方？

Shanghai Exhibition 08 号墙有一面互动墙：主图 a 上点「今昔对比」，一道光从左到右把画面换成 b；点「旋转」看背面的 c；「卷轴」会展开一张纸。

看展伙伴

「小渝」和奶奶现在都是真正的 3D 模型，不是平面贴图，侧面也有完整体积。小渝保留了紫色猫咪 T 恤、深紫插肩袖、灰裤、白底球鞋和棕色头发；奶奶有银灰发髻、圆眼镜、陶土色开衫、米白衬衫、芥黄围巾、墨绿长裙和手提包。

两人站在 01 号墙右侧的小地毯上，面对面交谈，头顶的双语对话会循环切换。默认停在交谈区，不挡展墙；按 G 可切换成伴游模式，让他们跟着你走，再按一次 G 回到交谈区。

替换照片 / 视频

打开 src/content.js，修改每面墙的 image 与 video 路径即可。图片建议 1400×1400、WebP / JPG；视频建议 H.264 MP4、720p。

照片目录public/media/ 视频目录public/media/videos/

video 默认为 null，只展示照片；填入路径后，墙上会出现「播放影像」按钮，视频默认暂停。

关于光与材质

四组线性洗墙灯、每面墙一盏画框射灯、顶部圆形大灯与八个嵌入式筒灯，配合程序化石材 / 灰泥 / 不锈钢与 PMREM 环境反射共同构成展厅光照；无后期泛光，以保证大多数电脑稳定 60fps。

图片与影像来源

01–04 号墙的图片与纪录片来自课程素材（素材源/res/），仅用于课堂展示；旧的示例照片来自 Pexels，遵循 Pexels License。请勿将本页素材单独转售。

Cities then and now

无法启动 3D 展厅