1. 创建游戏圈,具体可以参考:https://developers.weixin.qq.com/minigame/dev/tutorial/open-ability/game-club.html

2. 把游戏圈放到指定的位置方案(假如需要放到页面上指定按钮GameClubButton的位置上,页面的锚点是(0,0)左下角 )

2.1 获取GameClubButton的坐标(x, y)

var x = this.GameClubButton.node.x;

var y = this.GameClubButton.node.y;

2.2 获取逻辑屏幕宽高

let windowSize = cc.view.getVisibleSize();

2.3 得出该位置对应于左上的比例

var leftRatio = this.GameClubButton.x / windowSize.width;

var topRatio = 1 - this.GameClubButton.y / windowSize.height;

2.4 获得实际手机的屏幕宽高

let sysInfo = wx.getSystemInfoSync();

2.5 得出应该放置的对应于left和top的距离

var leftPos = sysInfo.windowWidth * leftRatio;

var topPos = sysInfo.windowHeight * topRatio;

2.6 创建游戏圈按钮

clubButton = wx.createGameClubButton({

icon: 'light',

style: {

left: leftPos - 20, // 之所以要减20,是因为clubButton的锚点在左上角

top: topRos - 20, // 之所以要减20,是因为clubButton的锚点在左上角

width: 40,

height: 40

}

});

如有问题,欢迎指正,共通学习。

微信小游戏游戏圈处理(cocos creator处理)相关推荐

  1. 微信小程序案例源码-cocos creator跨平台开发小游戏案例

    前言 本人一直想学习游戏开发,以前做过Android游戏开发,但电脑坏了,所有源码都没有了,后面也就没有开发了,近来下班之余又想开发游戏了.开发游戏之前,需要考虑开发平台及语言,以前基于Android ...

  2. 小游戏开发上手体验 - Cocos Creator

    微信群里最大的骚扰源有两种: 一是转发#吱口令#~!@#¥%--&*,长按复制此消息领红包之类的 另一种就是各种小程序和小游戏的分享 前天有同学无意间把一个小游戏分享到了答疑群中,我看了一下, ...

  3. (第39册)《微信小程序游戏开发快速入门到实战》夏敏捷著

    本书是微信小程序游戏开发的入门教程,通过大量案例介绍微信小程序游戏开发的基础知识和技巧.全书分三篇,基础篇对微信小程序的框架文件.微信小程序逻辑层和视图层.微信小程序组件进行详细介绍,包括JavaSc ...

  4. 微信小程序游戏「跳一跳」高分秘籍

    饱受争议的微信小程序从今年1月份上线到现在已经快一年了,被寄予厚望的小程序在这一年却并没有达到曾经预期的高度,反而是一直不温不火. 曾经有现象级的刷屏的小程序:匿名聊聊,本以为这会是小程序的新玩法.爆 ...

  5. 2022最新微信小程序游戏:一起来找茬

    正文: 2022最新微信小程序游戏:一起来找茬,有需要的自行去体验吧,其它的就没什么好介绍的了,程序是完整的. 程序: wwwsu.lanzouw.com/iVEie0bm8l5i 图片:

  6. python玩微信小程序游戏_用python一步一步教你玩微信小程序【跳一跳】

    12月28日,微信上线了小游戏「跳一跳」,瞬间成了全民游戏,如何牢牢占据排行榜的第一位呢?用Python帮助你,Python真的无所不能. 作为技术出身的我们,是不是想用技术改变排名呢? 注意:本文适 ...

  7. python玩微信小程序游戏_016 用python一步一步教你玩微信小程序【跳一跳】

    12月28日,微信上线了小游戏「跳一跳」,瞬间成了全民游戏,如何牢牢占据排行榜的第一位呢?用Python帮助你,Python真的无所不能. 作为技术出身的我们,是不是想用技术改变排名呢? 注意:本文适 ...

  8. 微信小游戏云开发在cocos creator中的设置

    之前用three.js手撸了一个微信小游戏半成品,但是因为这种手撸的方式,程序和美术很难配合,而且开发难度和时间成本太大,最终决定还是用cocos creator进行微信小游戏的开发. 微信小程序早已 ...

  9. 借Blake老师的投篮小游戏公开课入门Cocos Creator 3D开发!

    点击上方蓝字关注我 效果预览 获取代码 关注公众号,发送[3D篮球]获取代码. 游戏介绍 ● 点击屏幕,根据按住屏幕的时间,进行蓄力,时间越短,发出去的力越小,时间越长,发出去的力越大,超过了最大力, ...

  10. [字节/头条]小游戏开发错误码Cocos Creator Engine Errors

    github链接:Cocos Creator Engine Errors 0100 %s not yet implemented. 0200 You should specify a valid DO ...

最新文章

  1. 【计算理论】计算理论总结 ( 上下文无关文法 CFG 转为下推自动机 PDA 示例 1 ) ★★
  2. Asp.net MVC3 一语道破
  3. 【STM32】F1 系列驱动全彩显示屏
  4. Redis进阶-Redis安全相关操作
  5. 面试总结之html+css
  6. YBTOJ洛谷P4298:祭祀(二分图匹配)
  7. js内存泄露 垃圾回收_Java内存体系结构(模型),垃圾回收和内存泄漏
  8. New to My Oracle Support?
  9. QT中foreach的使用
  10. python内置模块(三)
  11. 大白菜方式制作win10 PE启动U盘
  12. Fall 2020 Berkeley cs61a hw04答案
  13. SM2/RSA证书工具--简单CA实现
  14. 微软五笔 v1.0 下载
  15. Arnold材质节点篇-随机颜色抖动color_jitter、三平面triplanar、ambient_occlusion环境光遮蔽、curvature曲率
  16. ARM64体系结构编程与实践:算术与移位指令
  17. 信息系统项目管理重点:客户关系管理(CRM)
  18. 2018年python薪资_最好的Python:2017和2018年至今我最喜欢的文章集
  19. MIPI_DSI协议简要介绍
  20. 微信群机器人方案选型

热门文章

  1. mac系统如何连接共享服务器,mac连接共享服务器设置
  2. Firefox 4.0 Beta 7 and 支付宝安全控件 For MeeGo(Linux)
  3. Camunda工作流集成SpringBoot(二)
  4. 【学习笔记】3篇关于表情识别的文章
  5. 计算机二级信息管理,2021年上半年全国计算机等级考试[信息管理技术]精选模拟试题及答案解析...
  6. 2021年全球户外手表收入大约53780百万美元,预计2028年达到132780百万美元
  7. kali linux 下载与 安装教程
  8. html5 css 3d动画效果代码,css3D+动画的例子(附完整代码)
  9. 五子棋棋谱16*16c语言,五子棋必胜棋谱
  10. 对qq2007版本登录过程的协议分析