From 2fb13b2c94e73ae8a4112df8ad98d092906e76ba Mon Sep 17 00:00:00 2001 From: Syndamia Date: Mon, 24 Oct 2022 19:54:15 +0300 Subject: [WGL/P03] Added work from practicum --- .../03-Practice-24.10.2022/Problem 0301.html | 90 ++++++++++++++++++++++ .../03-Practice-24.10.2022/Problem 0302.html | 82 ++++++++++++++++++++ .../03-Practice-24.10.2022/webgl-fmi.js | 78 +++++++++++++++++++ 3 files changed, 250 insertions(+) create mode 100644 Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/Problem 0301.html create mode 100644 Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/Problem 0302.html create mode 100644 Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/webgl-fmi.js diff --git a/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/Problem 0301.html b/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/Problem 0301.html new file mode 100644 index 0000000..a7f7e6f --- /dev/null +++ b/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/Problem 0301.html @@ -0,0 +1,90 @@ + + + + + Филмова ролка + + + + + + + + + + + +

Филмова ролка

+ + + + + Искаме canvas, но няма! + + diff --git a/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/Problem 0302.html b/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/Problem 0302.html new file mode 100644 index 0000000..9d60b02 --- /dev/null +++ b/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/Problem 0302.html @@ -0,0 +1,82 @@ + + + + + Циркулярен диск + + + + + + + + + + + +

Циркулярен диск

+ + + + + Искаме canvas, но няма! + + diff --git a/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/webgl-fmi.js b/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/webgl-fmi.js new file mode 100644 index 0000000..62bfda8 --- /dev/null +++ b/Year 2/Computer Graphics with WebGL/03-Practice-24.10.2022/webgl-fmi.js @@ -0,0 +1,78 @@ + +var gl; // глобален WebGL контекст +var glprog; // глобална GLSL програма + +// брой байтове в един WebGL FLOAT (трябва да са 4 байта) +var FLOATS = Float32Array.BYTES_PER_ELEMENT; + +// връща 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; +} + + +// случайно дробно число в интервал +function random(a,b) +{ + return a+(b-a)*Math.random(); +} \ No newline at end of file -- cgit v1.3.1-23-gd82d