cocos creator canvas中节点重影问题

已于 2023-05-08 17:49:54 修改
阅读量487 收藏
点赞数 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
关注
cocosCreator预览节点树
03-18
该组件可在cocosCreator浏览器预览游戏时显示当前的节点树，并随时跟新
cocos creator Touch事件应用(触控选择多个子节点的实例)
08-29
在Cocos Creator中，触控事件是一种基于节点的事件，它可以在节点上触发。触控事件的冒泡是指事件从子节点冒泡到父节点的过程，这个过程是直接关系的，也就是说父节点可以响应子节点的触控事件，但是孙子节点不能...
CocosCreator特效系列之模糊特效
kuokuo666的博客
10-28 5609
摘要 在游戏或者影视中，模糊是很常用的特效，那么模糊效果究竟是怎么实现的呢？KUOKUO带你分析原理然后用CocosCreator实现！结尾有源码和演示视频哦！ 正文 版本说明 因为 CocosCreator 在 2.2.x 版以后统一了格式，包括 Cocos3D 的 Effect 是与最新版相同的，所以在以后的文章中一律使用新版写法，旧版写法见上一篇文章。O(∩_∩)O~~ 模糊原理 我们先了...
canvas 绘图Android环境下 会出现重影 即出现两个
zjbkzj的博客
07-19 1017
解决方案： canvas外层的元素 需要设定style属性； 其值为"overflow:visible;-webkit-transform: translateZ(0);"这样就可以了， 我试了下去掉-webkit-transform: translateZ(0);也是可以的。具体情况具体看待吧，有问题欢迎交流。谢谢...
Cocos Creator2D游戏开发(14)---CocosCreator常用组件详解
最新发布
Fuly的博客
08-20 1386
相机组件其他参数: https://docs.cocos.com/creator/3.8/manual/zh/editor/components/camera-component.html。Type(类型): 用于设置图像资源的类型，包括 raw、texture（默认）、normal map、sprite-frame、texture cube。节点（Node） 是承载组件的实体，我们通过将具有各种功能的 组件（Component） 挂载到节点上，来让节点具有各式各样的表现和功能。
linux鼠标拖动重影,Canvas 鼠标拖拉图片重影移动特效
weixin_35146121的博客
05-15 152
JavaScript语言：JaveScriptBabelCoffeeScript确定! function() {"use strict";// ==== init ====var screen = ge1doot.screen.init("canvas", null, true),ctx = screen.ctx,pointer = screen.pointer.init(),list = [],...
【CocosCreator入门】CocosCreator组件 | Canvas（画布）组件
看世界，也找自己
04-20 2180
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中的Canvas能够将游戏物体渲染到屏幕上。
CocosCreator常用的屏幕适配方式
qwery75的博客
12-13 3511
CocosCreator 提供了多种屏幕适配的方式，以确保游戏在不同设备上能够正确显示和布局。以下是 Cocos Creator 中常用的屏幕适配方式及其说明。1、 Cocos Creator 项目设置中统一配置设计分辨率和屏幕适配在同一个项目里的多个 Canvas 的设计分辨率仍然采用同一套设计分辨率以及适配方案。可以通过项目 -> 项目设置 -> 项目数据页面配置。设计宽度、高度：主要设置游戏设计分辨率的尺寸，根据实际情况进行配置。适配屏幕高度：固定高度。适配屏幕宽度：固定宽度。
FairyGUI-cocoscreator:Cocos Creator 的灵活 UI 框架
07-24
FairyGUI-cocoscreator A flexible UI framework for Cocos Creator, working with the FREE professional Game UI Editor: FairyGUI Editor. Official website: 关于版本 master 适用于CocosCreator 2.4或更新的...
cocoscreator中的自定义数字滚动效果
11-02
1. **创建组件**：在Cocos Creator中，组件（Component）是一种可复用的代码模块，可以附加到任何节点（Node）上。首先，我们需要创建一个名为“数字滚动组件”的新组件。在项目资源管理器中右键选择“创建” -> ...
cocosCreator2.x版本中在编辑器里实时显示spine预览
05-28
Cocos Creator 2.x 版本为游戏开发者提供了一个强大且直观的开发环境，其中包含了对Spine动画的支持。Spine是一种流行的2D骨骼...通过熟练掌握这一特性，你可以在Cocos Creator中创造出更加生动、丰富的2D游戏世界。
cocos creator3.7.1中 改canvas大小
m0_66016308的博客
02-27 3146
众嗦粥汁众所周知，CocosCreator是一款游戏制作引擎，同时更新速度比较快，最近入坑cocos，看人家视频里的调节canvas大小，新版已经迁移位置了，百度也搜不到，……^ ^。
Cocos Creator UICanvas详解与2D游戏配置详解
Thomas_YXQ的博客
05-06 738
Cocos Creator是一款强大的2D游戏开发引擎，提供了丰富的工具和组件来帮助开发者快速制作出优秀的游戏作品。其中，UICanvas是Cocos Creator中一个非常重要的组件，用于管理游戏中的UI界面。在本文中，我们将深入探讨Cocos Creator中的UICanvas组件，并结合实际代码示例来详细介绍其使用方法和配置技巧。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！
cocostudio子节点位置偏差的问题
FeiYueShaMo的专栏
06-10 1001
之前写游戏用cocos 2.2版本的，还没有faxian
cocoscreator相机跟随，ui不跟随的问题
enpeng_guo的博客
10-10 1795
主要针对相机跟随移动时 碰撞盒分离进行了总结： 创建一个摄像机，拖动到主角下，使该摄像机成为主角的子对象，那么当主角移动时，视角也会跟随主角移动。取消主角下的摄像机cullingMask下的UI分组勾选，目的是不让主角的摄像机渲染UI，以免导致重叠，或者UI跟随主角移动的bug。(也可以把主相机放在canvas下面，用代码实现跟随) 为UI建立一个分组，将UI全部归类到该分组下。创建一个新的摄像机，cullingMask仅勾选UI所在的分组，clearFalgs全部取消勾选。clearFlags是设
CocosCreator 无死角Camera游戏摄像机 (第十篇)
程序员战胜
02-25 4156
前言： 不知道你在玩游戏的时候有没有发现这样一个现象：就是我们控制人物在地图上移动时，人物和环境一直在发生位置变化，而我们的那些控制按键、技能按键、还有金币数或者能量值等···这些都没有发生变化。为实现这一效果，就需要用到Camera摄像机了，简单介绍一下，摄像机是玩家观察游戏世界的窗口，场景中至少需要有一个摄像机，也可以同时存在多个摄像机。创建场景时，Creator 会默认创建一个名为 Mai...
Cocos Creator多子节点触控选择实例与原理解析
本文档主要介绍了如何在Cocos Creator中处理触控事件，特别是当需要选择多个子节点时的应用实例。作者在开发小游戏的过程中遇到了触控事件的问题，经过深入研究和实践，总结出以下关键知识点： 1. **触控事件基础**...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值