吃透诗贯山河 · Three.js 古风诗词地图引擎

课程亮点

• Three.js 3D 地形渲染（EPSG:3857 投影、RG 高程编码、法线光照）
• 56 首诗词点位 · 45 个古地名标注
• 6 种局部特效：细雨 / 飘雪 / 风 / 沙暴 / 烟气 / 瀑布
• 镜头飞行聚焦（点击点位后平滑飞向目标）
• 诗文卡片（标题 / 作者 / 朝代 / 全文展示）
• 音频氛围接入（鸟鸣、风声、水声等 8 个 cue）
• 区域切换（全国 / 四川 / 陕西 / 洛阳 / 江西，可扩展）
• QGIS 地图资产生成 SOP（可自行新增任意省市区域）
• 前端埋点（百度统计 + 51.LA）+ DevTools 轻量防护
• OSS 增量上传 + 一键部署脚本
• 固定 4:5 竖屏画幅，可录屏直出

适合人群

• 想直接拿走完整项目、二次创作的开发者
• 了解 React / TypeScript，能看懂组件结构与基本渲染流程
• 想稳定产出小红书 / 抖音古风短视频素材，希望生成过程完全可控
• 第一次接触 Three.js / WebGL，希望有人陪跑、答疑
• 设计师 / 内容创作者，想把这套引擎接入自己的内容生产流程

技术栈

主理人