基于three.js的shader入门教程 六

threejs交流群511163089

UV效果可以做啥

为了简单操作 使用PlaneBufferGeometry

这个的uv会从00-11给你排好

varying vec2 vUv;
void main()
{
    vec2 uv=vUv;
//这里不说if不好这个问题 简单的写一个效果
if(uv.x<0.25)
gl_FragColor=vec4(1.0,0.0,0.0,1.0);
else if(uv.x<0.75)
gl_FragColor=vec4(1.0,1.0,0.0,1.0);
else gl_FragColor=vec4(uv.x,uv.y,0.0,1.0);
}

或者

varying vec2 vUv;
void main()
{
    vec2 uv=vUv;
    float dis=length(uv);
    gl_FragColor=vec4(dis);
}

这样就可以仅仅使用UV画东西，只要脑洞够大 一个canvas啥都能画 可以看看shadertoy.com