微信小程序案例-cocos creator跨平台开发小游戏案例-第一个小游戏入手

上一篇:微信小程序案例源码-cocos creator跨平台开发小游戏案例

案例分享

本案例以《成语词语找字大神》(简称“找字大神”)为例,详细介绍整个开发过程,目的在于帮助游戏开发爱好者更快地开发游戏,减少弯路,快速开发自己的游戏。为了更好了解本教程,建议各位爱好者务必使用微信扫描关注试玩,快速了解本游戏的基本功能,更加容易学习本教程。效果预览,请扫一扫。

    

           《成语词语找字大神》微信小游戏


准备工作

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

微信小程序案例-cocos creator跨平台开发小游戏案例-第一个小游戏入手_第1张图片

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

微信小程序案例-cocos creator跨平台开发小游戏案例-第一个小游戏入手_第2张图片

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

创建工程


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

微信小程序案例-cocos creator跨平台开发小游戏案例-第一个小游戏入手_第3张图片


测试第一个场景

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

微信小程序案例-cocos creator跨平台开发小游戏案例-第一个小游戏入手_第4张图片

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


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

微信小程序案例-cocos creator跨平台开发小游戏案例-第一个小游戏入手_第5张图片
构建完毕之后,打开安装的微信小程序安装工具, 第一次打开会提示你登录,用你注册微信公众平台的微信账号扫一扫就可以登录,然后导入构建的小程序。

微信小程序案例-cocos creator跨平台开发小游戏案例-第一个小游戏入手_第6张图片
点击开发工具的预览,用微信扫一扫你自己生成的 二维码,就可以在微信小程序上预览刚刚的结果了。

微信小程序案例-cocos creator跨平台开发小游戏案例-第一个小游戏入手_第7张图片
到此开发环境流程跑通之后,我们就可以正式开始游戏开发了。

要看最终达到的效果,使用微信扫扫一扫:

你可能感兴趣的:(微信小程序,cocos,creator,成语词语小程序)