HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了ios – 在Interface Builder(Xcode)中使用Shadertoy的着色器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用精灵工具包在Interface Builder中查看着色器的样子,并希望在 ShaderToy处使用一些着色器.为此,我创建了一个“shader.fsh”文件,一个场景文件,并添加一个将sprite颜色sprite到场景,给它一个自定义着色器(shader.fsh)

然非常基本的着色器似乎有效:

void main() {
    gl_FragColor = vec4(0.0,1.0,0.0,1.0);
}

我尝试从17000转换着色器的任何尝试都会导致Xcode在尝试渲染它们时冻结(旋转彩球).

我正在使用的着色器是this one

#define M_PI 3.1415926535897932384626433832795

float rand(vec2 co)
{
    return fract(sin(dot(co.xy,vec2(12.9898,78.233))) * 43758.5453);
}

void mainImage( out vec4 fragColor,in vec2 fragCoord )
{
    float size = 30.0;
    float prob = 0.95;

    vec2 pos = floor(1.0 / size * fragCoord.xy);

    float color = 0.0;
    float starValue = rand(pos);

    if (starValue > prob)
    {
        vec2 center = size * pos + vec2(size,sizE) * 0.5;

        float t = 0.9 + 0.2 * sin(iGlobalTime + (starValue - prob) / (1.0 - prob) * 45.0);

        color = 1.0 - distance(fragCoord.xy,center) / (0.5 * sizE);
        color = color * t / (abs(fragCoord.y - center.y)) * t / (abs(fragCoord.x - center.X));
    }
    else if (rand(fragCoord.xy / iResolution.xy) > 0.996)
    {
        float r = rand(fragCoord.xy);
        color = r * (0.25 * sin(iGlobalTime * (r * 5.0) + 720.0 * r) + 0.75);
    }

    fragColor = vec4(vec3(color),1.0);
}

我试过了

>用main(void)替换mainImage()(以便调用它)
>用相关变量替换iXxxxx变量(iGlobalTime,iResolution)和fragCoord变量(基于建议here)
>更换一些变量(iGlobalTimE)……

将mainImage更改为main()并交换变量使其在TinyShading实时测试器应用程序中无错误地运行 – 结果在Xcode(旋转球,冻结)中始终相同.这里的任何建议都会有所帮助,因为目前有关该主题的信息量非常少.

解决方法

我设法使用 SKShader在SpriteKit中使用它.我已经能够渲染ShaderToy的每个着色器,这是迄今为止我尝试过的.唯一的例外是您必须使用iMouse删除任何代码,因为iOS中没有鼠标.@R_487_10673@下……

1)将ShaderToy中的mainImage函数声明更改为…

void main(void) {
    ...
}

ShaderToy mainImage函数一个名为fragCoord的输入.在iOS中,这是全局可用的gl_FragCoord,因此您的主要功能不再需要任何输入.

2)执行全部替换以将以下内容从ShaderToy名称更改为其iOS名称

> fragCoord成为gl_FragCoord
> fragColor变为gl_FragColor
> iGlobalTime成为u_time

注意:还有更多我还没有遇到过.我会像我一样更新

3)提供iResolution稍微复杂一点……

iResolution是视口大小(以像素为单位),可转换为SpriteKit中的精灵大小.这曾经在iOS中以u_sprite_size的形式提供,但已被删除.幸运的是,Apple提供了一个很好的例子,说明如何使用SKShader documentation中的uniforms将它注入到着色器中.

但是,如ShaderToy的Shader Inputs部分所述,iResolution的类型是vec3(x,y和z),而不是u_sprite_size,它是vec2(x和y).我还没有看到使用iResolution的z值的单个ShaderToy.因此,我们可以简单地使用零值的z值.我修改了Apple文档中的示例,为我的着色器提供类型为vec3的iResolution,如此…

let uniformBasedShader = SKShader(filenamed: "YourShader.fsh")

let sprite = SKSpriteNode()
sprite.shader = uniformBasedShader       

let spriteSize = vector_float3(
    Float(sprite.frame.size.width),// x                 
    Float(sprite.frame.size.height),// y
    Float(0.0)                       // z - never used
)

uniformBasedShader.uniforms = [    
    SKUniform(name: "iResolution",vectorFloat3: spriteSizE)
]

而已 :)

大佬总结

以上是大佬教程为你收集整理的ios – 在Interface Builder(Xcode)中使用Shadertoy的着色器全部内容,希望文章能够帮你解决ios – 在Interface Builder(Xcode)中使用Shadertoy的着色器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。