游戏讲述的是一个小女生被恶魔诅咒找不到家了,她听说收集七龙珠可以召唤神龙,神龙可是帮她实现回家的愿望,于是她开启了她的冒险故事
所以此项目是基于这个故事做成的 3D 冒险游戏,可以通过控制人物来寻找龙珠,召唤神龙
这个游戏使用了以下技术
vite
+React
+jsx
- 基于
Three.js
的lingo3d
以及使用了以下工具:
sketchfab
: 3D模型下载mixamo
:3D人物动作绑定及动画readyplayer
:3D角色生产工具gltf.report
:模型压缩polyhaven
:hdr素材库(环境贴图)textures
:材质贴图素材
- 下载项目:git clone https://github.com/xitu/game-garden.git
- 安装依赖:在项目的根目录下,运行命令
yarn
- 启动项目:运行
yarn dev
在游戏中可以通过w、s键以及鼠标灵活控制人物的移动来寻找龙珠,当找到一颗龙珠后,可以单击鼠标点亮龙珠,当所有龙珠被找到,神龙就就会出现,点击神龙即可带你回家。详细过程如下:
当看到龙珠时,对准并按下鼠标即可标记此龙珠已经找到,然后继续找下一颗
当所有龙珠被找到时,会提示地图某处会出现龙
当提示地图某处出现龙时,就去寻找龙
此龙如图所示
但是到这没有结束,此龙非真的神龙
点击小龙,小龙会消失,真的神龙出现
点击神龙,一会就会实现回家的愿望
到这就会回到家了,如下
而且家附近会出现我们找到的龙珠
最后能回到家,肯定开心啦
所以按住d键,开始跳舞吧
具体实践细节见下文: