一键部署H5版飞跃驼峰线

上篇文章分享了一键快速部署经典H5魂斗罗游戏,今天继续分享H5游戏:飞跃驼峰线!

体验地址:https://ai.quanyouhulian.com/doc/games/feiyue/index.html
主界面
image.png

部署教程及玩法

1、切换到nginx的html根目录

项目使用的html开发,的需要放到nginx进行加载,直接打开会黑屏

1
cd /usr/share/nginx/html

2、把飞跃驼峰线游戏工程拷贝下来

工程地址:http://gitlab.quanyouhulian.com/github/html/games/feiyue
也可以直接使用git命令把工程拷贝下来

1
git clone http://gitlab.quanyouhulian.com/github/html/games/feiyue.git

image.png

3、查看工程下载结果

正常使用git下载完成后在你的当前文件夹会多出个feiyue文件夹,进入文件夹内可以查看到工程详细信息
image.png

4、游戏玩法

打开你部署的云服务器+路径名!
我这里把域名映射到了nginx云服务器的/usr/share/nginx/html/git目录,游戏放在/usr/share/nginx/html/git/games/feiyue目录
image.png
所以,我这里直接通过https://ai.quanyouhulian.com/doc/games/feiyue/index.html,就可以快速访问到游戏了
image.png
接下来,点击开始挑战即可开始游戏了,直接移动鼠标上下拖动,获取相应的食物完成积分挑战
image.png
失败界面展示
image.png

总结

飞跃驼峰线是款趣味性的小游戏,大家可以下载源码后根据自己情况去调整里面结构!


一键部署H5版飞跃驼峰线
http://example.com/2024/07/20/htmlgames/一键部署h5版飞跃驼峰线/
作者
技术Z先生
发布于
2024年7月20日
许可协议