示例
// 使用顶点着色器程序创建一个字符串。
// 每个顶点都会调用顶点着色器。
let vertSrc = `
attribute vec3 aPosition;
attribute vec2 aTexCoord;
uniform mat4 uProjectionMatrix;
uniform mat4 uModelViewMatrix;
varying vec2 vTexCoord;
void main() {
vTexCoord = aTexCoord;
vec4 position = vec4(aPosition, 1.0);
gl_Position = uProjectionMatrix * uModelViewMatrix * position;
}
`;
// 使用片段着色器程序创建一个字符串。
// 每个像素都会调用片段着色器。
let fragSrc = `
precision mediump float;
varying vec2 vTexCoord;
void main() {
vec2 uv = vTexCoord;
vec3 color = vec3(uv.x, uv.y, min(uv.x + uv.y, 1.0));
gl_FragColor = vec4(color, 1.0);
}
`;
let myShader;
function setup() {
Notice any errors or typos? Please let us know. Please feel free to edit src/webgl/material.js and open a pull request!