Comments (5)
Hello, I am using the same IOS version as you, and I followed the steps you provided to run the scenario using Safari and Chrome without any rendering issues. Could you provide a demo that can be reproduced?
from cocos-engine.
Putting the canvas on the far plane does indeed lead to other issues due to precision on some platforms. So, if you have a reproducible demo to help with troubleshooting, that would be best. Thank you.
from cocos-engine.
iphone-2d-renderroot-repro.zip
Check Camera.Far
If it's 1000 - some sprites are invisible.
If above 1000 - all visible.
I tested with iPhone preview with QR code.
from cocos-engine.
In your demo, sprites are placed on both the near and far planes, which could lead to rendering issues on some platforms due to floating-point precision, as I mentioned earlier. From the demo, I can infer that you intend to manually sort the nodes. However, UI nodes disable depth writing and depth testing during rendering. Therefore, nodes positioned last will be rendered last, and the rendering order is independent of their 3D positions. Hence, you can move the nodes of SomeAboveEverything and SomeBackground to the same plane position as SomeForeground.
from cocos-engine.
In your demo, sprites are placed on both the near and far planes, which could lead to rendering issues on some platforms due to floating-point precision, as I mentioned earlier. From the demo, I can infer that you intend to manually sort the nodes. However, UI nodes disable depth writing and depth testing during rendering. Therefore, nodes positioned last will be rendered last, and the rendering order is independent of their 3D positions. Hence, you can move the nodes of SomeAboveEverything and SomeBackground to the same plane position as SomeForeground.
Is this a bug and is it fixable in the code of the editor?
Reproduction demo is just for the case of reproducing the situation. In project I worked on, real world project, I had to position UI nodes somewhat like in this reproduction demo. And then I encountered this behaviour.
Unfortunately, "Just position nodes below, they will be in front" approach is not that applicable in complex projects with prefabs, prefab replacings, multiple layers, 2-part objects (imagine a barrel in 2d, you are in front of it's back side but behind front side), UI loaders, UI notifications, moving camera etc.
from cocos-engine.
Related Issues (20)
- double se::Value::toDouble() const: assertion "_type == Type::Number || _type == Type::Boolean || _type == Type::BigInt || _type == Type::String" failed HOT 4
- 3.8.3 Building Android debug mode may render exceptions
- Android PostProcess BlitScreen Crash.
- default .gitignore file content wrong. HOT 6
- [Wechat] if a preloaded asset deleted in cache(by lru),Can't redownload it when need to use. HOT 1
- When using bitmapfont in taobao-minigame, the game becomes unresponsive. HOT 1
- Problem in Simulator mode HOT 2
- jsb.onError design issues HOT 4
- Improve array property view HOT 5
- 编辑器中 双击 ts文件, 无法打开, 控制台报错 HOT 6
- 主画布无法实现透明背景.
- Spine组件 没有移除事件的方法
- Button could not be clicked after an exception is thrown while dispatching mouse/touch event.
- Mark component dirty in editor HOT 3
- Support `reverse` functionality for Tween
- Chrome Debug Task cannot debug engine code HOT 7
- spine隐藏时调用setAnimation报错 HOT 2
- The same 3D scene 3.8.3 takes up 90MB more memory than Unity 2021 HOT 5
- taobao Platform can not trigger clearLRU
- 当一个bundle中包含 "排除" 设置时, 不管这个bundle内容是否改变. 每次build后, 都会生成新的config.json HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cocos-engine.