明天给大家分享10款基于Three.js的小游戏。 只需一个浏览器，就可以“打开下面的链接，有的支持联通端”就可以在线玩，泰裤不辣！ 学你该学的，玩你想玩的。
《SlowRoads》3D赛车游戏
01
SlowRoads 是一款程序生成的休闲驾驶游戏，让您暂时摆脱生活的束缚，无尽地飞向遥远的地平线。 根据您的心情设置场景，播放一些音乐，然后开车离开。
只需一个浏览器，即可从森林、海滩，“无缝切换”到开阔的沙漠甚至平原，无论秋冬还是夜晚，无论你使用电动车、自行车还是公共交通工具，即使你不想开车的时候，你也可以开启手动驾驶模式，打开你的BGM，体验不一样的“速度与激情”。
控制：WASD=驱动、空格=手刹、R=重生、键盘=设置
经过国外小哥全职开发16个月，这个项目的最初目标已经达到了。 SlowRoads 是使用 Three.js 开源框架构建的，这是一个相当复杂且有趣的技术演示。 用开发者 Anslo 自己的话说，“这款游戏中的实验正在挑战页游的合理边界。” 目前还没有开源该游戏的计划。 不过小哥说，一些有趣的子系统，比如图形MOD套接字，将来可能会开源。
相关地址
[1]播放地址：
[2] 完整预览版：
[3] 项目代码（非源码）：
3D游戏：少女与龙珠
02
游戏讲述了一个小女孩被恶魔诅咒，找不到家的故事。 她听说收集七颗龙珠可以召唤神龙，而神龙可以帮助她实现回去的愿望，于是她开始了她的冒险故事。
寻找散落各处的龙珠。 当角色遇到龙珠时，龙珠会发生变化，表明龙珠已被发现。 当七个都找到后召唤神龙小游戏源码下载，寻找地图上出现的龙，按照提示找到龙，就可以完成游戏了！
控制：W=前进、W+E=退出、S=后退、键盘=控制视图、空格=跳跃
本游戏采用Vite+React技术栈，基于Three.js实现Lingo3D，用到的工具有：sketchfab：3D模型下载、mixamo：3D角色动作绑定和动画、readyplayer：3D角色制作工具、gltf.report：模型压缩，polyhaven：hdr材质库（环境贴图），纹理：材质贴图材质。
相关地址
[1]播放地址：
[2]源代码：
3D乒乓球比赛
03
模特拿着乒乓球拍和乒乓球。 球拍执行现实生活中的投掷和施力操作。 乒乓球可以在球拍上弹跳。 连续投球的数量显示在球拍的中央。 当乒乓球从球拍上落下时，一场比赛结束，球拍上的数字归零。
使用技术栈ReactThreeFiber和Cannon.js构建一个基本的三维场景，并为场景中的物体添加化学特性，实现一个简单的乒乓球游戏。 ReactThreeFiber 是一个基于 Three.js 的 React 渲染器，简称 R3F。
相关地址
[1]播放地址：
[2]源代码：
跳跃游戏
04
2017年12月28日，陌陌更新版本6.6.1发布了小游戏，陌陌上线页面还重点突出了小游戏“跳跃”。 2018年5月，研究公司QuestMobile公布了陌陌小游戏《跳跃》的数据。 截至 2018 年 3 月，这款 4MB 游戏已累计玩家 3.9 亿。
作者Chocolate Puff基于Three.js，重现了经典的“网页版跳转”。 按住键盘积蓄力量，松开，小方块就会从一个袋子跳到另一个袋子。 “使用键盘是另一种体验，快去尝试一下吧。” 但就是这个小技巧，却神奇地让你一开始就停不下来。
相关地址
[1]播放地址：
[2]源代码：
05
你是嘿嘿侦探社的实习侦探。 你接到上级的任务，调查镇开新镇镇民镇不破的宝石盗窃案。 根据线人流浪汉老石提供的线索，强盗就藏身于小镇之中。 让他找到它，帮助甄不破找回被盗的宝石！
左右滑动屏幕，在3D全景场景中找到交互点，点击即可找出嫌疑人真正藏身之处。 已适配中国联通，手机即可访问。
使用Three.jsSphereGeometry创建3D全景预览功能，并在全景中添加二维SpriteMaterial、Canvas、三维GLTF等交互点，实现场景切换、点击交互的小型侦探游戏。
相关地址
[1]播放地址：
[2]源代码：
我的世界
06
相信大家对《我的世界》并不陌生。 这是一款3D像素风格的生存游戏。 本项目是模仿Minecraft来实现的。
项目的初衷是探索Three.js，因此除了Three.js之外没有其他第三方库依赖，所以最终的包大小看起来非常轻量，gzipped后只有140kb左右。 除此之外，作者还添加了 TypeScript 进行类型检查，但使用 Vite 进行开发。
相关地址
[1]源代码：
喷火龙游戏
07
你敲击的时间越长，它打喷嚏的力度就越大。 按住拖动即可翻转，画面极其舒适流畅。
基于HTML、CSS和Three.js的喷火龙游戏，虽然案例很小，但它会让你重新发现编码的乐趣。
相关地址
[1]播放地址：
[2] 实验室（源代码）：
阿狸的多元宇宙
08
开普勒 1028 距离我们 2545 光年，有一颗色彩缤纷的宜居行星。 星际移民必须穿上基地的防辐射服才能生存。 阿狸乘坐星际飞行器来到这里召唤神龙小游戏源码下载，在限定时间内利用轮盘连接帮助他找到基地，获得反辐射服！
采用Three.js+React+CANNON技术栈，是一款LowPoly低六边形风格的小游戏，通过滑动屏幕来控制模型在3D世界中的移动。 本文涉及的主要知识点包括：三.js阴影类型、创建粒子系统、cannon.js的基本使用、使用cannon.js高度场Heightfield创建地形、通过轮盘控制模型动画。
相关地址
[1]播放地址：
#/元宇宙
[2]源代码：
赛车游戏
09
在浏览器中体验刺激的躲避障碍小游戏，让您随时随地享受快速反应、精准操作的快感！ 在快速连接的赛道上，你需要用敏捷的眼力和双手躲避障碍物，努力成为躲避高手！ 右上角的分数将证明你的能力！
使用方向键快速通讯，也可以加速和减速
一个基于Three.js的简单赛车游戏，源码简单易懂，举一反三。
相关地址
[1]播放地址：
[2]源代码：
《误入歧途》迷宫游戏
10
快来玩这个超棒的迷宫游戏吧！ 就像在海里寻找鱼一样，你在迷宫中找到出路并解决谜题。 全新的关卡设计，难度逐步升级，加入我们的迷宫世界，带你身临其境地体验充满挑战的冒险！
怎么玩迷途？ 使用箭头键连接球并找到迷宫的出口。或控制：H=左，J=后，K=前，L=右
使用 Three.js 和 Box2dWeb 构建的 WebGL 迷宫游戏。
相关地址
[1]播放地址：
[2]源代码：
