cocos2d 层级遮挡

2026-09-10

cocos2d-x 开启深度测试验实现遮挡

CCDirector::sharedDirector()->setDepthTest(true); spr->setVertexZ(xxx);

问题:小程序中echarts因为小程序原生的canvas层级太高,而导致弹窗这类dom元素无法遮挡住canvas,如下图: 解决方案1:(wx:if控制dom显隐,显示canvas就重新渲染echarts,简单粗暴,但是耗费性能): 第一步:wxml  <ec-canvas id="storeChart" canvas-id="storeChart" ec=&

UI开发学习中遇到的问题汇总

1.给UIView设置圆角,边框,阴影绘制,需要使用layer 1)设置圆角cornerView.layer.cornerRadius = 20; //设置试图圆角的大小cornerView.layer.masksToBounds = YES //防止子元素溢出父试图将一个正方形设置成圆形,代码为:cornerView.layer.cornerRadius = cornerView.frame.size.height/2;cornerView.layer.masksToBounds = YES;

Unity GUI选择与评价

因为Unity内建的GUI不管是不是从开发效率或效率强制,因此,许多派生GUI插入,什么插件的选择,是一个非常值它被认为是. 既然是评价,就会有非常多的主观意识,这不一定成为选择的根据. 再比方.我已经习惯用NGUI插件了,那么不管你把NGUI说的再难用也无法得到我的认同.所以这篇文章很多其它的是给新手或者没接触过Unity的人作为參考的. 1.Unity自带的GUI,或者对其进行封装自己开发一套GUI框架这两个选择都是很不明智的.Unity自带的GUI效率很低,每次渲染都是一个DrawCal

(Demo分享)利用JavaScript（JS）实现一个九宫格拖拽功能

利用JavaScript(JS)实现一个九宫格拖拽功能 Demo实现了对任意方格进行拖拽,可以交换位置,其中Demo-1利用了勾股定理判断距离! Demo-1整体思路: 1.首先div实现自由移动,一定需要脱离标准文档流,所以我们给它使用绝对定位. 2.利用视觉欺骗,点击鼠标悬浮的其实是利用JS生成的一个Div,交换信息的两个Div并没有位置交换,只是把双方属性进行了交换. 3.利用了勾股定理去判断距离. ##效果图如下: 网页源代码: <!DOCTYPE html> <html&g

纯js制作九宫格

Demo实现了对任意方格进行拖拽,可以交换位置,其中Demo-1利用了勾股定理判断距离! Demo-1整体思路: 1.首先div实现自由移动,一定需要脱离标准文档流,所以我们给它使用绝对定位. 2.利用视觉欺骗,点击鼠标悬浮的其实是利用JS生成的一个Div,交换信息的两个Div并没有位置交换,只是把双方属性进行了交换. 3.利用了勾股定理去判断距离. <html> <head> <meta charset="UTF-8"> <title>

关于移动端开发，vedio标签层级高遮挡蒙版的解决方案

问题描述: 使用famework7框架搭建了一个界面,然后再界面中需要使用蒙版效果,在PC端,ios测试没有问题,在Andriod播放视屏再点击显示蒙版的效果师,视频会遮盖蒙版.修改定位,z-index都没有用. 安卓手机内置x5内核,x5内核不遵循许多web标准,vedio层级最高,播放时不支持所有DOM层面的操作,所以并没有好的解决方案,最后采用的解决方案就是在点击视频播放按钮之后使视频全屏覆盖. 以下是我在原有代码基础上添加的内容,可供遇到同样问题的你使用: 给vedio标签添加属性,播放

解决微信小程序textarea层级太高遮挡其他组件的问题

<view class='remark'> <view class='title'> 备注说明 </view> <textarea class='mark_textarea' placeholder='请说明人员调用具体原因' bindinput="input_remark" value='' /> </view> <cover-view class='fix_bottom bar bottomfix shadow ju

Unity2.5D Sprite层级显示遮挡问题处理

代码源自游戏<A Place for the Unwilling> 开发<A Place for the Unwilling>游戏第一部要解决的问题就是让精灵可以围绕其它精灵前后移动,呈现出真实的深度感觉.SpriteRenderer组件有两个属性,可以改变场景中Sprite的渲染顺序. Sorting Layer 用于设置不同层的Sprite渲染顺序 Order in Layer 用于设置在同一层中的Sprite渲染顺序如果想实时改变多个Sprite的渲染顺序,就需要修改一

Android 浮窗开发之窗口层级

很多人都知道如何去实现一个简单的浮窗,但是却很少有人去深入的研究背后的流程机制,由于项目中浮窗交互比较复杂,遇到了些坑查看了很多资料,故总结浮窗涉及到的知识点: 窗口层级关系(浮窗是如何"浮"的)? 浮窗有哪些限制,如何越过用户授权实现浮窗功能? 窗口与用户输入系统(Activity是如何接收到touch事件?). 本章我们来研究第一个问题:浮窗为何会浮. 浮窗之所以叫浮窗,是因为它能悬浮于应用或者桌面窗口之上,能脱离Activity而存在.为了研究其中区别,我们先来看看我们最熟悉的A

NGUI 层级关系控制

NGUI元素的遮挡情况是不依赖空间关系,所以在NGUI上添加特效有时候特别蛋疼,特别是美术同学还要依赖空间关系来控制特效效果,那先看看看NGUI的层级是怎么处理的,不过下面的描述都是针对单个相机下的Panel,如果存在多个相机当然还要考虑相机的前后关系.在写之前,还是记录下这篇随笔参考的资源:<NGUI 渲染流程深入研究>) , 一篇不错的介绍,对理解整个流程很有帮助,对层级关系也做了很多描述;作为补充,<NGUI的渲染流程> 对理解UIPanel.UIWidget.UIDraw

unity渲染层级关系小结(转存）

最近连续遇到了几个绘制图像之间相互遮挡关系不正确的问题,网上查找的信息比较凌乱,所以这里就把自己解决问题中总结的经验记录下来. Unity中的渲染顺序自上而下大致分为三层. 最高层为Camera层,可以在Camera的depth那里设置,设置之后,图形的渲染顺序就是先绘制depth低的相机下的物体,再绘制depth高的相机下的物体,也就是说,depth高的相机会覆盖depth低的相机(具体的覆盖关系有don't clear, solid color等等几种) 比Camera层稍低一层的是sort

datePiker弹出框被其他div遮挡

最近在做项目的时候,datePiker弹出框被下面的div给遮挡住了,以前也碰到过这样类似的问题,之前直接在style中添加"z-index:1000".但是现在使用angular指令,在网上找了好多例子,有直接修改css的,也有在options添加zIndexOffset的,这样对于我的项目都不适用. 后来查看datepiker的源码,发现其z-index是在其父div的基础上+1.这样就不难发现,只要将其父div的z-index设置的合适就不会出现遮挡问题.下面附上对z-index

unity销毁层级物体及 NGUI 深度理解总结

http://www.2cto.com/kf/201311/258811.html 1.想找到层级面板中某个物体,并销毁,利用下面的代码: GameObject obj = GameObject.Find("所要找的名字"); Destroy(obj): 如果要找的物体比较多,可以将找到的物体放在一个数组中,对于物体的名字如果是按照顺序或者一定规律命名的话,也可以通过for循环统一找并赋值,例如:物体的名字依次为house1,house2,……house10的话,定义一个

Cocos2d坐标系转换

Cocos2d-x坐标系和OpenGL坐标系相同,都是起源于笛卡尔坐标系(高中数学里面那种). 笛卡尔坐标系笛卡尔坐标系中定义右手系原点在左下角,x向右,y向上,z向外,OpenGL坐标系为笛卡尔右手系. 屏幕坐标系和Cocos2d坐标系标准屏幕坐标系使用和OpenGL不同的坐标系,而Cocos2d则使用和OpenGL相同的坐标系. iOS, Android, Windows Phone等在开发应用时使用的是标准屏幕坐标系,原点为屏幕左上角,x向右,y向下. Cocos2d坐标系和OpenG

U3D UGUI学习1 - 层级环境

就像主动碰撞检测需要刚体,刚体需要Mesh Filter.Unity的一些组件都需要基础配置. UGUI的基础配置和NGUI差不多,把NGUI的那些中间件全部削减干净,甚至连快捷键也没有. 1.基础层级的依赖: 所有的UI全部放置于Canvas下,类似NGUI的UI Root.而当你创建UI会自动生成EventSystem的GameObject,处理交互事件所有的UI也都需要用UI层并且Transform在UI的层级中无效,必须要换成RectTransform. 这个改动其实是双刃剑,旧版本

[Flex] IFrame系列 —— IFrame嵌入html后Alert弹出窗口被IFrame遮挡问题

<?xml version="1.0" encoding="utf-8"?> <!--- - - - - - - - - - - - - - - - - - - - - - - - - * @author:Frost.Yen * @E-mail:871979853@qq.com * @create: 2016-6-1 上午11:37:00 - - - - - - - - - - - - - - - - - - - - - - - - - - --&

cocos2d 制作动态光晕效果基础 —— blendFunc

转自:http://blog.csdn.net/yang3wei/article/details/7795764 最近的项目要求动态光晕的效果. 何谓动态光晕?之前不知道别人怎么称呼这个效果, 不过在我看来,“动态光晕”这个名儿起的还是蛮不错的. 动态光晕就是在背景图片的上面蒙上一层光照... 但是这个光照比较特别,他能够变换颜色,变换光圈的半径大小,从而制造出类似梦幻迷离的效果~ 新项目中我是负责游戏特效这一块的,操作过程中我觉得这东西蛮不错的,很有感觉. 之前的项目中我是负责整个游戏场景的编

【Cocos2d入门教程七】三分钟看懂Cocos2d坐标系

无论是搞2d还是3d开发,最需要搞清楚的就是坐标系,这部分混乱的话就没啥搞头了.所以玩cocos2d,一上来就需要先把各种与坐标有关的东西搞清楚. 1.OpenGL坐标系 Cocos2d-x使用的是OpenGL坐标系,原点在屏幕的左下角,x轴向右,y轴向上,也称为笛卡尔坐标系 2.标准屏幕坐标系屏幕坐标默认原点是在左上角,x轴向右,y轴向下.安卓.IOS的屏幕触摸事件传入的位置信息使用的是该坐标.因此在cocos2d中对触摸事件做出响应前需要把触摸点转化为GL坐标,这里Cocos2d-x已经帮

Cocos-2d 坐标系及其坐标转换

Cocos-2d中,涉及到4种坐标系: GL坐标系Cocos2D以OpenglES为图形库,所以它使用OpenglES坐标系.GL坐标系原点在屏幕左下角,x轴向右,y轴向上. 屏幕坐标系苹果的Quarze2D使用的是不同的坐标系统,原点在屏幕左上角,x轴向右,y轴向下.ios的屏幕触摸事件CCTouch传入的位置信息使用的是该坐标系.因此在cocos2d中对触摸事件做出响应前需要首先把触摸点转化到GL坐标系.可以使用CCDirector的convertToGL来完成这一转化. 世界坐标系也叫做绝

Unity NGUI和UGUI与模型、特效的层级关系

目录 1.介绍两大UI插件NGUI和UGUI 2.unity渲染顺序控制方式 3.NGUI的控制 4.UGUI的控制 5.模型深度的控制 6.粒子特效深度控制 7.NGUI与模型和粒子特效穿插层级管理 8.UGUI与模型和粒子特效穿插层级管理写在前面这篇笔记是整理了之前做的记录,在做项目的过程中,遇到了各种各样的界面穿插问题,界面层级混乱,比如,手机卡了或点快了,就导致两个界面相互交叉.对于界面,这应该算是一个很严重的bug,很大部分原因是整个UI框架没有从整体上考虑这个,后来决心弄清楚层级