最终效果预览

本教程最后制作的游戏效果:

准备工作

下载 微信开发者工具 最新版->下载地址

下载 CocosCreator 最新版(我用的V2.1.0)->下载地址

去 微信公众平台 注册一个账号,记得选择账号用途 小程序 ->注册地址

创建工程

打开安装好的 CocosCreator 选择 新建项目 选择HelloWorld设置项目目录，新建项目(直接输入路径即可，会自动创建文件夹)

测试第一个场景

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

给CocosCreator配置安装好的 微信开发者工具 根目录路径，比如我的(C:\Program Files (x86)\Tencent\微信web开发者工具)

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

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

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

到此开发环境流程跑通之后，我们就可以正式开始游戏开发了~下一期开始进行游戏的正式编写,第二篇地址: 微信小游戏开发零基础教程（二）
最终达到的效果是:

微信小游戏开发零基础教程（一）-CocosCreator相关推荐

微信小游戏开发实战教程13-随机生成形状功能的实现
微信小游戏开发实战系列的第13篇. 本节内容包括:通过使用列表来实现可以设置权重的随机功能,以及游戏中的随机生成形状功能的具体实现. 如果你没有任何的游戏开发经验,欢迎阅读我的"人人都能做游 ...
微信小游戏开发实战教程8-消除处理
这是小蚂蚁游戏开发公众号原创的第42篇,微信小游戏开发实战系列的第8篇,点击上方的#微信小游戏开发实战话题可以查看本系列的所有内容. 本篇主要内容包括如何对网格上满足消除条件的方块进行消除处理. 如果 ...
微信小游戏开发实战教程14-闯关模式的实现
这是微信小游戏开发实战系列的第14篇. 本文主要内容是介绍精致1010闯关模式的设计和实现思路. 如果你没有任何的游戏开发经验,欢迎阅读我的"人人都能做游戏"系列教程,它会手把手的 ...
微信小游戏开发实战教程11-使用本地缓存
这是微信小游戏开发实战系列的第11篇. 本节主要内容:使用本地缓存来记录玩家的设置以及各种类型数据的本地缓存和读取操作. 如果你没有任何的游戏开发经验,欢迎阅读我的"人人都能做游戏" ...
微信小游戏开发实战教程12-广告的开通和接入
微信小游戏开发实战系列的第12篇, 本节内容主要包括:如何尽快的开通广告功能,以及如何将广告接入到微信小游戏中. 如果你没有任何的游戏开发经验,欢迎阅读我的"人人都能做游戏"系列教 ...
微信小游戏开发教程-游戏实现3
微信小游戏开发教程-游戏实现3 对象池由于游戏过程中会创建很多临时对象,这些对象很快又不再使用,垃圾回收器也能帮我们主动回收这部分垃圾,但是回收时间不可控制,同时增大了创建对象的开销,所以我们使用对 ...
微信小游戏开发教程-游戏实现2
微信小游戏开发教程-游戏实现2 绘制地面类似于绘制背景,读者自行完成代码.src/runtime/land.js 简易View系统坐标布局对于复杂的页面来说维护相当困难,因此这里我们引入布局的概念 ...
微信小游戏开发教程-游戏实现1
微信小游戏开发教程-游戏实现1 概述微信开发者工具官方提供一个飞机大战的游戏Demo,这里我们不再使用这个demo,我们以FlappyBird为例,为了让读者更加容易理解. 源码 https://g ...
微信小游戏开发教程-2D游戏原理讲解
微信小游戏开发教程-2D游戏原理讲解原理为了更加形象的描述,这里先上一张图: 背景 a. 首先,我们看到背景好像是一张无限长的图片在向下移动.实际则不然,这是一张顶部和底部刚好重叠的图片.这是一种 ...

微信小游戏开发零基础教程（一）-CocosCreator

微信小游戏零基础教程（一）-CocosCreator

最终效果预览

准备工作

创建工程

测试第一个场景

微信小游戏开发零基础教程（一）-CocosCreator相关推荐

最新文章

热门文章