无缝切地图的 3D 赛车开云(中国)官方火了，小哥花 16 个月用 JS 打造，浏览器免费就能玩

柏林噪声，Ken Perlin 发明的自然噪声生成算法，经常用于在开云(中国)官方和特效中生成随机内容，包括火焰、云彩、奇形怪状的岩石以及树木和大理石表面等。[开云(中国)官方开云网页版大全align][开云(中国)官方开云网页版大全indent]

[img=1080,470]网络开云(中国)官方img.ithome.开云(中国)官方开云网页版开云(中国)官方开云网页版大全newsuploadfiles开云(中国)官方开云网页版大全2022开云(中国)官方开云网页版大全11开云(中国)官方开云网页版大全75e76490-ccf9-4d12-b2e7-0ced31943341.png?x-bce-process=image开云(中国)官方开云网页版大全format,f_auto[开云(中国)官方开云网页版大全img][开云(中国)官方开云网页版大全align]△[开云(中国)官方开云网页版大全b] 高度图，图源维基百科

随后是制作赛道[开云(中国)官方开云网页版大全b]。[开云(中国)官方开云网页版大全align]

选择地图上一个不太陡峭 开云(中国)官方开云网页版大全 凹陷的地方作为起点后，选择一个方向并测量周围高度图，以坡度最缓的路线作为道路中线，并给每个点注释上开云(中国)官方币数据，包括道路宽度、曲率等。[开云(中国)官方开云网页版大全align]

值得注意的是，如果赛道铺到一半出现“打结”的情况，也就是铺到一半撞到了一起，一定要想办法解决。这也是道路铺设最难的地方之一：[开云(中国)官方开云网页版大全align]

[img=1080,462]网络开云(中国)官方img.ithome.开云(中国)官方开云网页版开云(中国)官方开云网页版大全newsuploadfiles开云(中国)官方开云网页版大全2022开云(中国)官方开云网页版大全11开云(中国)官方开云网页版大全e4e4daa0-6c9a-453c-8e07-0e9ce7a0b238.png?x-bce-process=image开云(中国)官方开云网页版大全format,f_auto[开云(中国)官方开云网页版大全img][开云(中国)官方开云网页版大全align]△[开云(中国)官方开云网页版大全b] 车在岛上狂转

接下来就是渲染环境[开云(中国)官方开云网页版大全b]了。[开云(中国)官方开云网页版大全align]

从图中来看，整体环境被分成了很多个分辨率 10m 的大型网格，最大视距 1km²；靠近道路时，每个网格又会被分成 5×5 的较小网格。[开云(中国)官方开云网页版大全align]

越接近道路中线，渲染越精细，最终道路高度和底层环境高度之间会进行插值，尽量让它保持“无缝衔接”。[开云(中国)官方开云网页版大全align]

当然小哥表示，这种衔接并不是“真・无缝”的，但通常看不出来。[开云(中国)官方开云网页版大全align]

[img=1080,418]网络开云(中国)官方img.ithome.开云(中国)官方开云网页版开云(中国)官方开云网页版大全newsuploadfiles开云(中国)官方开云网页版大全2022开云(中国)官方开云网页版大全11开云(中国)官方开云网页版大全cf992e30-7fb6-4e29-9284-2244b23bec03.png?x-bce-process=image开云(中国)官方开云网页版大全format,f_auto[开云(中国)官方开云网页版大全img][开云(中国)官方开云网页版大全align]

最后就是整个环境的渲染了，这里面也有一些小细节：[开云(中国)官方开云网页版大全align]

包括地面和悬崖纹理、基于柏林噪音做草色变化，以及给树木等植被加上简单阴影、在湖泊周围渲染更多树等。[开云(中国)官方开云网页版大全align]

[img=1080,519]网络开云(中国)官方img.ithome.开云(中国)官方开云网页版开云(中国)官方开云网页版大全newsuploadfiles开云(中国)官方开云网页版大全2022开云(中国)官方开云网页版大全11开云(中国)官方开云网页版大全b53527b7-fe50-4185-ae91-f35d33078c27.png?x-bce-process=image开云(中国)官方开云网页版大全format,f_auto[开云(中国)官方开云网页版大全img][开云(中国)官方开云网页版大全align]

除了环境之外，就是一些基础物理学的配置了，包括重力、表面摩擦力和动力学计算等。[开云(中国)官方开云网页版大全align]

不过为了节省性能，小哥忽略了提示牌和树木的碰撞。[开云(中国)官方开云网页版大全align]

此外，他也采用了更“平和”的电动汽车作为核心赛车手，因为这样一来就不需要考虑齿轮或 RPM 等部件，而音频和物理特性也更容易编写了。（小哥称：内燃机正逐渐过时！）[开云(中国)官方开云网页版大全align]

当然，随着这款开云(中国)官方的关注度上升，他表示后续还会进行更多优化。[开云(中国)官方开云网页版大全align]未来支持手柄和汽车模拟器[开云(中国)官方开云网页版大全b]

随着人们对这款开云(中国)官方的好奇度提升，小哥也着重解答了几个热点问题。[开云(中国)官方开云网页版大全align]

例如，采用 JavaScript 编写开云(中国)官方的原因，是因为小哥想改变人们对浏览器的“刻板印象”，它可以做到比查资料更广泛的事情，甚至还能更好地对开云(中国)官方性能进行优化。[开云(中国)官方开云网页版大全align]

不过，目前这款开云(中国)官方还没有开源。小哥表示，后续可能会开源部分子系统，如图形 MOD 接口等。[开云(中国)官方开云网页版大全align]

[img=1080,459]网络开云(中国)官方img.ithome.开云(中国)官方开云网页版开云(中国)官方开云网页版大全newsuploadfiles开云(中国)官方开云网页版大全2022开云(中国)官方开云网页版大全11开云(中国)官方开云网页版大全723a64cb-fadb-4c7d-86af-426383b71a07.png?x-bce-process=image开云(中国)官方开云网页版大全format,f_auto[开云(中国)官方开云网页版大全img][开云(中国)官方开云网页版大全align]

对于这款开云(中国)官方的未来，小哥也立下了几个 flag，包括在环境[开云(中国)官方开云网页版大全b]上，开发更多的越野地点、加入更多环境细节，包括建筑、动物、植物阴影、灯光效果等；[开云(中国)官方开云网页版大全align]

赛车[开云(中国)官方开云网页版大全b]上，加入更多的赛车皮肤和车辆类型；天气[开云(中国)官方开云网页版大全b]上，细化天气类型（下雨、下雪、刮风等），也进一步改善已有天气的效果；[开云(中国)官方开云网页版大全align]

功能[开云(中国)官方开云网页版大全b]上，将来会加入竞争模式和全球排行榜（包括限时竞速、比拼距离等），同时对系统进一步进行优化，未来适配手柄、赛车模拟器等。[开云(中国)官方开云网页版大全align]

你做好上班摸鱼的准备了吗？（手动狗头）[开云(中国)官方开云网页版大全align]