gpt4 book ai didi

javascript - 编译顶点着色器时出错!错误 : 0:3: 'attrubte' : syntax error

转载 作者:行者123 更新时间:2023-11-30 20:00:44 25 4
gpt4 key购买 nike

<分区>

我在使用着色器时遇到了问题,并且是 WebGL 的新手。我已经搜索了几个小时的错误,但就是找不到。我正在学习一个教程并将我的代码与教程作者的代码进行比较,它完全匹配,并且他的代码在他的演示中运行良好,但由于某种原因不能在我的上运行。这里是

  var vertexShaderText =
[
'precision mediump float;',
'',
'attrubte vec2 vertPosition;',
'',
'void main()',
'{',
' gl_Position = vec4(vertPosition, 0.0, 1.0);',
'}'
].join('\n');

var fragmentShaderText =
[
'precision mediump float;',
'',
'void main()',
'{',
'gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);',
'}'
].join('\n');

var InitDemo = function() {
console.log('this is working');

var canvas = document.getElementById('game-surface')
var gl = canvas.getContext('webgl');

if (!gl){
console.log('WebGL not supported, falling back on experimental-webgl');
gl = canvas.getContext('experimental-webgl');

}
if (!gl) {
alert('Your browser does not support WebGL')
}


gl.clearColor(0.75, 0.85,0.8,1.0)
gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);

//
// Create shaders
//
var vertexShader = gl.createShader(gl.VERTEX_SHADER);
var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);

gl.shaderSource(vertexShader, vertexShaderText);
gl.shaderSource(fragmentShader, fragmentShaderText);



gl.compileShader(vertexShader);
if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {
console.error('ERROR compiling vertex shader!', gl.getShaderInfoLog(vertexShader));
return;
}

gl.compileShader(fragmentShader);
if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {
console.error('ERROR compiling fragment Shader!', gl.getShaderInfoLog(fragmentShader));
return;
}
};

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com