微信小游戏开发零基础教程(一)-CocosCreator

微信小游戏零基础教程(一)-CocosCreator

最终效果预览

本教程最后制作的游戏效果:
在这里插入图片描述

准备工作

下载 微信开发者工具 最新版->下载地址
在这里插入图片描述
下载 CocosCreator 最新版(我用的V2.1.0)->下载地址
在这里插入图片描述
微信公众平台 注册一个账号,记得选择账号用途 小程序 ->注册地址

创建工程

打开安装好的 CocosCreator 选择 新建项目 选择HelloWorld设置项目目录,新建项目(直接输入路径即可,会自动创建文件夹)
在这里插入图片描述

测试第一个场景

创建完毕后,打开assets下的helloworld场景,选中Canvas设置当前场景为竖屏分辨率 640*1136。

在这里插入图片描述

给CocosCreator配置安装好的 微信开发者工具 根目录路径,比如我的(C:\Program Files (x86)\Tencent\微信web开发者工具)
在这里插入图片描述

然后在菜单 项目 -> 构建发布 中修改为图示(当前appid 是微信提供的测试id,后期上线需要修改为自己注册账号中的appid):
在这里插入图片描述

然后点击 构建 完毕之后点击 运行 如果顺利会自动呼出 微信开发者工具 第一次打开会提示你登录,用你注册 微信公众平台 的微信账号扫一扫就可以登录。登录完毕后会看到当前界面,并且无报错信息.
在这里插入图片描述

点击开发工具的 预览 用微信扫一扫你自己生成的 二维码 就可以在微信小程序上预览刚刚的结果了。
在这里插入图片描述

到此开发环境流程跑通之后,我们就可以正式开始游戏开发了~下一期开始进行游戏的正式编写,第二篇地址: 微信小游戏开发零基础教程(二)
最终达到的效果是:
在这里插入图片描述

展开阅读全文

没有更多推荐了,返回首页