合成大西瓜开发源码手把手教你运行和部署大西瓜游戏项目(附源码)
作者:爱笑的架构师 发布时间:2023-11-01 05:39:13
最近合成大西瓜非常火,很多编程爱好者将大西瓜改成了各种版本,非常魔性,哈哈。
如果你也想魔改大西瓜,或者想研究一下项目怎么玩的,下面的教程从下载到游戏项目部署一条龙搞定。
步骤一:下载大西瓜源代码
贴心的我已经将各种版本的代码整理到百度网盘了,大家可以按需下载:
百度网盘下载链接:
注意:因某些限制,下载链接通过如下方式获取:
需要的小伙伴,请关注微信公众号: Java技术迷, 或者扫描下方公众号二维码,回复关键字:0218, 即可免费无套路获取。
步骤二:尝试运行大西瓜游戏项目
下载的源码结构如下图
如果你双击打开 index.html 文件可能卡在98%或者99%不动:
按 F12打开 chrome 浏览器的开发者调试模式发现,有大量的报错:
这是因为本地打开是文件是静态的,是 file 协议,并不是 http。所以我们需要在本地跑一个 WEB 服务器。
步骤三:安装 nodejs
如果本地没有安装 nodejs 工具,先装一下 nodejs,主要是要通过 npm 安装 serve
nodejs 下载地址:http://nodejs.cn/download/
不同的系统选择不一样的包。
安装完成打开终端命令行工具,执行 npm -v 命令:
npm -v
如果返回版本号表示安装成功。
6.14.10
步骤四:安装 serve 工具
注意是 serve 不是 server 哦,别打错了。
npm i -g serve --registry=https://registry.npm.taobao.org
返回版本号表示安装成功
+ serve@11.3.2
updated 41 packages in 3.083s
步骤五:运行本地大西瓜游戏项目
通过终端命令行cd 进入到上面下载的游戏源码中,直接执行 serve 命令就可以启动服务了,如下图所示:
上面图中有两个地址,第一个是可以在电脑浏览器本地访问的,第二是可以通过手机浏览器远程访问的,你可以拿手机试试哈。
温馨提醒:由于游戏主要适配的手机端,如果你要通过电脑浏览器玩,需要切到手机屏幕模式。
打开 chrome 浏览器,F12打开控制台,我把控制台放右边了,默认是在下边。
步骤六:部署大西瓜游戏项目到远程服务器
在本地运行会有一个限制,关了电脑手机就不能玩了,那女朋友岂不是要生气啦
有没有办法将游戏部署到远程服务器呢?当然有啦。
是不是很贵啊?我下面会介绍一个免费的方式,超级好用。
主角就是 vercel ,可能很多人没有听说话,没关系,简单来说这个系统提供了静态网站项目的托管服务,有付费也有免费的,我们使用免费的就足够了。
1. 注册 vercel 账号
先登录 Github 官网:
https://github.com
这里有个坑需要规避一下,如果你的 Github 账号是绑定的 QQ 邮箱,建议你换成其他邮箱,Vercel 不支持 QQ 邮箱,这个比较坑
然后打开另外一个页面开始注册 vercel 账号
https://vercel.com/ 建议直接使用 Github 账号登录。
注册完了之后就可以进行下一步了。
2. 安装 vercel 命令行工具
我们需要将项目部署到 vercel 系统,通过使用命令行工具比较方便。
在命令行终端中执行命令:
npm install -g vercel --registry=https://registry.npm.taobao.org
返回 vercel 版本号就表示安装成功了。
3. 开始部署到 vercel 系统
cd 到源码根目录然后执行: vercel --prod
第一次需要验证邮件,如下图:
验证完之后可以继续执行 vercel --prod
如果图所示项目就发布成功了,远程访问地址是: https://daxigua01.vercel.app/
这个地址是我发布的地址,大家可以点击试玩, 这个地址是可以分享给其他朋友一起玩, 手机浏览器打开效果更加哦。
注意:vercel 的地址已经被微信屏蔽了,大家可以将生成的地址拷贝到手机浏览器中运行。
来源:https://blog.csdn.net/guoguo527/article/details/113621610
猜你喜欢
- 目录1. 折线图概述1.1什么是折线图?1.2折线图使用场景1.3绘制折线图步骤1.4案例展示2. 折线2D属性2.1linestyle:折
- 发现问题pandas版本0.25.3import pandas as pdsymbol_info_columns = ['1'
- 形参可以设置参数默认值,设置遵循从右至左原则例如:fun(x=0,y=1),fun(x,y=1),但不可以是fun(x=1,y)形参设置可以
- 如下:re.split(pattern, string, [maxsplit], [flags])pattern:表示模式字符串,由要匹配的
- 本文介绍了用python与文件进行交互的方法,分享给大家,具体如下:一.文件处理1.介绍计算机系统:计算机硬件,操作系统,应用程序应用程序无
- scikit-learn 是基于 Python 语言的机器学习工具简单高效的数据挖掘和数据分析工具可供大家在各种环境中重复使用建立在 Num
- 能够为数据库数据提供的最简单的用户界面之一就是窗体,窗体可以一次性呈现出来自同一记录的各个域。本文通过python3+pyqt5改写实现了p
- Python DataFrame 如何设置列表字段/元素类型?比如笔者想将列表的两个字段由float64设置为int64,那么就要用到Dat
- 双屏不是什么新鲜事,不过相信国内前端工程师还是用单屏的多,前端开发需要同时开启的屏幕太多了…你有没有迷失windows任务栏下n个窗口和AL
- Base64是一种用64个字符来表示任意二进制数据的方法。用记事本打开exe、jpg、pdf这些文件时,我们都会看到一大堆乱码,因为二进制文
- pycharm一般安装完毕,就是默认是自动保存的,但是......但是....既然是程序,既然是软件,就难免出现bug。也许会 * 友出现头天
- 本文实例讲述了Python编程实现正则删除命令功能。分享给大家供大家参考,具体如下:脚本用途:在DOS下使用del功能箭头,不支持正则表达式
- 所使用python环境为最新的3.6版本一、安装pdfminer模块 安装anaconda后,直接可以通过pip安装pip install
- <?php //设置我们将要使用的文件 $srcurl = "http://localhost/index.php"
- python版本为python3.51.要求1)输入用户名密码2)认证成功后显示欢迎信息3)输错三次后锁定2.需求分析1)用户信息存储在文件
- 本文实例讲述了Python查找数组中数值和下标相等的元素。分享给大家供大家参考,具体如下:题目描述:假设一个单调递增的数组中的每个元素都是整
- 本文实例讲述了Python使用tablib生成excel文件的方法。分享给大家供大家参考,具体如下:import tablibheaders
- 本文实例为大家分享了python超市商品销售管理系统的具体代码,供大家参考,具体内容如下class Goods(object): def _
- scrapy.FormRequestlogin.pyclass LoginSpider(scrapy.Spider): name =
- 相信很多小伙伴平时写python的时候都是需要调试程序的,出问题了,需要了解函数内部是怎么跑的,而这个时候很多人都会想到在疑惑的地方使用pr