「译」一个3D网页是如何制作的

「译」一个3D网页是如何制作的

原文：

本文作者制作了一个3D网页作为自己的个人主页，是一个遥控汽车的游戏页面。页面十分有趣，感兴趣的朋友可以先打开体验一下。

以下为原文的译文，是我个人理解的版本。大家也可直接阅读原文。

想法

起初，我想制作一些新颖，有趣，可玩且易于理解的东西。

由于我去年已经使用WebGL了很多，并且作为一名出色的游戏玩家，因此选择游戏概念是一个显而易见的选择。从我小时候起，我就一直喜欢玩遥控车，并且花了很多时间在Playstation上玩Micro Machine。因此，我决定建立一个世界，让您可以驾车远程驾驶。

我总是发现物理在网络上的使用还不够，这就是为什么我希望组成我的世界的元素是“可碰撞的”。

一切都必须成为3D世界的一部分，但我还必须找到引导用户的方法。另外，我选择不使用交互界面，以使体验尽可能地令人身临其境。

作为灵感的源泉，作为古斯塔沃·恩里克（Gustavo Henrique）的粉丝，我决定尝试这种平整但边缘略圆的小巧多彩的建筑。

我一直希望自己的个人主页真正具有个人特色，因此我决定完全自己制作。

由于我知道这个项目将要花费一些时间，因此我也确保自己可以玩得开心（相信我，我花了太多时间在汽车上玩花样……）。
我真正相信的是：

您可以制作的最好的游戏是花太多时间在玩的游戏。

游戏开始

游戏开始于建筑从地面弹出，然后汽车从上方掉落并稍有反弹，因此用户可以注意到物理现象。

唯一要写的是直接在地面上的指令，邀请用户使用箭头键移动（未在任何地方显示，但实际上您可以使用WQSD或ZQSD（法语键盘）控件来玩PC游戏的玩家😉 ）。

汽车的摆放不是一个随机的选择：我真的想确保在体验开始时碰到标题“ BRUNO SIMON”，它将最大程度地提高可移动元素的可理解性。

为了帮助和指导用户正确的方向，我使用了一些简单的技巧，例如：

这些磁贴像一条路径一样工作，可帮助用户轻松理解在该方向上还有更多需要看的东西。

以墙壁为界。

驾驶时互动区域会扩展，但您也可以使用鼠标悬停它们。

最后，将宇宙分为5部分：

• 介绍如何导航的简介
• 十字路口充当其他部分之间的指南和链接
• 在操场上玩物理游戏
• 我一直在从事的项目（请不要忘记这是一个投资组合……）
• 有关如何与我联系的补充信息

发布我的作品集后，最常被问到的问题之一是如何在操场上跳跃。虽然使用SHIFT键对我来说是很明显的，但对于非游戏用户来说根本不是。