我在《微信小游戏开发之Cocos Creator系列文章》中,写Cocos Creator项目配置时,提到了Canvas默认分辨率设置,微信推荐使用的设计稿分辨率是750x1334(iphone6的屏幕尺寸),然后把模拟器的分辨率尺寸也设成了750x1334。 项目预览设置 当我发布构建,在微信开发者工具运行时,哦豁,怎么会有黑边呢,突然想起来现在市面上的手机...
把游戏内容的东西全部丢在gameContent中,如果需要移动界面适配屏幕,比如iphonex,直接调整gameContent的位置就可以了。 (3)、在gameContent中放入grid格子资源,并调整位置为x=0,y=105。 这里有必要提一下cocos creator里面的坐标系,左下角为原点,向右为x轴下方向,向上为y轴正方向。 元素默认锚点为元素的中间位置,g...
例如iphonex的刘海屏,cocos提供了safeArea+widget组件进行异形屏适配。支持Android,iOS,微信小游戏。safeArea官方文档 在顶层容器canvas上增加safeArea组件 在cocos里顶部和底部分别放一个按钮,并且添加widget组件适配top和bottom。 左边未添加safearea,右边添加safearea。 可以看到右边在适配时顶部下移了一段距离,这段距离...
cocos vedioview 组件暂时不支持转为小游戏,所以只能用 wx 原生的,但是用 wx 原生的,不太好掌握 video 绘制的位置,因为 cocos 的坐标系是基于设计稿的(比如我习惯的 720*1280),框架内部会根据手机实际尺寸去适配,但是 wx 原生绘制的 video,是直接绘制到实际屏幕上的,所以我的处理是不绘制到实际 cocos 屏幕上,...
这是一个拧柠檬汁的小游戏,模仿的4399小游戏里的,当做自己练手的项目。所用图片来自于截图后简单处理了一下,仅供学习参考用途(图片比较粗糙),PC下chrome浏览器运行截图如下:微信开发者工具下截图如下:我的开发环境: cocos creator v1.9.1 vscode v1.26 微信开发者工具 chrome浏览器 ...
多分辨率适配方案 Cocos Creator 在设计之初就致力于解决一套资源适配多种分辨率屏幕的问题。简单概括来说,我们通过以下几个部分完成多分辨率适配解决方案: Canvas(画布)组件随时获得设备屏幕的实际分辨率并对场景中所有渲染元素进行适当的缩放。 Widget(对齐挂件)放置在渲染元素上,能够根据需要将元素对齐父节点的不同参考...
微信PC 小游戏即支持在微信 PC 版打开微信小游戏。PC 小游戏将具备移动端的大部分能力,包括但不限于虚拟支付、开放数据域、触摸事件等(广告目前暂不支持)。同时 PC 小游戏还支持键盘、鼠标事件及自定义窗口等功能。 Cocos Creator 支持将游戏发布到微信 PC 小游戏,并完成了鼠标、键盘相关接口的适配工作。下面我们...
游戏分成Cocos creator引擎、netty框架、Redis数据库的通用技术,微信和头条的第三方接入,wind扫雷共3个部分。扫雷玩法相关可参考3D扫雷[3],这里记录一些在3D扫雷中没有的。 通用技术(Cocos creator引擎、netty框架、Redis数据库) 屏幕适配 websocket网络框架+心跳包+网络消息分发 全服排行榜 Redis数据库[4] 阿里云 ngi...
刚刚学习cocos creator,使用版本2.1.0 遇到关于子域的3个问题: 1.子域在主域显示时,分辨率会缩小到1/3左右。 解决:在主域要显示的节点挂WX SubContexView组件,cocos 文档里其实有2.0新方法说明。 WX SubContexView组件 2.子域显示的位置有偏差,点击坐标有偏差。 解决:尝试挂在了Widget组件等等,都没用。其实是...
3 制作块,设置块的原点,中心点,前后左右点(主要是做跳跃检测,使用小色块),currBlock nextBlock 4 开始写game_scene.js脚本 绑定player和block 固定第一个block(坐标转换) 添加第二个block (add_block方法) 5 调整第一个块和player的位置 6 实现player的跳跃方法player_jump,以及block的检测方法is_jump_on_bloc...