把作品集做成可驾驶 3D 世界的在线遥控小汽车：Bruno Simon

想摸鱼放松一下，又不想下载游戏；想看看网页 3D 能做到多酷，又怕打开一堆复杂 Demo 卡到爆。这个网站直接把个人作品集做成了一个可驾驶的 3D 世界，你控制一辆遥控小车到处逛，边玩边了解作者和项目。

在线遥控小汽车是什么？

它是创意开发者 Bruno Simon 的个人作品集网站。进入页面后，你不是在滚动网页，而是驾驶一辆 3D 小车在场景里移动，通过探索来认识作者、发现隐藏内容。项目使用 Three.js 渲染，支持 WebGL 和 WebGPU，并使用 Rapier 做物理模拟，开起来有碰撞、跳跃、加速等反馈。

核心功能

3D 小车驾驶：用方向键或 WASD 控制移动，Shift 加速，Ctrl 或 B 刹车，空格跳跃。

真实物理反馈：场景物体可互动，小车有重量感和碰撞感，玩起来不像普通网页动画。

多种操控方式：支持鼠标键盘、手机平板触屏，以及游戏手柄，桌面和移动端都能玩。

探索式作品集：通过开车浏览场景了解 Bruno Simon，而不是传统地点击菜单看简历。

彩蛋与成就：页面包含成就系统、奖励、赛道计时和隐藏内容，适合喜欢到处乱逛的人。

画面选项可调：可切换音频、画质、渲染器，卡住时能一键传送到最近复活点或重置物体。

访客留言：可以发布 whisper 留言，但有数量、字数和文明用语限制；部分功能依赖服务器，离线时不可用。

使用场景

操作指南

第一步，用浏览器打开网站地址，等待 3D 场景加载完成。如果设备性能一般，可以先在 Options 里把 Quality 调低，或选择更适合性能的 Renderer。

第二步，桌面端用 WASD 或方向键控制小车，Shift 加速，Ctrl Left 或 B 刹车，空格跳跃，Enter 互动，M 打开地图，R 复活。手机端可用一根手指控制车辆，两根手指移动视角或缩放，点击小车可跳跃。

第三步，开车探索场景中的物体、文字和互动点。遇到卡住的情况，点击“I’m stuck!”可传送到最近复活点；如果场景被撞乱，可以使用 Reset 重置物体。

第四步，想留言可按 T 发布 whisper，但留言最多 30 个字符，每位用户只能保留一条，新留言会替换旧留言，且不要发布辱骂内容。

注意：网站的赛道分数、留言等功能依赖服务器。如果页面提示 Server currently offline，相关内容无法保存或提交，但不影响本地浏览和驾驶。

支持平台

它是一个网页应用，通过浏览器访问即可，不需要下载客户端。桌面端推荐使用支持 WebGL 或 WebGPU 的现代浏览器；移动端支持手机和平板触屏操作；也兼容游戏手柄。若设备性能较弱，建议降低画质或切换渲染器以获得更流畅体验。

产品定价

根据页面资料，该网站可直接访问体验，没有显示会员、付费解锁或订阅规则。它本质上是 Bruno Simon 的个人作品集，部分相关学习内容如 Three.js Journey 属于作者提供的其他课程，是否收费需以对应页面为准。

常见问题

问：这个网站是游戏吗？

答：它更准确地说是一个可互动的 3D 创意作品集，玩法是驾驶遥控小车探索场景，同时包含成就、赛道计时和彩蛋。

问：需要注册登录吗？

答：基础驾驶和探索不需要注册。留言、分数等功能依赖服务器，服务器离线时不可用。

问：手机能玩吗？

答：可以。页面支持 Mobile Tablet，单指控制小车，双指移动视角或缩放，点击小车可跳跃。

问：为什么我的分数没有保存？

答：赛道分数需要服务器支持。如果页面显示 Server currently offline，就会提示 Scores can’t be saved。

问：用了哪些技术？

答：页面介绍使用 Three.js 渲染 3D 世界，物理库为 Rapier，音频库为 Howler.js，并支持 WebGL 和 WebGPU。

问：可以查看源码吗？

答：页面说明代码在 GitHub 上以 MIT 许可证提供，甚至包含 Blender 文件；服务器代码出于安全原因未公开，但作品集不依赖服务器也能运行。

知屿小结

在线遥控小汽车最大的亮点是把个人作品集做成了一个有驾驶感、物理反馈和探索乐趣的 3D 网页体验。它适合放松摸鱼，也适合前端和创意开发者参考 Three.js、WebGPU 与互动叙事的结合方式。缺点也比较明显：部分功能依赖服务器，离线时排行榜和留言不可用；3D 场景对设备性能有一定要求，老旧设备可能需要降低画质。整体来看，它是一个完成度很高、辨识度很强的创意网页作品。

网站截图