• CocosCreator微信小程序

    2018-06-22 16:31:32
    三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的:在 iOS 上,小程序的 javascript 代码是运行在 JavaScriptCore 中,是由 WKWebView 来渲染的,环境有 iOS8、iOS9、iOS10在 An...

    首先配置环境,微信开发者工具可以去creator官方手册找到链接,我是按他们推荐的下载。然后在Creator的偏好设置里设置微信开发工具的一个路径,保存就可以了。



    三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的:

    • 在 iOS 上,小程序的 javascript 代码是运行在 JavaScriptCore 中,是由 WKWebView 来渲染的,环境有 iOS8、iOS9、iOS10
    • 在 Android 上,小程序的 javascript 代码是通过 X5 JSCore来解析,是由 X5 基于 Mobile Chrome 53/57 内核来渲染的
    • 在 开发工具上, 小程序的 javascript 代码是运行在 nwjs 中,是由 Chrome Webview 来渲染的

    在 0.10.101000 以及之后版本的开发工具中,会默认使用 babel 将开发者 ES6 语法代码转换为三端都能很好支持的 ES5 的代码,帮助开发者解决环境不同所带来的开发问题。

    需要注意的是:

    • 为了提高代码质量,在开启 ES6 转换功能的情况下,默认启用 javasctipt 严格模式

    我的cocos2d-js-min.js文件就有1.5M,ES6转ES5试了没用,关闭自动压缩也没用,不过暂时没影响到我的后续工作。留待以后解决。


    模板选择binary可以快速打包,Portrait竖屏,Upside Down倒屏,Landscape Left左右横屏,Landscape Right右左横屏

    toFixed(n),js中保留n位小数。  data.toFixed(1);

    展开全文
  • 如图所示:第二步:选择原生开发环境,选择WechatGame程序路径,并在其中填写WEB开发工具安装路径;WEB开发工具安装路径获取方法;第三步选择构建发布:第四步:若步骤不错,当点击运行后,会自动弹出微信开发者工具...

    第一步:点击偏好设置;如图所示:

    第二步:选择原生开发环境,选择WechatGame程序路径,并在其中填写WEB开发工具安装路径;


    WEB开发工具安装路径获取方法;


    第三步选择构建发布:


    第四步:



    若步骤不错,当点击运行后,会自动弹出微信开发者工具并且运行;

    注意:该项目中的文件夹不能是中文。

    展开全文
  • Cocos2d-JS 适配、打包微信游戏教程 —————————————————————————————————————————— 进去需要下载两个东西 ——————————————————————————...

    这是官方的教程

    Cocos2d-JS 适配、打包微信小游戏教程

    ——————————————————————————————————————————

    进去需要下载两个东西

    ————————————————————————————————————————————————

    解压好微信适配文件,安装好开发者工具之后(

     

    注意!:在替换掉framework/html5后需要先发布一下web版本,再导入WeChatGame)

     

     

     

    然后打开微信开发者工具,选择小程序项目

    然后,选择小程序、选择项目目录为你的.../publish/html文件夹

    最后确定,就可以进行模拟微信端调试了

    ——————————————————————————————————————————

    微信发布版默认横屏,要切换横屏需要修改game.json文件,portrait为竖屏

     

    微信小程序和小游戏都需要已备案的合法域名才可以上传代码。

    具体配置在微信开放平台上。

    # 微信中的js规范和cocos不同,使用chipmunk需要再导出一下

    cocos2d-js | 解决在微信小程序中使用chipmunk报错gameThirdScriptError cp is not defined ReferenceError: cp is not d

     

     

    展开全文
  • cocos creator 接QQ小游戏小程序盒子广告sdk 基础库 1.7.1 版本开始支持广告盒子组件,开发者工具 0.1.28 版本开始支持调试 首先,你需要初始化广告,需要什么判断你自己加,我就不写很详细 this.mBoxAd = qq....

    cocos creator 接QQ小游戏小程序 AppBox 盒子广告sdk
    基础库 1.7.1 版本开始支持广告盒子组件,开发者工具 0.1.28 版本开始支持调试

    开发者工具版本太低是不会显示盒子的,而且不会提示你更新,需要自己去下

    我再加个很重要的提示,因为有人问过我,这个需要做个按钮让玩家点击去显示的,和banner是不一样的


    首先,你需要初始化广告,需要什么判断你自己加,我就不写很详细

    this.mBoxAd = qq.createAppBox({
              adUnitId:"给的ID"
    });
    
    this.mBoxAd.onClose((aMsg: string, aCode: number) => {   })
    

    下面是一些对广告的操作:

    //显示盒子
     this.mBoxAd.load().then(() => { this.mBoxAd.show() })
    
    

    其他API:
    QQ小游戏 BannerAd 创建banner广告组件 API
    QQ小游戏 AppBox 创建广告盒子组件 API
    QQ小游戏 RewardedVideoAd 创建激励视频广告组件 API

    使用方法:
    接QQ小游戏小程序 AppBox 盒子广告sdk
    接QQ小游戏 BannerAd 广告sdk
    接QQ小游戏小程序 RewardedVideoAd 激励视频广告sdk


    展开全文
  • 开发者权限 + 游戏类目 2.分享图放在resources文件夹下: resources/texture/share.png //1.显示当前页面右上角的转发按钮 wx.showShareMenu({withShareTicket:true}) //2.监听:分享接口 cc.loader.loadRes...
    • 准备: 
      • 1.开发者权限 + 小游戏类目
      • 2.分享图放在resources文件夹下: resources/texture/share.png
    //1.显示当前页面右上角的转发按钮
    wx.showShareMenu({withShareTicket:true})
    //2.监听:分享接口 
    cc.loader.loadRes("texture/share",function(err,data){
        wx.onShareAppMessage(function(res){
            return {
                title: "经典打飞机游戏始终好玩如初,来吧!一起回味经典的乐趣。",
                imageUrl: data.url,
                success(res){
                    console.log(res)
                },
                fail(res){
                    console.log(res)
                } 
            }
        })
    }); 
    //3.主动拉起分享接口
    cc.loader.loadRes("texture/share",function(err,data){
        wx.shareAppMessage({
            title: "经典打飞机游戏始终好玩如初,来吧!一起回味经典的乐趣。",
            imageUrl: data.url,
            success(res){
                console.log(res)
            },
            fail(res){
                console.log(res)
            } 
        })
    }); 

     

    展开全文
  • cocos creator 可以通过新建一个creator项目进行添加子域项目,但是有一个缺点就是占用文件大小是一个问题,所以我这里采用微信的API进行绘制排行榜, 主域就是各种发送给子域的消息,这里不再这里赘述,就是各种...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 为了让您的游戏在每个平台上都表现出色,Cocos Creator 每一天都在努力发展中。今日发布的 2.1.4 在 2.1.3 的基础上增加了对支付宝游戏的支持,欢迎大家抓住时机,抢先体验! 支付宝「游戏」,流量价值的另...
  • 本人一直想学习游戏开发,以前做过Android游戏开发,但电脑坏了,...当前各种小游戏平台十分火爆,包括微信小程序、QQ程序、百度小程序、支付宝小程序、华为小程序等等,通过查询了解,cocos creator能够为跨平台...
  • 下面为大家介绍一下 Windows 64 平台下如何搭建基于 Cocos2d-x 的游戏开发环境。 准备 Cocos 开发工具 Cocos Creator 1.8 微信开发者工具 1.02.1712280 安装时直接选择下一步即可。 注意...
  • 答题游戏类小程序形式简单,符合当下社会趋势,多多开发为宜答题游戏类小程序的形式很简单,好友分享是用户裂变最重要的环节。邀请好友的操作不需要再跳转App,新用户也省去了下载注册的步骤,直接点击就可以参与,...
  • cocos2d-x 实践篇小程序

    2014-07-09 12:33:19
    声明:这个
  • Cocos Creator菜鸟学习--运行到微信准备(cocos工程,微信开发者工具)配置微信环境构建发布运行到手机微信如果如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容...
  • 上一篇:微信小程序案例源码-cocos creator跨平台开发小游戏案例 案例分享 本案例以《成语词语找字大神》(简称“找字大神”)为例,详细介绍整个开发过程,目的在于帮助游戏开发爱好者更快地开发游戏,减少弯路,...
  • cocos creator 接QQ小游戏小程序RewardedVideoAd 激励视频广告sdk //首先,你需要初始化广告,判断什么的你自己加,我就不写很详细的 this.mVideosAd = qq.createRewardedVideoAd({ adUnitId: 你的广告的id }); ...
  • 如今,H5游戏、微信小游戏、抖音小游戏、头条小游戏、快手小游戏、百度小游戏、QQ轻游戏等小程序游戏都特别火,而这些小游戏中80%都是用Cocos Creator开发的,Cocos Creator可以做到一次开发,多平台部署。...
  • cocos2d-x 聊天小程序2: 两个客户端的数据交互
  • 废话不多说 直接上代码 被动调用分享: //要在Start方法中开启 start() { wx.showShareMenu({ withShareTicket: true })//开启右上角的分享按钮 ... //分享按钮事件监听 cc.loader.loadRes("share", function ...
  • Cocos Creator 打包成微信游戏源代码,Cocos Creator 打包成微信游戏源代码,Cocos Creator 打包成微信游戏源代码,Cocos Creator 打包成微信游戏源代码,Cocos Creator 打包成微信游戏源代码,Cocos ...
1 2 3 4 5 ... 20
收藏数 17,156
精华内容 6,862