cocos creator canvas中节点重影问题

已于 2023-05-08 17:49:54 修改
阅读量401 收藏
点赞数 1
文章标签： cocos2d
于 2023-05-08 16:20:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Level_Gram/article/details/130561726
版权

创建一个新的canvas然后在界面上加载，遇到节点重影问题。

 解决方法，去掉cc.Canvas下的 Align Canvas With Screen 的勾选

AlignCanvasWithScreenCanvas 关联的相机是否要与 Canvas 对齐，如果想要自己控制相机位置请勿勾选此选项（卷轴游戏等）

这样并没有解决根本问题 ， 根本问题是因为新创建的canvas下有一个camera直接删掉不用的camera就可以了(这样处理也不好)

正确的处理方式是对不同的camera做层级处理，比如camera1只显示层级default的内容，camera2只显示ui层的内容

Level_Gram
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
canvas 绘图Android环境下 会出现重影 即出现两个
zjbkzj的博客
07-19 958
解决方案： canvas外层的元素 需要设定style属性； 其值为"overflow:visible;-webkit-transform: translateZ(0);"这样就可以了， 我试了下去掉-webkit-transform: translateZ(0);也是可以的。具体情况具体看待吧，有问题欢迎交流。谢谢...
linux鼠标拖动重影,Canvas 鼠标拖拉图片重影移动特效
weixin_35146121的博客
05-15 140
JavaScript语言：JaveScriptBabelCoffeeScript确定! function() {"use strict";// ==== init ====var screen = ge1doot.screen.init("canvas", null, true),ctx = screen.ctx,pointer = screen.pointer.init(),list = [],...
CocosCreator特效系列之模糊特效
kuokuo666的博客
10-28 5508
摘要 在游戏或者影视中，模糊是很常用的特效，那么模糊效果究竟是怎么实现的呢？KUOKUO带你分析原理然后用CocosCreator实现！结尾有源码和演示视频哦！ 正文 版本说明 因为 CocosCreator 在 2.2.x 版以后统一了格式，包括 Cocos3D 的 Effect 是与最新版相同的，所以在以后的文章中一律使用新版写法，旧版写法见上一篇文章。O(∩_∩)O~~ 模糊原理 我们先了...
CocosCreator常用的屏幕适配方式
qwery75的博客
12-13 2487
CocosCreator 提供了多种屏幕适配的方式，以确保游戏在不同设备上能够正确显示和布局。以下是 Cocos Creator 中常用的屏幕适配方式及其说明。1、 Cocos Creator 项目设置中统一配置设计分辨率和屏幕适配在同一个项目里的多个 Canvas 的设计分辨率仍然采用同一套设计分辨率以及适配方案。可以通过项目 -> 项目设置 -> 项目数据页面配置。设计宽度、高度：主要设置游戏设计分辨率的尺寸，根据实际情况进行配置。适配屏幕高度：固定高度。适配屏幕宽度：固定宽度。
CocosCreator-Canvas
Q1648778537的博客
12-11 4238
Canvas 可以被称为画布节点或渲染根节点。场景中的 Canvas 同时只能有一个，建议所有 UI 和可渲染元素都设置为 Canvas 的子节点。这样当Canvas的scale（缩放）属性改变时，所有作为其子节点的图像也会跟着一起缩放以适应不同屏幕的大小。 Canvas 有以下三个属性 Design Resolution 用于设置分辨率Fit Height 用于设置高度自动
cocosCreator预览节点树
最新发布
03-18
该组件可在cocosCreator浏览器预览游戏时显示当前的节点树，并随时跟新
cocoscreator中的自定义数字滚动效果
11-02
cocos creator中的数字滚动，可作为组件直接使用
Cocos Creator 3.x 中使用 Socket.io
10-10
Cocos Creator 3.x 中使用 Socket.io Cocos Creator 3.x 中使用 Socket.io 文档地址：https://blog.csdn.net/nicepainkiller/article/details/127239678 文档地址：...
CocosCreator重复滚动列表代码
08-11
直接挂到空预制体上，挂载一个滚动列表即可使用，支持水平和垂直滚动列表。 使用子节点缓存池，减少初始节点的创建，滚动过程中刷新界面，减少渲染和drawcall，提高性能。
cocos creator中的组件pageview适配
10-30
之前的只是仅有一个横向的适配，没有对纵向的进行适配，这次添加了纵向，这样横向和纵向都有了。之前的可以舍弃不用了。
cocoscreator Canvas节点
sylalak123的博客
03-06 1696
Canvas节点 作为 UI 根节点，为所有子节点提供视窗四边的位置信息以供对齐，另外提供屏幕适配策略接口，方便从编辑器设置。 注：由于本节点的尺寸会跟随屏幕拉伸，所以 anchorPoint 只支持 (0.5, 0.5)。 cc.view 全局的视图对象 全局的单例对象，使用时cc.view.methodName();既可调用view的方法。 方法： setOrientation ：设置游戏屏幕朝向，它能够是横版，竖版或自动 getVisibleSize ： 返回视图窗口可见区域尺寸。 getVis
【cocos creator】世界坐标转换 | 摄像机学习（详细，举例子解析）
weixin_44766680的博客
11-24 2418
这里写自定义目录标题cocos creator坐标转换1.区分世界坐标和本地坐标（节点坐标）2.坐标转换的理解合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 cocos creator坐标转换 看了官方文档，对于坐标转换依旧一脸懵逼，然后就
CocosCreator 无死角Camera游戏摄像机 (第十篇)
程序员战胜
02-25 4021
前言： 不知道你在玩游戏的时候有没有发现这样一个现象：就是我们控制人物在地图上移动时，人物和环境一直在发生位置变化，而我们的那些控制按键、技能按键、还有金币数或者能量值等···这些都没有发生变化。为实现这一效果，就需要用到Camera摄像机了，简单介绍一下，摄像机是玩家观察游戏世界的窗口，场景中至少需要有一个摄像机，也可以同时存在多个摄像机。创建场景时，Creator 会默认创建一个名为 Mai...
cocos creator 自定义Canvas分享
枫树林的博客
11-15 2393
cocos creator 自定义Canvas分享 用cocos creator开发微信小游戏时，基本都会有分享模块，如果是直接分享当前显示的界面，则可以直接用 微信提供的canvas换图片功能即可，但是有时需要分享非屏幕显示出来的图片，这时就无法使用这种方式了， 就只有利用自定义canvas功能了 下面记录一下当前自己项目中遇到的关于分享功能的处理过程，以备以后再次遇到这些问题时抓耳挠腮了： ...
cocoscreator中使用canvas模式
热门推荐
9527的专栏
07-04 1万+
要使用 Canvas 模式，可以在 build 出来的 main.js 中，修改var option = { //width: width, //height: height, id: ‘GameCanvas’, scenes: settings.scenes, debugMode: settings.debug ? cc.DebugMode.INF
cocos 修改层级_cocos creator 场景如何透明，多个canvas层级显示
weixin_39525097的博客
12-20 641
经过多次实验，Canvas模式下，cc.game.run(option, onStart);之前cc.macro.ENABLE_TRANSPARENT_CANVAS = true;成功露出了cocos 自带的Canvas下的其他dom元素在WebGL模式下，渲染层级在最上面的Node需要开启opacity = 1，同时设置则此node内的范围都会露出底层的其他dom元素，同时node之外的内容被裁...
cocos creator之绘图系统
nk1212582的博客
08-15 1万+
编辑器中设置 在编辑器中Graphics组件的fillColor属性中设置 不足的地方就是，不管绘制多少个图像都只有固定的透明度 代码动态设置 drawLine:function(){ var graphics=this.getComponent(cc.Graphics); graphics.circle(0,0,200); //添加...
cocos creator如何获取节点下所有子节点
05-29
在 Cocos Creator 中，可以使用以下代码获取一个节点下的所有子节点： ``` let children = node.children; ``` 其中，`node` 是你要获取子节点的节点对象。这个方法会返回一个数组，包含了这个节点下的所有子节点。你可以遍历这个数组，对每个子节点进行操作。例如，你可以使用以下代码打印出这个节点下的所有子节点的名称： ``` for (let i = 0; i < children.length; ++i) { let child = children[i]; console.log(child.name); } ``` 希望这个回答能够帮助你解决问题，如果你还有其他问题，可以继续提出。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值