【免费下载链接】prehistoric-animal-museumA free, open-source bilingual 3D museum where young children and their grown-ups explore prehistoric animals across land, sea, and sky.项目地址https://gitcode.com/gh_mirrors/pr/prehistoric-animal-museum点击查看免费下载prehistoric-animal-museum 是一个免费开源的双语 3D 史前动物博物馆其中的飞行模式Take Flight完全依靠程序化世界生成来构建地形、海洋与天气没有一块烘焙好的世界贴图整个世界由一个随机种子在浏览器里实时算出。这篇文章带你读懂这套程序化世界的实现原理看看它如何在保证画面的同时守住每一帧的性能预算。一个种子生成整个世界程序化世界的核心只有一个配置对象定义在 world.tsWORLD { id: coastal-valley, seed: 193706, generator: 5, preset: 1 }同一个种子在任何设备上都能复现出完全相同的地形因此无需下载任何世界资产文件。它的工作方式分四层哈希与值噪声hash / noise 函数 用整型乘法与位移生成确定性随机数再对网格顶点做平滑插值得到处处连续、永不重复的山地基因。海岸线coastAt(z) 用两组不同周期的正弦波加一点噪声画出缓慢起伏的海岸内陆一条 valleyAt(z) 曲线则决定了山谷的中心线。地形合成baseTerrainAt 把海、沙滩、丘陵、山谷、山脊与细节起伏叠加在一起每一项都有明确的上界海底 -80 到 -55 米陆地最高约 550 米运行时永远不会出现悬崖式的高度突变。植被散布scatter 函数 根据坡度、湿度与林地密度决定哪里放岩石、哪里长树。树木不是均匀撒点而是聚集成树冠簇让森林边缘保持通透——这是飞行视角下森林看起来自然的关键。三层视距方块、条带与地平线环飞得越快需要加载的地面就越大。项目用三层递进的视距结构来覆盖从脚下到天际线的所有区域层级模块粒度职责近景terrain-stream.ts512 米方块 × 4 级 LOD可碰撞、可落脚的高精度地形远景far-terrain.ts64 米条带中等精度的连续山地地平线horizon-terrain.ts256 米格 × 12 公里半径填满视野边缘的粗地形三个设计细节值得新手借鉴Worker 生成几何terrain.worker.ts 把地形网格的计算移到后台线程主线程只负责贴上去避免掉帧。逐行增量构建远景条带每帧只推进一行地平线环每帧只建一格见 HorizonTerrain.update由统一的帧预算器 frame-work-budget.ts 决定是否允许开工。覆盖贴图去重叠远景与地平线材质里各有一张 1 比特的近处覆盖小贴图片元着色器里发现该像素已被高精度地形占据就直接丢弃far-terrain.ts三层之间不会出现叠影。海洋着色器里的六组驻波海面没有任何顶点网格在摆动全部运动发生在 GPU 着色器中。ocean-waves.ts 固定了 6 组波波长从 137 米到 4.3 米天气只会改变它们的振幅不会改变频率——这让海浪在不同天气下保持物理一致的节奏。水着色器environment-scene.ts再做三件事世界锚定的周期噪声用 8192 米为周期的值噪声扭曲波浪相位即使相机本地原点不断平移海面的波峰也永远连续、不会闪跳屏幕空间抗锯齿用dFdx / dFdy测量每个波长在屏幕上占几个像素过细的波自动淡出细浪与涟漪段远处海面平滑、近处细节锐利真实水深驱动颜色BathymetryField 把地形高度按 8 米间距采成一张 130×130 的 RGBA8 纹理编码进 RG 两个通道上传给 GPU浅滩处海水由深蓝渐变为青绿而且这张纹理是分页渐进填充的每帧只填几页、只上传脏页不占主线程预算。陆地的水也不含糊world-river.ts 从河谷出口沿等高线反推出一条 300 个控制站的有限河流河床深度、岸线距离、流速全部由同一个世界采样器算出和地形严格咬合。天气系统480 秒的晴天到小雨循环天气由 WeatherController 管理提供四个预设clear晴朗 / fair晴间多云 / overcast阴 / light-rain小雨每个预设只是一组数值目标——云覆盖率、云厚、雾霭、雨强、雨幕。手动切换时控制器在 25~35 秒内平滑过渡切换到auto 模式后它会按 内置阶段表 走完 480 秒的完整天气剧本晴 → 多云 → 阴 → 小雨 → 转晴无限循环。云本身是一段自包含的 GLSLcloud-shared.glsl.ts云层铺在一个 65536 米的世界空间周期格上每个 8192 米单元最多生成 6 个解析椭球云团光线穿过时用解析积分而非采样步进单像素开销极低同一套云函数同时驱动天空、海面反射、地面阴影衰减所以晴天阳光穿过云缝时云影落在地面和海面上的形状是完全一致的太阳色温、天空渐变则来自 environment-state.ts 里晨、午、下午、傍晚四组线性 RGB 调色板按太阳高度连续插值。想继续深挖从这里读起世界算法入口src/flight-experience/world.ts —— 海岸、山谷、散布全部在这里环境与天气场景src/flight-experience/environment/environment-scene.ts水与海洋模块src/flight-experience/hydrology/ 与 ocean-waves.ts资产来源说明src/flight-experience/assets/PROVENANCE.md相关单测tests/flight/environment.test.ts、tests/flight/bathymetry-epoch.test.ts总结一句话prehistoric-animal-museum 的飞行模式用一个种子 确定性噪声 着色器驻波 帧预算这套组合拳让程序化世界生成既看起来真实又跑得够快——这正是它最值得学习的架构思想。赞分享【免费下载链接】prehistoric-animal-museumA free, open-source bilingual 3D museum where young children and their grown-ups explore prehistoric animals across land, sea, and sky.项目地址https://gitcode.com/gh_mirrors/pr/prehistoric-animal-museum点击查看免费下载相关推荐BiliScope源码解析学习如何开发高质量浏览器插件的完整指南BiliScope源码解析学习如何开发高质量浏览器插件的完整指南 BiliScope是一个专为B站设计的浏览器插件能够显示UP主详细信息、视频AI内容总结和Qwen2.5-7B安全性与伦理考量负责任的AI开发实践Qwen2.5 7B安全性与伦理考量负责任的AI开发实践 Qwen2.5 7B作为新一代开源大语言模型在提供强大文本生成能力的同时也带来了重要的安全性与伦TimesFM 时间序列预测模型安装上手极简配置首跑TimesFM 时间序列预测模型安装上手极简配置首跑 TimesFM 是 Google Research 开源的预训练时间序列预测基础模型给它一段历史数值人工智能基础模型大模型时序预测微调创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考