在浏览器上享受《速度与激情》。开发者花了16个月的时间用JavaScript构建了一个驾驶游戏，你可以在水中驾驶。

来源：头条浏览：0 2022-12-03 21:46:01

整理；整理

展出|csdn(id:csdnnews ) )。

有些人为了寻求刺激而玩游戏；有些人为了休闲而安静地消磨时间而玩游戏。两者的心情怎样才能兼顾呢？最近，苏格兰爱丁堡的开发者Anslo专注于开发16个月，发表了名为《Slow Roads》(slowRoads.io )的免费简单的兜风游戏。玩家可以在电脑上体验《速度与激情》的感觉，享受程序自动生成的美丽风景。另外，该游戏可以直接在浏览器中运行，不需要登录或安装，对玩家来说可以立即玩。

玩法

《Slow Roads》发售后，受到了很多玩家的关注，并进行了试玩。与以往的驾驶类游戏不同，该游戏在玩法和技术实现上存在很大差异。

首先，在游戏中，不会撞车，不会失败，也不会输。随着车子的行驶，道路一直在延伸，风景优美的景观从身边飞驰而过。无论是春夏秋冬、白天、傍晚、夜晚，还是森林、沙漠、山峦环抱，都应该最关注场景的“无缝切换”。

另外，驾驶的车也可以切换到轿车、长途巴士、自行车。

如果方向盘脱离了道路，也可以按r键将车重新定位到高速公路上。也可以选择道路。当然，如果你愿意，你也可以驾驶越野车，体验水中行驶的感觉。

当然，玩累了，也可以打开自动驾驶模式。

此外，这个游戏的操作也非常简单，w键或向上箭头是加速，s键或向下箭头是刹车。使用A键和D键(或左箭头键)控制方向盘的玩家也可以按Shift键或双击w键升级汽车。C键可以改变摄像机的角度，q键和e键在可用的天气和照明条件下循环。如果您不喜欢键盘控件，还可以切换到基于鼠标的方向盘。

在技术实现上，与使用传统游戏引擎开发的游戏不同，Anslo是使用《Slow Roads》为three.js的3D JavaScript库构建的，Chrome、Firefox、Safari、EEI 同时，上述场景变化均由程序自动产生，通过技术实现，可以实现无限地图的动态生成和事务处理。这是一个相当复杂有趣的技术演示。用开发者安东尼自己的话表示：“这个游戏的实验挑战了浏览器游戏的合理边界。”

接下来，我们来看看具体的技术原理。

技术实现

实际上，这个游戏的制作不仅需要深厚的开发基础，还需要设计、物理学等知识的储备。在《Slow Roads》中，作者首先通过生成高度图，采用了类似Perlin噪声的算法，进行了修正优化，实现了更真实的山丘景观。

然后，使用npm软件包Alea ) https://www.NPM js.com/package/alea作为伪随机数生成器( PRNG )，进行复制和用于安装粘贴。

第一步开发结束后，第二步是进行车辆行驶的道路规划。 Anslo选择了下一步。

选择地图中不太陡峭、不太深的地方，作为行驶的起点。同时，这也是道路中心线的第一点。

再选择一个方向，通过测量周围高度图来评估横向和纵向坡度。

而且，道路的中心线最好能向坡度下降的方向移动10米。点在双向链表中编码，每个点使用元数据注释，如坡度、道路宽度和曲率。

上面的过程会一直重复，但请注意以距离车位15公里的地平线为边界，行驶的车道不要自交。这也是游戏中道路规划最难的地方。

中心线的高度通过9个点的窗口被平滑地跟踪，以避免高度的突然变化。

在短地平线上，约10米的中心线是二次贝塞尔曲线，可以用1米的分辨率进行平滑点的注释。

道路规划完成后，第三步是渲染环境。在此，可以使用5x5的大粗网格渲染大场景。在这个游戏中，作者使用了10米的分辨率和1公里的最大视距。这叫做“远网格”。