中国开云(中国)官方开云网页版

标题: 无缝切地图的3D赛车开云(中国)官方火了，小哥花16个月用JS打造 [打印本页]

作者: 中国开云(中国)官方开云网页版 时间: 2022-11-7 19:27
标题: 无缝切地图的3D赛车开云(中国)官方火了，小哥花16个月用JS打造
萧箫发自凹非寺
量子位 | 公众号 QbitAI
一位小哥耗时16个月打造的3D版赛车开云(中国)官方，这两天忽然火了起来。
只需一个浏览器，就能驾车从森林、海滩，“无缝切换”到广袤的沙漠甚至平原：
[img=100,396]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全251.gif[开云(中国)官方开云网页版大全img]无论春夏秋冬还是白天黑夜，也无论你用的是电动汽车、自行车（？）还是公共汽车：
[img=100,284]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全253.gif[开云(中国)官方开云网页版大全img]甚至不想开的时候，还可以开启自动驾驶模式，感受一波“AI飙车”的快乐。
[img=100,196]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全255.gif[开云(中国)官方开云网页版大全img]△甚至有“自”行车&自动驾驶小巴
据小哥表示，这个名叫Slow Road的3D赛车开云(中国)官方没有用到任何传统引擎，而是基于JavaScript编写的，无需登录就能直接在浏览器上运行。
要是电脑发出了吃力的声音，稍微更改一下渲染配置就能搞定。
网友们也是嗨得不行：此情此景怎能少得了经典BGM逮虾户（Deja Vu）
[img=100,463]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全256.jpg[开云(中国)官方开云网页版大全img]△作者回复：我写代码时听的是10小时沉浸版
还有网友回忆起了自己几十年前做过的3D赛车开云(中国)官方，这波属实“爷青回”了：
[img=100,255]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全258.jpg[开云(中国)官方开云网页版大全img]来看看它究竟是怎么实现的。
基于Javascript而非传统引擎搭建
与大多数3D赛车开云(中国)官方采用Unity3D、UE等传统引擎不同，Slow Roads是基于JavaScript编写的。
具体来说，它采用了一个名叫Three.js的开源框架，相当于一个能实现3D效果的JavaScript库，基于原生WebGL运行，可以在大部分网页浏览器中搞定交互式2D开云(中国)官方开云网页版大全3D图形。
除了开头提到的随意切换地点、季节和天气以外，这个赛车开云(中国)官方也可以随意切换各种车型和视角。
[img=100,273]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全260.gif[开云(中国)官方开云网页版大全img]此外，考虑到不同电脑对浏览器的适配，这款赛车开云(中国)官方还给出了不同级别的渲染设置，从“粗糙大色块”到更精细的树木和围栏都能生成。
要是有电脑显卡的话，还可以更改一下浏览器设置，给图形渲染加加速。
所以，这个赛车开云(中国)官方中“任意变幻”的环境是如何生成的？
首先是生成环境地形。
小哥采用了类似柏林噪声（Perlin noise）的自定义算法，来生成环境高度图（Heightmap，用于生成三维地形的图像），随后进行简单修改让山景看起来更逼真。
柏林噪声，Ken Perlin发明的自然噪声生成算法，经常用于在开云(中国)官方和特效中生成随机内容，包括火焰、云彩、奇形怪状的岩石以及树木和大理石表面等。
[img=100,619]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全262.jpg[开云(中国)官方开云网页版大全img]△高度图，图源维基百科
随后是制作赛道。
选择地图上一个不太陡峭开云(中国)官方开云网页版大全凹陷的地方作为起点后，选择一个方向并测量周围高度图，以坡度最缓的路线作为道路中线，并给每个点注释上开云(中国)官方币数据，包括道路宽度、曲率等。
值得注意的是，如果赛道铺到一半出现“打结”的情况，也就是铺到一半撞到了一起，一定要想办法解决。这也是道路铺设最难的地方之一：
[img=100,608]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全264.jpg[开云(中国)官方开云网页版大全img]△车在岛上狂转
接下来就是渲染环境了。
从图中来看，整体环境被分成了很多个分辨率10m的大型网格，最大视距1km⊃2;；靠近道路时，每个网格又会被分成5×5的较小网格。
越接近道路中线，渲染越精细，最终道路高度和底层环境高度之间会进行插值，尽量让它保持“无缝衔接”。
当然小哥表示，这种衔接并不是“真·无缝”的，但通常看不出来。
[img=100,551]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全267.jpg[开云(中国)官方开云网页版大全img]最后就是整个环境的渲染了，这里面也有一些小细节：
包括地面和悬崖纹理、基于柏林噪音做草色变化，以及给树木等植被加上简单阴影、在湖泊周围渲染更多树等。
[img=100,683]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全268.jpg[开云(中国)官方开云网页版大全img]除了环境之外，就是一些基础物理学的配置了，包括重力、表面摩擦力和动力学计算等。
不过为了节省性能，小哥忽略了提示牌和树木的碰撞。
此外，他也采用了更“平和”的电动汽车作为核心赛车手，因为这样一来就不需要考虑齿轮或RPM等部件，而音频和物理特性也更容易编写了。（小哥称：内燃机正逐渐过时！）
当然，随着这款开云(中国)官方的关注度上升，他表示后续还会进行更多优化。
未来支持手柄和汽车模拟器
随着人们对这款开云(中国)官方的好奇度提升，小哥也着重解答了几个热点问题。
例如，采用JavaScript编写开云(中国)官方的原因，是因为小哥想改变人们对浏览器的“刻板印象”，它可以做到比查资料更广泛的事情，甚至还能更好地对开云(中国)官方性能进行优化。
不过，目前这款开云(中国)官方还没有开源。小哥表示，后续可能会开源部分子系统，如图形MOD接口等。
[img=100,604]网络开云(中国)官方imagepphcloud.thepaper.cn开云(中国)官方开云网页版大全pph开云(中国)官方开云网页版大全image开云(中国)官方开云网页版大全223开云(中国)官方开云网页版大全938开云(中国)官方开云网页版大全269.jpg[开云(中国)官方开云网页版大全img]对于这款开云(中国)官方的未来，小哥也立下了几个flag，包括在环境上，开发更多的越野地点、加入更多环境细节，包括建筑、动物、植物阴影、灯光效果等；
赛车上，加入更多的赛车皮肤和车辆类型；天气上，细化天气类型（下雨、下雪、刮风等），也进一步改善已有天气的效果；
功能上，将来会加入竞争模式和全球排行榜（包括限时竞速、比拼距离等），同时对系统进一步进行优化，未来适配手柄、赛车模拟器等。
你做好上班摸鱼的准备了吗？（手动狗头）

作者: q1810150653 时间: 2022-11-7 19:27
支持一下下..

作者: 好玩的开云(中国)官方 时间: 2022-11-7 20:40
崩坏3开云网页版有玩这个开云(中国)官方的吗？

作者: 520anh123 时间: 2022-11-9 20:36
感觉你推荐的这款开云(中国)官方还不错！

作者: asd251314 时间: 2022-11-11 20:31
诛仙开云(中国)官方怎么飞升

作者: 520anh123 时间: 2022-11-14 15:53
怎么玩这个开云(中国)官方呢

作者: asd251314 时间: 2022-11-17 11:15
感谢推荐好开云(中国)官方

作者: asd251314 时间: 2022-11-21 16:40
好玩吗？这款开云(中国)官方

作者: Carrie81X 时间: 2022-11-25 22:06
感谢推荐好开云(中国)官方

作者: 客家猪肚鸡 时间: 2022-12-2 04:27
诛仙开云(中国)官方怎么样

作者: asd251314 时间: 2022-12-8 10:49
这款开云(中国)官方好玩吗？

作者: 蓝周 时间: 2022-12-14 17:10
开云(中国)官方感觉还不错

作者: 河源善食行 时间: 2022-12-20 11:20
感觉开云(中国)官方还不错

作者: zhengzhixun 时间: 2022-12-26 05:30
诛仙开云(中国)官方怎么飞升

作者: asd251314 时间: 2022-12-31 23:41
诛仙开云(中国)官方怎么开超过8个

作者: 蓝周 时间: 2023-1-14 15:12
求购诛仙开云(中国)官方攻略。

作者: 520anh123 时间: 2023-1-28 06:43
感觉你推荐的这款开云(中国)官方还不错！

作者: 平安紫金 时间: 2023-2-10 22:14
诛仙开云(中国)官方怎么飞升

作者: 冰冰66 时间: 2023-2-24 13:45
诛仙开云(中国)官方怎么卸载

作者: 17194242614 时间: 2023-3-10 10:51
冒险岛开云(中国)官方如何？开云网页版里是否有玩家在？

作者: 520anh123 时间: 2023-3-20 14:45
开云(中国)官方感觉还不错

作者: 客家猪肚鸡 时间: 2023-3-30 18:40
诛仙开云(中国)官方怎么改账号密码

作者: 蓝周 时间: 2023-4-9 22:34
诛仙开云(中国)官方怎么卸载

作者: 平安紫金 时间: 2023-4-15 12:10
诛仙开云(中国)官方怎么退出

作者: 平安紫金 时间: 2023-4-21 01:47
诛仙开云(中国)官方怎么注销账户？

作者: 蓝周 时间: 2023-4-26 15:23
诛仙开云(中国)官方怎么改账号密码

作者: 冰冰66 时间: 2023-5-14 16:49
感觉开云(中国)官方还不错

作者: 蓝周 时间: 2023-6-1 18:15
开云(中国)官方感觉还不错

作者: Carrie81X 时间: 2023-6-21 16:06
好玩吗？

作者: zhengzhixun 时间: 2023-7-11 13:57
诛仙开云(中国)官方怎么赚钱

作者: 520anh123 时间: 2023-7-27 14:37
感觉你推荐的这款开云(中国)官方还不错！

作者: 冰冰66 时间: 2023-8-12 15:17
怎么玩这个开云(中国)官方呢

作者: 冰冰66 时间: 2023-8-15 17:00
开云(中国)官方感觉还不错

作者: 蓝周 时间: 2023-8-18 18:43
诛仙开云(中国)官方怎么飞升

欢迎光临中国开云(中国)官方开云网页版 (/)