Stephen
a404e42ca8
完成项目基础搭建：配置 Vite 开发构建环境，集成 Phaser 3 与虚拟摇杆插件，实现地图漫游、景点触发、拍立得弹窗、进度存档等核心功能，添加占位资源与批量生成脚本，配置项目元数据与忽略规则。
30 lines
887 B
HTML
30 lines
887 B
HTML
<!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>
|