Galacean
-
|
模型加载完毕后，转场时透明度设置由0到1慢慢显示如何实现 |
Beta Was this translation helpful? Give feedback.
Replies: 0 comments 9 replies
-
|
可以试试修改模型材质的 baseColor 的 alpha |
Beta Was this translation helpful? Give feedback.
-
|
试了，不行。three.js是有转门的属性来控制的: transparent, opacity |
Beta Was this translation helpful? Give feedback.
-
|
我通过修改模型材质的 baseColor 的 alpha 但是渲染有问题，发现了官网中这段介绍：
我想请问一下《颜色混合度模式为期望的组合》和《设置想要渲染的面》这几个概念怎么去理解和设置调试去使模型渲染正常 |
Beta Was this translation helpful? Give feedback.
-
颜色混合度模式为期望的组合颜色混合模式建议看看 https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/blendFuncSeparate 对应到引擎的实现可以看看 RenderState，参考代码如下： private _createSpriteMaterial(): Material {
const material = new Material(this, Shader.find("Sprite"));
const renderState = material.renderState;
const target = renderState.blendState.targetBlendState;
target.enabled = true;
target.sourceColorBlendFactor = BlendFactor.SourceAlpha;
target.destinationColorBlendFactor = BlendFactor.OneMinusSourceAlpha;
target.sourceAlphaBlendFactor = BlendFactor.One;
target.destinationAlphaBlendFactor = BlendFactor.OneMinusSourceAlpha;
target.colorBlendOperation = target.alphaBlendOperation = BlendOperation.Add;
renderState.depthState.writeEnabled = false;
renderState.rasterState.cullMode = CullMode.Off;
material.renderQueueType = RenderQueueType.Transparent;
material.isGCIgnored = true;
return material;
}设置想要渲染的面关于渲染面，建议看看 https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/cullFace 对应的引擎使用方式如下： renderState.rasterState.cullMode = CullMode.Off; |
Beta Was this translation helpful? Give feedback.
-
|
有没有demo啊，光看属性有点懵 |
Beta Was this translation helpful? Give feedback.
-
|
Beta Was this translation helpful? Give feedback.
-
|
补充下透明度设置： material. isTransparent |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
来一个你的最小示例呗～ |
Beta Was this translation helpful? Give feedback.
我通过修改模型材质的 baseColor 的 alpha 但是渲染有问题，发现了官网中这段介绍：
请先确保材质开启了透明度模式，即材质的 isTransparent 属性设置为了 true。
相应的材质的 baseColor 需要设置正确的透明度。如 material.baseColor.a = 0.5。透明度范围为 【0 ～ 1】，数值越小，越透明。
如果透明度渲染仍有异常，请确保材质的颜色混合度模式（blendMode）为期望的组合。
有一些透明度渲染异常可能是因为没有关闭背面剔除，可以通过 renderFace 来设置想要渲染的面。
我想请问一下《颜色混合度模式为期望的组合》和《设置想要渲染的面》这几个概念怎么去理解和设置调试去使模型渲染正常