浏览器上享受《速度与激情》，开发者花 16 个月用 JavaScript 造了一款驾驶游戏，水里也能开车

赞助商| 苏蜜

制作| CSDN（ID：CSDNnews）

有些人玩游戏是为了刺激，而另一些人玩游戏是为了享受安静和放松的时光。如何才能两全其美呢？近日，来自苏格兰爱丁堡的开发商Anslo经过16个月的开发，发布了一款免费、轻松的驾驶游戏，名为《Slow Roads》(slowroads.io)。您可以在电脑上体验《速度与激情》的感觉，欣赏程序自动生成的美丽风景。此外，游戏无需登录或安装，可以直接在浏览器上运行，让玩家可以立即开始玩。

怎么玩

《Slow Roads》发布后，吸引了众多玩家的关注和试玩。与传统的驾驶游戏不同，这款游戏在玩法和技术实现上都有显着差异。

首先，就游戏玩法而言，没有崩溃、没有失败、没有输赢。最了不起的是，随着你的行驶，路变得越来越长，春、夏、秋、冬、白天、傍晚、夜色、森林、沙漠等美丽景色飞驰而过。 “无缝切换”是环山场景的关键。

您还可以将驾驶的交通工具改为汽车、长途巴士或自行车。

如果方向盘偏离路面，您还可以按“R”键将汽车重新定位到高速公路上并选择道路。当然，如果您愿意，您也可以驾驶越野车或体验水下驾驶的感觉。

当然，如果玩腻了，也可以开启自动驾驶模式。

操控也非常简单：按W键或向上箭头加速，按S键或向下箭头制动。使用A 和D 键（或左右箭头）控制转向。玩家还可以通过按住Shift 键或双击W 键来升级他们的汽车。 C 键改变摄像机角度，Q 和E 键循环。可用的天气和照明条件。如果您不喜欢键盘控制，则可以使用基于鼠标的转向。

在技术实现方面，与使用传统游戏引擎开发的游戏不同，《Slow Roads》使用Three.js 3D JavaScript 库构建，兼容Chrome、Firefox、Safari，Edge Anthro 表示可以直接在浏览器中运行。同时，前述的场景切换是由程序自动生成的，技术实现允许无限量的地图动态生成和交易处理。这是一个相当复杂且有趣的技术演示。用开发者Anthro 自己的话来说，“这款游戏的实验突破了网页游戏的合理极限。”

现在我们来看看一些具体的技术原理。

技术实现

事实上，创建这款游戏不仅需要深厚的开发技能，还需要设计、物理等方面的知识。在《Slow Roads》中，作者首先生成了高度图，采用了类似于Perlin噪声的算法，并对其进行了修改和优化，以实现更真实的山地景观。

接下来，使用npm 包Alea (https://www.npmjs.com/package/alea) 作为复制粘贴实现的PRNG（Preudo 随机数生成器）。

第一步开发完成后，下一步就是规划汽车行驶的道路。 Anthro 先生选择采取以下步骤：

在地图上选择一个既不太陡也不太深的地方开始您的驾车之旅。同时，这也是道路中心线的第一个点。

接下来，选择一个方向并测量周围的高度图以评估水平和垂直坡度。

道路中心线应移动10米，最好是下坡。点被编码成双向链表，每个点都用坡度、道路宽度和曲率等元数据进行注释。

以车辆所在位置前方15公里的地平线为边界不断重复上述过程，但道路规划最困难的部分是注意不要穿越车道。游戏。

使用9 点窗口对中线高度进行回顾性平滑，以避免高度突然急剧变化。

对于较短的水平线，使用分辨率为1 m 的二次贝塞尔曲线用平滑点注释大约10 m 的中线。

道路规划完成后，第三步是渲染环境。在这里，我们可以使用大的5x5粗网格来渲染大场景（在这个游戏中，作者使用的分辨率为10米，最大观看距离为1公里）。这被称为“毛皮网格”。

靠近道路的地方，更细的5x5网格串在一起，沿着道路的中心线延伸，形成一条连续的“走廊”。这是一个“近网格”，从车辆位置向前产生一条固定的水平线。

同时，距离较远的网格的重叠顶点大致“隐藏”并沉入数米以下。

然后，它在道路高度和道路中心线附近的底层环境高度之间进行插值，以实现无缝过渡。

除了上述之外，Anslo 还使用额外的3x3 网格来渲染更接近道路中心线的位置，优化细节并创造更精致的体验。

在图形细节方面，开发者对游戏的地面纹理使用了世界坐标UV，并将其与Perlin噪声混合以改变草地的颜色。此外，在树叶贴图下方应用了深色纹理，以产生树影的错觉。

如上所述，游戏还采用了一些物理学基础知识，使用以重力、表面摩擦力和地面法线为中心的传统运动方程单独控制汽车每个车轮的动力学。

终于

虽然游戏到此已经基本完成，但Anthro表示还有很多需要优化的地方，比如天气效果、更多的车辆类型、控制器支持等未来都可以改进，我认为有。

该游戏因其轻量级特性而受到高度赞扬，因为它仅使用JavaScript 实现，而没有使用Unity 或UE5 等游戏引擎。

火星地图很有趣。此外，他们发现汽车可以以相同的速度倒车行驶。

如果自动驾驶汽车能够学会漂移，那就太好了。

我没有驾照，但我可以通过浏览器获取驾照。

期待后续BGM的补充！

不少网友也感叹，“就像回到了高中玩《Geep Simulator》的日子。”不过，目前还没有《Slow Roads》开源版本的计划，尽管作者表示未来不排除这种可能性。与此同时，根据游戏页面，安索表示，他正在努力保持“《Slow Roads》”的免费和无广告，并“享受这作为远离资本主义的喘息机会”。

试用地址：slowroads.io

参考：

https://anslo.medium.com/slow-roads-tl-dr-a664ac6bce40

https://twitter.com/anslogen

https://arstechnica.com/gaming/2022/10/slow-roads-offers-a-chill-endless-driven-experience-in-your-browser/

https://twitter.com/anslogen/status/1583850492463296517