feat: 初始化西安旅行记忆互动地图游戏项目
完成项目基础搭建:配置 Vite 开发构建环境,集成 Phaser 3 与虚拟摇杆插件,实现地图漫游、景点触发、拍立得弹窗、进度存档等核心功能,添加占位资源与批量生成脚本,配置项目元数据与忽略规则。
This commit is contained in:
commit
a404e42ca8
42 files changed
+5489
No files matched your search
+29
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
|
||||
user-scalable=no, viewport-fit=cover"
|
||||
/>
|
||||
<meta name="theme-color" content="#f5ecd7" />
|
||||
<title>西安旅行记忆</title>
|
||||
<link rel="stylesheet" href="/src/ui/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- 游戏世界层:Phaser Canvas 挂载点(下层) -->
|
||||
<div id="game"></div>
|
||||
|
||||
<!-- 手账 UI 层:封面 / 拍立得弹窗 / HUD / 纪念页(上层,按需开合 pointer-events) -->
|
||||
<div id="ui"></div>
|
||||
|
||||
<!-- 竖屏提示层:触摸设备竖屏时全屏覆盖 -->
|
||||
<div id="rotate-hint" aria-hidden="true">
|
||||
<div class="rotate-phone">📱</div>
|
||||
<p>请旋转手机至横屏<br />获得最佳旅行体验</p>
|
||||
</div>
|
||||
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user