「译」一个3D网页是如何制作的
原文:
本文作者制作了一个3D网页作为自己的个人主页,是一个遥控汽车的游戏页面。页面十分有趣,感兴趣的朋友可以先打开体验一下。
以下为原文的译文,是我个人理解的版本。大家也可直接阅读原文。
想法
起初,我想制作一些新颖,有趣,可玩且易于理解的东西。
由于我去年已经使用WebGL了很多,并且作为一名出色的游戏玩家,因此选择游戏概念是一个显而易见的选择。从我小时候起,我就一直喜欢玩遥控车,并且花了很多时间在Playstation上玩Micro Machine。因此,我决定建立一个世界,让您可以驾车远程驾驶。
我总是发现物理在网络上的使用还不够,这就是为什么我希望组成我的世界的元素是“可碰撞的”。
一切都必须成为3D世界的一部分,但我还必须找到引导用户的方法。另外,我选择不使用交互界面,以使体验尽可能地令人身临其境。
作为灵感的源泉,作为古斯塔沃·恩里克(Gustavo Henrique)的粉丝,我决定尝试这种平整但边缘略圆的小巧多彩的建筑。
我一直希望自己的个人主页真正具有个人特色,因此我决定完全自己制作。
由于我知道这个项目将要花费一些时间,因此我也确保自己可以玩得开心(相信我,我花了太多时间在汽车上玩花样……)。
我真正相信的是:
您可以制作的最好的游戏是花太多时间在玩的游戏。
游戏开始
游戏开始于建筑从地面弹出,然后汽车从上方掉落并稍有反弹,因此用户可以注意到物理现象。
唯一要写的是直接在地面上的指令,邀请用户使用箭头键移动(未在任何地方显示,但实际上您可以使用WQSD或ZQSD(法语键盘)控件来玩PC游戏的玩家😉 )。
汽车的摆放不是一个随机的选择:我真的想确保在体验开始时碰到标题“ BRUNO SIMON”,它将最大程度地提高可移动元素的可理解性。
为了帮助和指导用户正确的方向,我使用了一些简单的技巧,例如:
这些磁贴像一条路径一样工作,可帮助用户轻松理解在该方向上还有更多需要看的东西。
以墙壁为界。
驾驶时互动区域会扩展,但您也可以使用鼠标悬停它们。
最后,将宇宙分为5部分:
- 介绍如何导航的简介
- 十字路口充当其他部分之间的指南和链接
- 在操场上玩物理游戏
- 我一直在从事的项目(请不要忘记这是一个投资组合……)
- 有关如何与我联系的补充信息
发布我的作品集后,最常被问到的问题之一是如何在操场上跳跃。虽然使用SHIFT键对我来说是很明显的,但对于非游戏用户来说根本不是。