Back to Projects 杨昀桦 / YyUHua
Interactive Worldbuilding · 2026

天堂城邦

一个把世界观、角色交互、地图入口与流式对话放进同一空间体验里的小型叙事项目。重点不是单张概念图,而是场景、人物与对话在页面里一起成立的感觉。

前端:HTML / CSS / JavaScript / Three.js / Canvas

后端:FastAPI + SSE 流式输出

结构:场景漫游 / 地图入口 / NPC 对话 / 世界观氛围

这页只放真实项目截图,主要看三个层面:场景气氛、人物交互、对话界面。

天堂城邦首页场景截图
Project View
首页进入时的整体氛围与场景入口
Real In-Project Screenshot
Scene Feeling

先把视觉气氛建立起来,再让地图、人物和对话逐层展开,这个项目的重点是“进入世界”而不是单纯展示功能。

Interaction Logic

用户不是只看图,而是在场景里移动、切换视角、接近角色,并进入流式对话。

UI Tone

界面尽量压低存在感,让文字、空间纵深和人物成为主角,所以这里也用了更克制的作品页排版。

天堂城邦场景漫游截图
Spatial Narrative 场景漫游与空间纵深 从场景前景、中景到人物所在位置,画面不是静态海报,而是一个可以继续向里走的叙事空间。
天堂城邦对话界面截图
AI Dialogue 流式对话界面 把角色设定、语气和交互感落实到可用对话界面里,而不是只停留在概念设定层。
天堂城邦地图入口截图
World Entry 地图 / 世界入口 世界观不是一段说明文字,而是一个真正可进入、可切换地点的入口层。
天堂城邦首页界面细节截图
Atmosphere & Interface 场景、UI 与文本同时工作 项目想做的不是“把 AI 放进网页”,而是让空间气氛、界面层级和文本体验一起形成完整的进入感。