safari 14.2 中未显示着色器材质

Posted

技术标签:

【中文标题】safari 14.2 中未显示着色器材质【英文标题】:Shader material not displayed in safari 14.2 【发布时间】:2021-02-23 05:03:40 【问题描述】:

有一个着色器使用 Perlin 噪声来创建波浪效果。但在 safari 14.2 上,使用此着色器的材质根本不会显示。有没有办法让它在较新的 ios 版本上运行? Codesandbox

【问题讨论】:

任何错误信息? 没什么,着色器编译正常,在 IOS 上一切正常 你的意思是它没有显示在 Safari 14.2 或 iOS 14.2 上? 【参考方案1】:

我遇到了非常相似的问题。解决方案相当简单。噪声函数确实需要高精度的浮点数。

precision highp float; 

而不是

precision mediump float;

成功了*。在您的示例中尝试过,它确实有效,需要调整 noiseAmp,因为 highp 噪声似乎比 mediump 噪声更刺耳。

【讨论】:

以上是关于safari 14.2 中未显示着色器材质的主要内容,如果未能解决你的问题,请参考以下文章

UE4 Material 101学习笔记——13-18 完整的雨水着色器

three.js 着色器材质基础

Godot Shader笔记:着色器材质ShaderMaterial

maya渐变着色器怎么用

材质着色器和纹理

材质着色器和纹理