refactor
This commit is contained in:
parent
27df7f643e
commit
3741fa4b49
|
@ -44,7 +44,7 @@ function initShaderProgram(gl: WebGLRenderingContext, vsSource: string, fsSource
|
||||||
const fragmentShader = loadShader(gl, gl.FRAGMENT_SHADER, fsSource);
|
const fragmentShader = loadShader(gl, gl.FRAGMENT_SHADER, fsSource);
|
||||||
|
|
||||||
const shaderProgram = gl.createProgram();
|
const shaderProgram = gl.createProgram();
|
||||||
if (shaderProgram == null || vertexShader == null || fragmentShader == null) return null;
|
if (vertexShader == null || fragmentShader == null) return null;
|
||||||
|
|
||||||
gl.attachShader(shaderProgram, vertexShader);
|
gl.attachShader(shaderProgram, vertexShader);
|
||||||
gl.attachShader(shaderProgram, fragmentShader);
|
gl.attachShader(shaderProgram, fragmentShader);
|
||||||
|
@ -71,8 +71,10 @@ onMounted(() => {
|
||||||
canvas.width = width;
|
canvas.width = width;
|
||||||
canvas.height = height;
|
canvas.height = height;
|
||||||
|
|
||||||
const gl = canvas.getContext('webgl', { premultipliedAlpha: true });
|
const maybeGl = canvas.getContext('webgl', { premultipliedAlpha: true });
|
||||||
if (gl == null) return;
|
if (maybeGl == null) return;
|
||||||
|
|
||||||
|
const gl = maybeGl;
|
||||||
|
|
||||||
gl.clearColor(0.0, 0.0, 0.0, 0.0);
|
gl.clearColor(0.0, 0.0, 0.0, 0.0);
|
||||||
gl.clear(gl.COLOR_BUFFER_BIT);
|
gl.clear(gl.COLOR_BUFFER_BIT);
|
||||||
|
@ -229,8 +231,8 @@ onMounted(() => {
|
||||||
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.DYNAMIC_DRAW);
|
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.DYNAMIC_DRAW);
|
||||||
|
|
||||||
if (isChromatic()) {
|
if (isChromatic()) {
|
||||||
gl!.uniform1f(u_time, 0);
|
gl.uniform1f(u_time, 0);
|
||||||
gl!.drawArrays(gl!.TRIANGLE_STRIP, 0, 4);
|
gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
|
||||||
} else {
|
} else {
|
||||||
function render(timeStamp: number) {
|
function render(timeStamp: number) {
|
||||||
let sizeChanged = false;
|
let sizeChanged = false;
|
||||||
|
@ -249,8 +251,8 @@ onMounted(() => {
|
||||||
gl.viewport(0, 0, width, height);
|
gl.viewport(0, 0, width, height);
|
||||||
}
|
}
|
||||||
|
|
||||||
gl!.uniform1f(u_time, timeStamp);
|
gl.uniform1f(u_time, timeStamp);
|
||||||
gl!.drawArrays(gl!.TRIANGLE_STRIP, 0, 4);
|
gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
|
||||||
|
|
||||||
handle = window.requestAnimationFrame(render);
|
handle = window.requestAnimationFrame(render);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue