From 53fcbfd88fb45f862c7cfe494bfcb62900a45e67 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Sat, 22 Oct 2022 22:51:57 +0300 Subject: [WGL/HW02] Implemented randomly colored wavy stripes --- .../Homework 02 - The rug/Homework.html | 94 ++++++++++++++++++++++ .../Homework 02 - The rug/webgl-fmi.js | 69 ++++++++++++++++ 2 files changed, 163 insertions(+) create mode 100644 Year 2/Computer Graphics with WebGL/Homework 02 - The rug/Homework.html create mode 100644 Year 2/Computer Graphics with WebGL/Homework 02 - The rug/webgl-fmi.js diff --git a/Year 2/Computer Graphics with WebGL/Homework 02 - The rug/Homework.html b/Year 2/Computer Graphics with WebGL/Homework 02 - The rug/Homework.html new file mode 100644 index 0000000..e141f00 --- /dev/null +++ b/Year 2/Computer Graphics with WebGL/Homework 02 - The rug/Homework.html @@ -0,0 +1,94 @@ + + + + + Чергата + + + + + + + + + + + +

Чергата

+ + + + + Искаме canvas, но няма! + + diff --git a/Year 2/Computer Graphics with WebGL/Homework 02 - The rug/webgl-fmi.js b/Year 2/Computer Graphics with WebGL/Homework 02 - The rug/webgl-fmi.js new file mode 100644 index 0000000..00c2992 --- /dev/null +++ b/Year 2/Computer Graphics with WebGL/Homework 02 - The rug/webgl-fmi.js @@ -0,0 +1,69 @@ + +var gl; // глобален WebGL контекст +var glprog; // глобална GLSL програма + + +// връща WebGL контекст, свързан с HTML елемент с даден id +function getContext(id) +{ + var canvas = document.getElementById(id); + if (!canvas) + { + alert("Искаме canvas с id=\""+id+"\", а няма!"); + return null; + } + + var context = canvas.getContext("webgl"); + if (!context) + { + context = canvas.getContext("experimental-webgl"); + } + + if (!context) + { + alert("Искаме WebGL контекст, а няма!"); + } + + return context; +} + +// връща компилиран шейдър +function getShader(id,type) +{ + var source = document.getElementById(id).text; + var shader = gl.createShader(type); + + gl.shaderSource(shader,source); + gl.compileShader(shader); + if (!gl.getShaderParameter(shader,gl.COMPILE_STATUS)) + { + alert(gl.getShaderInfoLog(shader)); + return null; + } + + return shader; +} + + +// връща готова програма +function getProgram(idv,idf) +{ + var vShader = getShader(idv,gl.VERTEX_SHADER); + var fShader = getShader(idf,gl.FRAGMENT_SHADER); + + if (!vShader || !fShader) {return null;} + + var shaderProgram = gl.createProgram(); + gl.attachShader(shaderProgram,vShader); + gl.attachShader(shaderProgram,fShader); + gl.linkProgram(shaderProgram); + + if (!gl.getProgramParameter(shaderProgram,gl.LINK_STATUS)) + { + alert(gl.getProgramInfoLog(shaderProgram)); + return null; + } + + gl.useProgram(shaderProgram); + return shaderProgram; +} \ No newline at end of file -- cgit v1.3.1-23-gd82d