aaihubhub
IMMERSIVE CULTURAL GUIDE · 2D / 3D / STORY

把时间,变成一张可以走进去的图。

Flipbook 把故宫与陕西历史博物馆做成一条可探索的视觉长卷:从城市入口下钻到建筑、展厅和文物,再用分支故事把一个细节讲完整。

FLIPBOOK / TWO MUSEUMSHASH ROUTES · LOCAL FIRST
手绘风格的故宫中轴线地图与热点
BEIJING / PALACE MUSEUM点击一处建筑,沿中轴线继续下钻。
陕西历史博物馆导览地图
XI’AN / SHAANXI MUSEUM从展厅走到一件文物。
太和殿宝座历史演绎画面
IMAGE STORY / TAIHE HALL选择观察路径,再回到原对象。
WHY IT FEELS DIFFERENT

不是把资料堆在一起,而是让你先看见。

每次点击都保留原来的空间和视觉连续性:地图负责方向,画面负责氛围,说明与来源负责把感觉变成知识。

MAP → DETAIL

从整体到局部

城市、馆区、建筑和展柜在同一棵探索树上,用户知道自己在哪里,也知道下一步会看到什么。

CANVAS + THREE

平面与立体互补

2D 画面保持手绘长卷的节奏,3D 模型只在能解释轴线与建筑关系的地方出现。

IMAGE → QUESTION

故事回到观察

三条历史故事各有两条观察分支,结尾回到宝座、鼎或骆驼俑,提醒你说出看懂了什么。

ONE CONTINUOUS FLOW

选择、下钻、观察、回看。

它是一个静态发布的文化导览,不要求账号,也不把你的阅读轨迹上传到后台。

01

选一座馆

首页地图用两个城市入口把路线压缩成清晰的第一步。

02

点一个热点

进入建筑、展厅或文物详情,保留返回、索引和来源。

03

播放一段演绎

自动播放或手动逐幕阅读,分支选择会留在 hash 地址里。

04

分享或收藏

保存本地收藏、继续上次阅读,也可以复制当前稳定链接。

BUILT TO STAY LIGHT

原生 JavaScript,Vite,GSAP 和 Three.js。

内容与素材随构建发布,hash 路由适配静态托管;Canvas/DOM 负责交互和排版,Three.js 只在 3D 入口按需加载。

#/scene/forbidden#/scene/forbidden/detail/taiheThrone#/scene/forbidden/mode/3d#/scene/shmThird/story/frame/instruments
OPEN THE GUIDE

先走一遍,再决定下一处想看什么。

项目保留原创手绘地图、立体故宫和图片故事演绎,适合课堂预习、展前导览与远程探索。

进入 Flipbook ↗