半日咖啡：3D 学习与三版 H5 交付包
================================

文件清单
--------
01-纯色几何版.html
  初版手写 WebGL。纯色几何体、简单光照，轮廓和对比度较硬。
  手机渲染像素比上限 2，垂直 FOV 约 56°。

02-Blender写实版-清晰化前.html
  Blender 精细模型、PBR 材质、Cycles 光照与 AO 烘焙。
  保留清晰化前参数：手机渲染像素比上限 1.5、桌面上限 1.8，FOV 66°，纹理过滤 4×。
  用于与清晰版进行同机位对比。

03-Blender清晰版.html
  与第二版使用相同模型、材质和烘焙资产。
  渲染像素比上限统一为 2，FOV 60°，全部材质贴图与烘焙图采用最高 8× 各向异性过滤。

从几何体到真实光影-教程.html
  12 章完整学习文章，含 10 张项目实拍图。
  包括模型基础、WebGL、PBR、烘焙、ABCD 路线、资源加载、手机加载优化和清晰度实战。

使用方式
--------
全部 HTML 都是独立单文件，图片、模型和所需脚本已内嵌。
无需安装依赖，无需启动服务器，也无需联网加载运行时资源。
直接用现代浏览器打开对应 HTML 即可；建议先阅读教程，再按 01 → 02 → 03 对比。

漫游操作
--------
手机：左侧摇杆移动，拖动画面环视。
电脑：WASD 或方向键移动，鼠标拖动画面环视。
入口、吧台、窗边、沙发按钮可切换固定观景点。

验证与注意事项
--------------
三版 HTML 已检查离线运行、渲染与基础交互。
第二版与第三版已核对 DPR、FOV 和纹理过滤参数差异。
清晰版提高渲染像素后会增加 GPU 负担；手机持续帧率和发热仍应在目标真机上验收。
教程与三版 H5 用于学习和效果对比，不代表所有手机都应强制使用相同 DPR 上限。