Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Cult of the Ram [GAME]
ID	5117539636920320
Created	1 years ago, 1732474343766
Updated	1 years ago, 1734926982912
Code	<!DOCTYPE html> <!-- █████████████████████████████████████████████████████████████ ██████ ██ ██ ██ ████████ ██████ ███████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ █████ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██████ ███████ ██ ██████ ██ ████████ ██ ██ ███████ ██████ █████ ███ ███ ██ ██ ██ ██ ██ ██ ██ ██ ████ ████ ██ ███████ █████ ██████ ███████ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███████ ██ ██ ██ ██ ██ ██ Directions: The Ram lurks through decades neglected halls, searching for disciples, new minds to infect and ruin. Click the Delfin figure at the end of the twisting halls to defend yourself from corruption, then find your way back to the start to claim freedom. WASD or Arrow keys to move, and avoid Tommy the Ram at all costs. You can hit space to peek behind you. An eye symbol at the top of your screen displays if Tommy is searching. When the eye opens, stay still to avoid being found. If the eye turns red at any time, Tommy is within your line of sight. Running is advised. Strategy comes from the fact that Tommy will hone in on your location while the eye is open and you are moving. He will still hone in while you are not moving however, so make good use of your time. --> <html> <title>Cult of the Ram [GAME]</title> <canvas width = "512" height = "512" id = "mainCanvas"></canvas> <canvas width = "900" height = "900" id = "overlayCanvas"></canvas> <img id="ram" src="https://www.khanacademy.org/computer-programming/new-webpage/6191716940824576/5971244609355776.png" style="display:none;"> <img id="statue" src="https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-tree/4906544341630976/6179018899374080.png" style="display:none;"> <style> { margin:0px; overflow:hidden; } #m{ display:none; } #mainCanvas{ width:600px; height:600px; } #overlayCanvas{ width:600px; height:600px; position:absolute; top:0px; left:0px; } #skybox{ display:none; } #bloom{ display:none; } </style> <script id = 'vertex-bloom' type = 'glsl'>#version 300 es in vec2 aPosition; out vec2 pos; precision highp float; void main() { pos = aPosition; gl_Position = vec4(aPosition, 0, 1); } </script> <script> </script> <script id = 'fragment-bloom' type = 'glsl'>#version 300 es precision highp sampler2D; uniform sampler2D iChannel0; precision highp float; uniform vec2 u_resolution; uniform float drawx; uniform float drawy; uniform float clicked; uniform float iTime; uniform vec2 cameraAngle; uniform float vin; out vec4 fragColor; vec2 Rotate(vec2 uv,float ang){ return vec2(uv.xcos(ang)-uv.ysin(ang),uv.xsin(ang)+uv.ycos(ang)); } void Rotate( inout vec3 vector, vec2 angle ) { vector.yz = cos(angle.y)vector.yz +sin(angle.y)vec2(-1,1)vector.zy; vector.xz = cos(angle.x)vector.xz +sin(angle.x)vec2(-1,1)vector.zx; } #define M1 1597334677U //1719413929 #define M2 3812015801U //140473246711 float hash( uvec2 q ) { q = uvec2(M1, M2); uint n = (q.x ^ q.y) M1; return float(n) * (1.0/float(0xffffffffU)); } vec4 textur(vec2 uv){ vec2 ruv=uv; return texelFetch(iChannel0,ivec2(ruv512.0),0); } #define DITHER_STEPS 2.0 int dither_matrix[64] = int[]( 0,32,8,40,2,34,10,42, 48,16,56,24,50,18,58,26, 12,44,4,36,14,46,6,38, 60,28,52,20,62,30,54,22, 3,35,11,43,1,33,9,41, 51,19,59,27,49,17,57,25, 15,47,7,39,13,45,5,37, 63,31,55,23,61,29,53,21 ); vec4 posterize(vec4 col, float steps) { return floor(colsteps)/steps; } vec4 nearest_palette(vec4 x) { return posterize(x, DITHER_STEPS); } vec4 dither(vec4 col, vec2 uv) { int x_m = int(uv.x) % 8; int y_m = int(uv.y) % 8; float M = float(dither_matrix[y_m8+x_m])/64.; return nearest_palette(col+(M-.5f)); } vec3 srgbToLinear(const vec3 x){ return 0.315206x((2.10545+x)(0.0231872+x)); } // curve matched using turingbot vec4 t(vec2 p,float m){ vec4 t=texture(iChannel0,p,m); return vec4(srgbToLinear(t.rgb),t.a); } vec4 fastBloom (vec2 p,vec2 r,float mi){ float mip = mi; float scale = exp2(mip)2.0; vec4 c = t((p+vec2(-1.5,-0.5)scale)/r,mip).1+ t((p+vec2( 0.5,-1.5)scale)/r,mip).1+ t((p+vec2( 1.5, 0.5)scale)/r,mip).1+ t((p+vec2(-0.5, 1.5)scale)/r,mip).1+ t((p)/r,mip).7+ t(p/r,0.).7; return c; } void main() { vec2 fragCoord = gl_FragCoord.xy; vec2 iMouse = vec2(drawx,drawy); vec2 iResolution = vec2(512.0,512.0); vec2 res = iResolution.xy; vec2 uv=(fragCoord/res); uv.y=1.0-uv.y; fragColor.rgba = textur(uv).rgba; fragColor.b = textur((uv-0.5)0.96+0.5).b; fragColor.g = textur((uv-0.5)0.98+0.5).g; fragColor.r = textur((uv-0.5)1.0+0.5).r; // fragColor.rgb=mix(fragColor.rgb,((fragColor.rgb+1.0)/2.0)vec3(0.05,0.06,0.3),pow(distance(uv8.0,vec2(0.58.0,0.58.0)),2.0)/200.0+0.3); vec3 som=vec3(0.0); float aca=0.0; float accum=0.0; vec3 blu=vec3(0.0); for(float i=0.0;i<4.0;i++){ vec4 bloo=fastBloom(uv512.0,vec2(512.0),float(i)+1.0); aca+=max(-(fragColor.a-bloo.a/1.9),-0.2)2.1; fragColor.rgb+=bloo.rgb1.0; } fragColor.rgb/=2.0; fragColor.rgb=1.0-clamp(vec3(aca),0.0,3.0); //fragColor.rgb+=aca; fragColor.rgb=mix(fragColor.rgb,vec3(0.2),1.0-fragColor.a); fragColor.rgb=1.0; vec2 uv2=uv; uv = 1.0 - uv.yx; float vig = uv.xuv.y 50.0; // multiply with sth for intensity vig = sqrt(vig); // change pow for modifying the extend of the vignette fragColor.rgb-=(1.0-vec3(vig))/3.0vec3(vin,1.0,1.0); float dis=clamp(fragColor.a1.0,0.0,1.0); fragColor.a=1.0; fragColor.rgb=dis-0.2; fragColor.r=mix(fragColor.r,sqrt(fragColor.r),0.2+clicked/4.1415)1.2; fragColor.gb=atan(fragColor.gb3.141/2.0)1.0; //fragColor.rgb=dither(vec4(fragColor.rgb2.0,1.0),gl_FragCoord.xy1.0).rgb; } </script> <script id = 'vertex-shader' type = 'glsl'>#version 300 es in vec3 coordinates; in vec3 normal; in vec3 uvi; precision highp float; precision highp sampler2D; uniform sampler2D iChannel0; uniform float iTime; uniform float dopts; uniform vec2 cameraAngle; uniform vec3 playerPosition; out vec3 pos; void CamRotate(inout vec3 vector, vec2 angle) { angle.y=-1.0; vector.xz = cos(angle.x) vector.xz + sin(angle.x) * vec2(-1, 1) * vector.zx; vector.yz = cos(angle.y) * vector.yz + sin(angle.y) * vec2(-1, 1) * vector.zy; } void Rotate(inout vec3 vector, vec2 angle) { vector.yz = cos(angle.y) * vector.yz + sin(angle.y) * vec2(-1, 1) * vector.zy; vector.xz = cos(angle.x) * vector.xz + sin(angle.x) * vec2(-1, 1) * vector.zx; } vec3 mod289(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; } vec2 mod289(vec2 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; } vec3 permute(vec3 x) { return mod289(((x34.0)+1.0)x); } // // Description : GLSL 2D simplex noise function // Author : Ian McEwan, Ashima Arts // Maintainer : ijm // Lastmod : 20110822 (ijm) // License : // Copyright (C) 2011 Ashima Arts. All rights reserved. // Distributed under the MIT License. See LICENSE file. // https://github.com/ashima/webgl-noise // float noise(vec2 v) { v/=4.0; // Precompute values for skewed triangular grid const vec4 C = vec4(0.211324865405187, // (3.0-sqrt(3.0))/6.0 0.366025403784439, // 0.5(sqrt(3.0)-1.0) -0.577350269189626, // -1.0 + 2.0 C.x 0.024390243902439); // 1.0 / 41.0 // First corner (x0) vec2 i = floor(v + dot(v, C.yy)); vec2 x0 = v - i + dot(i, C.xx); // Other two corners (x1, x2) vec2 i1 = vec2(0.0); i1 = (x0.x > x0.y)? vec2(1.0, 0.0):vec2(0.0, 1.0); vec2 x1 = x0.xy + C.xx - i1; vec2 x2 = x0.xy + C.zz; // Do some permutations to avoid // truncation effects in permutation i = mod289(i); vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0 )); vec3 m = max(0.5 - vec3( dot(x0,x0), dot(x1,x1), dot(x2,x2) ), 0.0); m = mm ; m = mm ; // Gradients: // 41 pts uniformly over a line, mapped onto a diamond // The ring size 1717 = 289 is close to a multiple // of 41 (417 = 287) vec3 x = 2.0 * fract(p * C.www) - 1.0; vec3 h = abs(x) - 0.5; vec3 ox = floor(x + 0.5); vec3 a0 = x - ox; // Normalise gradients implicitly by scaling m // Approximation of: m = inversesqrt(a0a0 + hh); m = 1.79284291400159 - 0.85373472095314 * (a0a0+hh); // Compute final noise value at P vec3 g = vec3(0.0); g.x = a0.x * x0.x + h.x * x0.y; g.yz = a0.yz * vec2(x1.x,x2.x) + h.yz * vec2(x1.y,x2.y); return 130.0 * dot(m, g); } float sabs(float x){ return sqrt(xx+0.2); } float n(vec2 uv){ return pow(1.0-sabs(noise(uv)),2.0); } float fbm(vec2 uv){ float o=0.0; float mult=1.0; for(int i=0;i<4;i++){ vec2 f=vec2(n(uvmult+(vec2(0.0)multmult))/mult-n(uvmult+(vec2(0.0)multmult+vec2(0.001,0.0)))/mult,n(uvmult+(vec2(0.0)multmult))/mult-n(uvmult+(vec2(0.0)multmult+vec2(0.0,0.001)))/mult); mult=2.0; float g=n(uvmult+(vec2(0.0)multmult))/mult; g=1.0-length(f100.0); o+=g; } return pow(o3.0+0.5,5.0); } out vec3 surfaceCoords; out vec3 pp; out vec3 no; out float dp; out vec3 ouv; out vec2 vert; out float siz; void main() { float fov=1.3; pos=coordinates; if(dopts>0.5){ pos+=vec3(noise(vec2(mod(float(gl_VertexID),100.0)+iTime/20000.0))5.0,noise(vec2(mod(float(gl_VertexID),101.0)+5.5+iTime/20000.0))5.0,noise(vec2(mod(float(gl_VertexID),102.0)+10.5+iTime/20000.0))5.0); } ouv=uvi; surfaceCoords = pos; pos+=playerPosition; CamRotate(pos,cameraAngle); pp=playerPosition; float silly=-0.001+pos.zfov; pos.x=-1.0; pos.y=-1.0; silly=silly; no=normal; pos.z=-1.0; dp=pos.z; if(length(pos.xyz)>15.0&&dopts>0.5){ pos+=1000.0; } vert = pos.xy/pos.z; gl_PointSize = 5.0/(-pos.z); siz=gl_PointSize; gl_Position = vec4(pos,silly); } </script> <script id = 'fragment-shader' type = 'glsl'>#version 300 es precision highp float; in vec3 surfaceCoords; in vec3 pp; in vec3 no; in float dp; in vec3 ouv; in vec2 vert; in float siz; precision highp sampler2D; uniform sampler2D iChannel0; uniform float iTime; uniform vec2 cameraAngle; uniform vec3 playerPosition; uniform float dopts; out vec4 FragColor; vec3 mod289(vec3 x) { return x - floor(x (1.0 / 289.0)) * 289.0; } vec2 mod289(vec2 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; } vec3 permute(vec3 x) { return mod289(((x34.0)+1.0)x); } // // Description : GLSL 2D simplex noise function // Author : Ian McEwan, Ashima Arts // Maintainer : ijm // Lastmod : 20110822 (ijm) // License : // Copyright (C) 2011 Ashima Arts. All rights reserved. // Distributed under the MIT License. See LICENSE file. // https://github.com/ashima/webgl-noise // float noise(vec2 v) { v/=4.0; // Precompute values for skewed triangular grid const vec4 C = vec4(0.211324865405187, // (3.0-sqrt(3.0))/6.0 0.366025403784439, // 0.5(sqrt(3.0)-1.0) -0.577350269189626, // -1.0 + 2.0 C.x 0.024390243902439); // 1.0 / 41.0 // First corner (x0) vec2 i = floor(v + dot(v, C.yy)); vec2 x0 = v - i + dot(i, C.xx); // Other two corners (x1, x2) vec2 i1 = vec2(0.0); i1 = (x0.x > x0.y)? vec2(1.0, 0.0):vec2(0.0, 1.0); vec2 x1 = x0.xy + C.xx - i1; vec2 x2 = x0.xy + C.zz; // Do some permutations to avoid // truncation effects in permutation i = mod289(i); vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0 )); vec3 m = max(0.5 - vec3( dot(x0,x0), dot(x1,x1), dot(x2,x2) ), 0.0); m = mm ; m = mm ; // Gradients: // 41 pts uniformly over a line, mapped onto a diamond // The ring size 1717 = 289 is close to a multiple // of 41 (417 = 287) vec3 x = 2.0 * fract(p * C.www) - 1.0; vec3 h = abs(x) - 0.5; vec3 ox = floor(x + 0.5); vec3 a0 = x - ox; // Normalise gradients implicitly by scaling m // Approximation of: m = inversesqrt(a0a0 + hh); m = 1.79284291400159 - 0.85373472095314 * (a0a0+hh); // Compute final noise value at P vec3 g = vec3(0.0); g.x = a0.x * x0.x + h.x * x0.y; g.yz = a0.yz * vec2(x1.x,x2.x) + h.yz * vec2(x1.y,x2.y); return 130.0 * dot(m, g); } void Rotate(inout vec3 vector, vec2 angle) { vector.yz = cos(angle.y) * vector.yz + sin(angle.y) * vec2(-1, 1) * vector.zy; vector.xz = cos(angle.x) * vector.xz + sin(angle.x) * vec2(-1, 1) * vector.zx; } float sabs(float x){ return sqrt(xx+0.2); } float n(vec2 uv){ return pow(1.0-sabs(noise(uv)),2.0); } float fbm(vec2 uv, int d){ float o=0.0; float mult=1.0; for(int i=0;i<2;i++){ vec2 f=vec2(n(uvmult+(vec2(0.0)multmult))/mult-n(uvmult+(vec2(0.0)multmult+vec2(0.001,0.0)))/mult,n(uvmult+(vec2(0.0)multmult))/mult-n(uvmult+(vec2(0.0)multmult+vec2(0.0,0.001)))/mult); mult=2.0; float g=n(uvmult+(vec2(0.0)multmult))/mult; g=1.0-length(f100.0); o+=g; } return pow(o3.0+0.5,5.0); } mat3 tbn( in vec3 ro, in vec3 ta, float cr ) { vec3 cw = normalize(ta-ro); vec3 cp = vec3(sin(cr), cos(cr),0.0); vec3 cu = normalize( cross(cw,cp) ); vec3 cv = ( cross(cu,cw) ); return mat3( cu, cv, cw ); } void main() { vec3 pp2=-pp.xyz; vec3 triNormal=no; vec2 po=surfaceCoords.xz; if(dopts>0.5){ FragColor = vec4((vec3(1.0,0.9,0.8))0.5,1.0-(-dp)0.010 ); //FragColor.rgb=vec3(,0.0); FragColor.rgb-=clamp((length(((-(vert.xy-1.3)/2.6))-(gl_FragCoord.xy/512.0))180.0/siz),0.01,0.99); return; } triNormal=normalize(triNormal); // vec3 lightCoords=pp-vec3(0.0,0.0,-0.0); vec3 triangleColor=vec3(0.9)1.0; triangleColor=clamp(triangleColor,0.0,1.0); vec3 hehe = -normalize(surfaceCoords-ppvec3(-1.0,1.0,-1.0)); vec3 lightPos=pp2; vec3 FragPos=surfaceCoords; vec3 viewPos=pp2; vec3 lightDir = normalize(lightPos - FragPos); vec3 viewDir = normalize(viewPos - FragPos); vec3 halfwayDir = normalize(lightDir + viewDir); vec3 basNorm=vec3(0.001,0.001,1.0); vec3 nmap=texture(iChannel0,mod(ouv.xy,vec2(0.99))vec2(0.5,1.0)+vec2(0.5,0.0)).rgb2.0-1.0; vec3 normal=triNormal; vec3 tangent=cross(triNormal,vec3(0.0,1.0,0.0)); vec3 bitangent=cross(tangent,normal); mat3 tangentToWorld = mat3( vec3(tangent.x, bitangent.x, normal.x), vec3(tangent.y, bitangent.y, normal.y), vec3(tangent.z, bitangent.z, normal.z) ); nmap=tangentToWorld; triNormal=nmap; triNormal=(normalize(triNormal)); float spec = pow(max(dot(triNormal, halfwayDir), 0.0), 200.0ouv.z+0.1); vec3 to=surfaceCoords-pp2; float mul=max(dot(triNormal,-normalize(to)),0.0)0.8; vec3 colo=texture(iChannel0,mod(ouv.xy,vec2(0.99))vec2(0.5,1.0)).rgb; if(surfaceCoords.y>3.6&&surfaceCoords.y<3.6+1.2){ colo.rgb=mix(vec3(0.3,0.3,1.0),vec3(0.7,0.65,0.1),1.0-clamp((surfaceCoords.y-4.2)100.0,0.0,1.0)); } colo.rgb=0.8; //FragColor = vec4(triNormal,1.0-(-dp)0.015); FragColor = vec4((colomul+vec3(1.0,0.9,0.6)spec(0.9ouv.z+0.001)),1.0-(-dp)0.015);//vec4(vec3(1.0-log(-dp1.5)0.2),1.0);//vec4((colomul+vec3(1.0,0.8,0.5)spec0.1)/(-dp0.1+1.0),1.0); if(surfaceCoords.y>7.199){ FragColor.rgb=(dot(normalize(mod(surfaceCoordsvec3(1.0,0.4,1.0),8.0)-vec3(4.0,0.0,4.0)),vec3(0.0,1.0,0.0))+dot(normalize(mod(surfaceCoordsvec3(1.0,0.4,1.0),8.0)-vec3(4.0+3.0,0.0,4.0)),vec3(0.0,1.0,0.0))+dot(normalize(mod(surfaceCoordsvec3(1.0,0.4,1.0),8.0)-vec3(4.0,0.0,4.0+3.0)),vec3(0.0,1.0,0.0))+dot(normalize(mod(surfaceCoordsvec3(1.0,0.4,1.0),8.0)-vec3(4.0-3.0,0.0,4.0)),vec3(0.0,1.0,0.0))+dot(normalize(mod(surfaceCoordsvec3(1.0,0.4,1.0),8.0)-vec3(4.0,0.0,4.0-3.0)),vec3(0.0,1.0,0.0)))/5.0vec3(0.8,0.9,0.99); } if(ouv.z<0.0){ FragColor.rgba=vec4(vec3(0.9,0.95,0.99),1.0-(-dp)0.015); } } </script> <script type="module"> var mouseX=300,pmouseX=0,mouseY=300,pmouseY=0,clicked=false,key={}; var click=false; var clickToggle=false; var started=false; function getPointer() { if (canvas2.requestPointerLock) { window.addEventListener("mousemove", function(ev) { mouseX = pmouseX + ev.movementX/1.5; mouseY = pmouseY + ev.movementY/1.5; }); if(started){ canvas2.requestPointerLock() } } } window.addEventListener('mousedown', event => { clicked = true; getPointer(); clickToggle=true; //clicking? }); window.addEventListener('mouseup', event => { clicked = false; click=true; //not clicking so set clicked to false }); window.addEventListener("keydown", (event) => { if((event.shiftKey&&event.key === 'W')\|\|(event.shiftKey&&event.key === 'A')\|\|(event.shiftKey&&event.key === 'S')\|\|(event.shiftKey&&event.key === 'D')) { e.preventDefault(); } window.addEventListener("keydown", function(e) { if(["Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].indexOf(e.code) > -1) { e.preventDefault(); } }, false); key[event.key] = true; }); window.addEventListener("keyup", (event) => { delete key[event.key]; keyt=true; }); window.addEventListener("mouseover", event => { drawImages=true; pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }); window.addEventListener("mousemove", event => { pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }); for (let i = window.requestAnimationFrame(function() {}); i > 0; i--) { window.cancelAnimationFrame(i); } //var ctx = c.getContext("2d"); //var data = ctx.getImageData(0, 0, 512, 512); function dist(x1,y1,x2,y2){ var dx=x1-x2; var dy=y1-y2 return Math.sqrt(dxdx+dydy) } function dist2(x1,y1,x2,y2){ var dx=x1-x2; var dy=y1-y2 return (dxdx+dydy) } var anim=0; var x=0; var frameCount=480; /================Creating a canvas=================/ var canvas = new OffscreenCanvas(512,512); var gl = canvas.getContext('webgl2',{ premultipliedAlpha: false }); /==========Defining and storing the geometry=======/ var vertices = [ -0.5,0.5,0.0, 0.0,0.5,0.0, -0.25,0.25,0.0, -0.25,0.5,0.0 ]; // Create an empty buffer object to store the vertex buffer var vertex_buffer = gl.createBuffer(); var normal_buffer = gl.createBuffer(); var uv_buffer = gl.createBuffer(); //Bind appropriate array buffer to it // gl.bindBuffer(gl.ARRAY_BUFFER, vertex_buffer); // Pass the vertex data to the buffer // gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW); // Unbind the buffer // gl.bindBuffer(gl.ARRAY_BUFFER, null); /=========================Shaders========================/ // vertex shader source code var vertCode =document.getElementById('vertex-shader').textContent; // Create a vertex shader object var vertShader = gl.createShader(gl.VERTEX_SHADER); // Attach vertex shader source code gl.shaderSource(vertShader, vertCode); // Compile the vertex shader gl.compileShader(vertShader); if (!gl.getShaderParameter(vertShader, gl.COMPILE_STATUS)) { console.log(gl.getShaderInfoLog(vertShader)); } // fragment shader source code var fragCode = document.getElementById('fragment-shader').textContent // Create fragment shader object var fragShader = gl.createShader(gl.FRAGMENT_SHADER); // Attach fragment shader source code gl.shaderSource(fragShader, fragCode); // Compile the fragmentt shader gl.compileShader(fragShader); if (!gl.getShaderParameter(fragShader, gl.COMPILE_STATUS)) { console.log(gl.getShaderInfoLog(fragShader)); } // Create a shader program object to store // the combined shader program var shaderProgram = gl.createProgram(); // Attach a vertex shader gl.attachShader(shaderProgram, vertShader); // Attach a fragment shader gl.attachShader(shaderProgram, fragShader); // Link both programs gl.linkProgram(shaderProgram); // Use the combined shader program object gl.useProgram(shaderProgram); /======== Associating shaders to buffer objects ========/ // Bind vertex buffer objec gl.bindBuffer(gl.ARRAY_BUFFER, vertex_buffer); // Get the attribute location var coord = gl.getAttribLocation(shaderProgram, "coordinates"); var norms = gl.getAttribLocation(shaderProgram, "normal"); var texuv = gl.getAttribLocation(shaderProgram, "uvi"); // Point an attribute to the currently bound VBO /============= Drawing the primitive ===============/ gl.clearColor(0.0, 0.0, 0.0,1.0); // Enable the depth test var lookLerp=0; var distance=0.01,thetax=-0.0,thetaz=0 var d=function(x,y,z) { var thetaxs=-thetax; var thetazs=thetaz; thetaz+=lookLerp; var zdist=((xMath.sin(-thetazs)+yMath.cos(-thetazs))Math.cos(thetaxs)-zMath.sin(thetaxs)+distance)/-30000.0 return[((xMath.cos(-thetazs)-yMath.sin(-thetazs))/zdist-distance+450),(-((xMath.sin(-thetazs)+yMath.cos(-thetazs))Math.sin(thetaxs)+zMath.cos(thetaxs))/zdist-distance)+450,zdist]; }; var camera={x:(-Math.sin(thetax+(Math.PI/2))Math.cos(thetaz+(Math.PI/2)))distance,y:(-Math.sin(thetax+(Math.PI/2))Math.sin(thetaz+(Math.PI/2)))distance,z:-Math.cos(thetax+(Math.PI/2))distance} function camdist(x,y,z){ return(Math.sqrt(((x-camera.x)2)+((y-camera.y)2)+((z-camera.z)2))) } class Vector { constructor(x, y, z=0) { this.x = x; this.y = y; this.z=z; } subtract(v) { var ve = new Vector(this.x, this.y, this.z); ve.x -= v.x; ve.y -= v.y; ve.z -= v.z; return ve; } add(v) { var ve = new Vector(this.x, this.y, this.z); ve.x += v.x; ve.y += v.y; ve.z += v.z; return ve; } divide(n) { var ve = new Vector(this.x, this.y, this.z); ve.x /= n; ve.y /= n; ve.z /= n; return ve; } magnitude() { return Math.sqrt(this.x this.x + this.y * this.y + this.z * this.z); } dot(v) { return this.x * v.x + this.y * v.y + this.z * v.z; } scale(n) { var ve = new Vector(this.x, this.y, this.z); ve.x = n; ve.y = n; ve.z = n; return ve; } normalize() { var ve = new Vector(this.x, this.y, this.z); ve = ve.divide(ve.magnitude()); return ve; } rotateBy(ang) { ang = -ang; return new Vector(this.x Math.cos(ang) - this.y * Math.sin(ang), this.x * Math.sin(ang) + this.y * Math.cos(ang)); } rotate3d(anglex,angley) { var ve = new Vector(this.x,this.y,this.z); var ro1 = new Vector(this.y,this.z).rotateBy(-anglex); var ro2 = new Vector(this.x,ro1.y).rotateBy(-angley); ve.y = ro1.x ve.z = ro1.y; ve.x = ro2.x; ve.z = ro2.y; return ve; } reflect(n) { var ve = new Vector(this.x, this.y); ve = ve.subtract(n.scale(2 * ve.dot(n))) return ve; } abs() { var ve = new Vector(this.x, this.y, this.z); ve.x = Math.abs(ve.x); ve.y = Math.abs(ve.y); ve.z = Math.abs(ve.z); return ve; } max(n) { var ve = new Vector(this.x, this.y, this.z); ve.x = Math.max(ve.x, n); ve.y = Math.max(ve.y, n); ve.z = Math.max(ve.z, n); return ve; } } function createShader(gl, type, source) { const shader = gl.createShader(type); gl.shaderSource(shader, source); gl.compileShader(shader); if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { console.log(gl.getShaderInfoLog(shader)); } return shader; } function createProgram(gl, vs, fs) { const program = gl.createProgram(); gl.attachShader(program, vs); gl.attachShader(program, fs); gl.linkProgram(program); return program; } const glBloom = new OffscreenCanvas(512,512), gl3 = glBloom.getContext('webgl2'); const vertexSource3 = document.getElementById('vertex-bloom').textContent, fragmentSource3 = document.getElementById('fragment-bloom').textContent; const vertexShader3 = createShader(gl3, gl.VERTEX_SHADER, vertexSource3), fragmentShader3 = createShader(gl3, gl.FRAGMENT_SHADER, fragmentSource3); const program3 = createProgram(gl3, vertexShader3, fragmentShader3); const camAng2 = gl3.getUniformLocation(program3, "cameraAngle"); const aPosition3 = gl3.getAttribLocation(program3, 'aPosition') const drawx = gl3.getUniformLocation(program3, "drawx"); const drawy = gl3.getUniformLocation(program3, "drawy"); const iTime = gl3.getUniformLocation(program3, "iTime"); const cli = gl3.getUniformLocation(program3, "clicked"); const vin = gl3.getUniformLocation(program3, "vin"); const iChannel03 = gl3.getUniformLocation(program3,"iChannel0"); let texture03 = gl3.createTexture(); var now; var then = performance.now(); var fps = 50; var delta; var player=new Vector(-400,-400,500); var playerVels=new Vector(0,0,0); var frameCount=4900; var interval = 1000 / fps; var pts=[]; const iChannel0 = gl.getUniformLocation(shaderProgram,"iChannel0"); let texture0 = gl.createTexture(); gl.activeTexture(gl.TEXTURE0); gl.bindTexture(gl.TEXTURE_2D, texture0); gl.uniform1i(iChannel0, 0); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); var canvas2 = document.getElementById('mainCanvas'), ctx = canvas2.getContext('2d'); var canvas3 = document.getElementById('overlayCanvas'), ctx2 = canvas3.getContext('2d'); var texCanvas=new OffscreenCanvas(1024,1024); var tx=texCanvas.getContext('2d'); tx.fillStyle="rgb(127,127,255)" tx.fillRect(512,0,512,1024); for(var i=0;i<20000;i++){ if(Math.random()>0.5){ if(Math.random()>0.5){ tx.fillStyle="rgb(255,127,0,0.019)" }else{ tx.fillStyle="rgb(0,127,0,0.019)" } }else{ if(Math.random()>0.5){ tx.fillStyle="rgb(127,255,0,0.019)" }else{ tx.fillStyle="rgb(127,0,0,0.019)" } } if(Math.random()>0.3){ tx.fillStyle="rgb(127,127,255,0.009)" } var rx=Math.random()256; var ry=Math.random()512; tx.fillRect(512+rx-5,ry-101.6,10,201.6); tx.fillRect(512+rx-5+256,ry-101.6,10,201.6); } tx.fillStyle="rgb(0,127,0,0.07)" tx.fillRect(512,0,30,512); tx.fillStyle="rgb(255,217,0,0.07)" tx.fillRect(512+256-30,0,30,512); tx.fillStyle="rgb(127,0,0,0.07)" tx.fillRect(512,0,256,301.62); tx.fillStyle="rgb(127,255,0,0.07)" tx.fillRect(512,512-301.62,256,301.62); tx.fillStyle="rgb(220, 220, 220)" tx.fillRect(0,0,512,512); for(var i=0;i<1000;i++){ var rx=Math.random()256; var ry=Math.random()512; tx.fillStyle="rgb(200,200,200,0.1)" tx.fillRect(rx-10,ry-201.6,20,401.6); tx.fillStyle="rgb(100,100,100,0.1)" tx.fillRect(rx-2+256,ry-41.6,4,81.6); } gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, texCanvas); gl.generateMipmap(gl.TEXTURE_2D); gl.drawArrays(gl.TRIANGLES, 0, 3); //console.log(heightMap); vertices = [ ]; var rays=[]; const iTimet = gl.getUniformLocation(shaderProgram, "iTime"); const dopts = gl.getUniformLocation(shaderProgram, "dopts"); const camAng = gl.getUniformLocation(shaderProgram, "cameraAngle"); const glPlayer = gl.getUniformLocation(shaderProgram, "playerPosition"); function roun(n){ return Math.sqrt(1.0-(nn)); } vertices = []; var norm=[]; var uvst=[]; function constructWall(x2,y2,a){ var ou=[[],[],[]]; for(var x=0;x<8;x++){ for(var y=0;y<12;y++){ ou[0].push(0+x,0+y0.6,0 ,1+x,0+y0.6,0 ,0+x,0.6+0.6y,0 ,0+x,0.6+0.6y,0 ,1+x,0+0.6y,0 ,1+x,0.6+0.6y,0); ou[1].push(-0.05,-0.05,-1 ,0.05,-0.05,-1 ,-0.05,0.05,-1 ,-0.05,0.05,-1 ,0.05,-0.05,-1 ,0.05,0.05,-1); var rx=Math.round(Math.random())0.5; var ry=Math.round(Math.random())0.5; ou[2].push(0+rx,0+ry,0.02, 0.5-rx,0+ry,0.02, 0+rx,0.5-ry,0.02, 0+rx,0.5-ry,0.02 ,0.5-rx,0+ry,0.02 ,0.5-rx,0.5-ry,0.02); } } for(var i=0;i<ou[0].length;i+=3){ var r=new Vector(ou[0][i],ou[0][i+2]); r=r.rotateBy(a); ou[0][i]=r.x; ou[0][i+2]=r.y; ou[0][i]+=x2; ou[0][i+2]+=y2; } for(var i=0;i<ou[1].length;i+=3){ var r=new Vector(ou[1][i],ou[1][i+2]); r=r.rotateBy(a); ou[1][i]=r.x; ou[1][i+2]=r.y; } return ou; } function constructCeil(x2,y2,a){ var ou=[[],[],[]]; for(var x=0;x<4;x+=1){ for(var y=0;y<4;y+=1){ ou[0].push(0+x2,0+y2,0 ,2+x2,0+y2,0 ,0+x2,2+y2,0 ,0+x2,2+y2,0 ,2+x2,0+y2,0 ,2+x2,2+y2,0 ); ou[1].push(-0.1,-0.1,1 ,0.1,-0.1,1 ,-0.1,0.1,1 ,-0.1,0.1,1 ,0.1,-0.1,1 ,0.1,0.1,1); var rx=Math.round(Math.random())0.5; var ry=Math.round(Math.random())0.5; var mid=0 if(x>0&&x<=2&&y>0&&y<=2){ mid=0.2; } ou[2].push(0+rx,0+ry,0.1-mid, 0.5-rx,0+ry,0.1-mid, 0+rx,0.5-ry,0.1-mid, 0+rx,0.5-ry,0.1-mid ,0.5-rx,0+ry,0.1-mid ,0.5-rx,0.5-ry,0.1-mid); } } for(var i=0;i<ou[0].length;i+=3){ var temp=ou[0][i+2] ou[0][i+2]=ou[0][i+1] ou[0][i+1]=temp; if(Math.random()<0.03&&ou[2][i+2]>0){ ou[0][i+1]-=1 } ou[0][i]+=x2; ou[0][i+2]+=y2-8; } for(var i=0;i<ou[1].length;i+=3){ var temp=ou[1][i+2] ou[1][i+2]=ou[1][i+1] ou[1][i+1]=temp; } return ou; } function constructFloor(x2,y2,a){ var ou=[[],[],[]]; for(var x=0;x<6;x+=1){ for(var y=0;y<6;y+=1){ ou[0].push(0+x1.34,0+y1.34,0 ,0+x1.34,1.34+y1.34,0 ,1.34+x1.34,0+y1.34,0 ,0+x1.34,1.34+y1.34,0 ,1.34+x1.34,1.34+y1.34,0 ,1.34+x1.34,0+y1.34,0 ); ou[1].push(-0.01,-0.01,-1,-0.01,0.01,-1 ,0.01,-0.01,-1 ,-0.01,0.01,-1,0.01,0.01,-1 ,0.01,-0.01,-1 ); var rx=Math.round(Math.random())0.5; var ry=Math.round(Math.random())0.5; ou[2].push(0+rx+0.5,0+ry,0.1, 0+rx+0.5,0.5-ry,0.1, 0.5-rx+0.5,0+ry,0.1, 0+rx+0.5,0.5-ry,0.1 ,0.5-rx+0.5,0.5-ry,0.1,0.5-rx+0.5,0+ry,0.1 ); } } for(var i=0;i<ou[0].length;i+=3){ var temp=ou[0][i+2] ou[0][i+2]=ou[0][i+1] ou[0][i+1]=temp+7.2; ou[0][i]+=x2; ou[0][i+2]+=y2-8; } for(var i=0;i<ou[1].length;i+=3){ var temp=ou[1][i+2] ou[1][i+2]=ou[1][i+1] ou[1][i+1]=temp; } return ou; } function segment1(x,y,a,m,cap){ x=8; y=8 var segSample=[constructWall(x,y,0),constructWall(x+8,y,Math.PI/2),constructWall(x+8,y-8,Math.PI),constructWall(x,y-8,Math.PI2-Math.PI/2)] var outs=[]; outs.push(constructCeil(x,y,0),constructFloor(x,y,0)); if(m===10){ if(a%2===0){ outs.push(constructWall(x,y,0),constructWall(x+8,y-8,Math.PI)); }else{ outs.push(constructWall(x+8,y,Math.PI/2),constructWall(x,y-8,Math.PI2-Math.PI/2)); } }else{ if((m-a)==0){ if((m)%2===0){ outs.push(constructWall(x,y,0),constructWall(x+8,y-8,Math.PI)); }else{ outs.push(constructWall(x+8,y,Math.PI/2),constructWall(x,y-8,Math.PI2-Math.PI/2)); } }else{ outs.push(segSample[(4-a+1)%4],segSample[(4-a+1)%4]); outs.push(segSample[(4-m+3)%4],segSample[(4-m+3)%4]); } } return outs; } var sp=0; var sp2=0; var sp3=0; var wall1=[]; var mapData=[]; var physData=[]; var curPos=[0,0]; for(var y=0;y<11;y++){ mapData.push(new Array(11)); mapData[y].fill(1); } for(var y=0;y<22;y++){ physData.push(new Array(22)); physData[y].fill(1); } var pgoi=0; var goin=0; var ppos=[]; for(var i=0;i<30;i++){ var directions=[]; mapData[curPos[0]][curPos[1]]=0; physData[curPos[0]2][curPos[1]2]=0; for(var i2=0;i2<4;i2++){ var xc=Math.cos(i23.141/2); var yc=Math.sin(i23.141/2); if(curPos[0]+Math.round(xc)>=0&&curPos[0]+Math.round(xc)<11&&curPos[1]+Math.round(yc)>=0&&curPos[1]+Math.round(yc)<11){ if((mapData[curPos[0]+Math.round(xc)][curPos[1]+Math.round(yc)])==1){ directions.push(i2); } } } if(directions.length<1){ break; } pgoi=goin; goin=directions[Math.floor(Math.random()directions.length)]; if(i==0){ goin=1; } var xc=Math.cos(goin3.141/2); var yc=Math.sin(goin3.141/2); wall1.push(...segment1(curPos[0]2,curPos[1]2,pgoi,goin,i<=0)); wall1.push(...segment1(curPos[0]2+xc,curPos[1]2+yc,goin,10)); physData[curPos[0]2+Math.round(xc)][curPos[1]2+Math.round(yc)]=0; ppos[0]=curPos[0]; ppos[1]=curPos[1]; curPos[0]+=Math.round(xc); curPos[1]+=Math.round(yc); } wall1.push(constructWall(0,-8,-Math.PI/2)); for(var i=0;i<wall1.length;i++){ vertices.push(...wall1[i][0]); norm.push(...wall1[i][1]); uvst.push(...wall1[i][2]); } const positions = new Float32Array([-1, -1, -1, 3, 3, -1]); gl.vertexAttribPointer(coord, 3, gl.FLOAT, false, 0, 0); gl.enableVertexAttribArray(coord); gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW); gl.bindBuffer(gl.ARRAY_BUFFER, normal_buffer); gl.vertexAttribPointer(norms, 3, gl.FLOAT, false, 0, 0); gl.enableVertexAttribArray(norms); gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(norm), gl.STATIC_DRAW); gl.bindBuffer(gl.ARRAY_BUFFER, uv_buffer); gl.vertexAttribPointer(texuv, 3, gl.FLOAT, false, 0, 0); gl.enableVertexAttribArray(texuv); gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(uvst), gl.STATIC_DRAW); // turn on depth testing gl.bindBuffer(gl.ARRAY_BUFFER, normal_buffer); gl.enable(gl.DEPTH_TEST); // tell webgl to cull faces gl.enable(gl.CULL_FACE); gl.cullFace(gl.BACK); gl.viewport(0, 0, 512, 512); const posBuffer3 = gl3.createBuffer(); gl3.bindBuffer(gl3.ARRAY_BUFFER, posBuffer3); gl3.bufferData(gl3.ARRAY_BUFFER, positions, gl3.STATIC_DRAW); gl3.viewport(0, 0, 512, 512); gl3.clearColor(0, 0, 0, 1); gl3.useProgram(program3); gl3.enableVertexAttribArray(aPosition3); gl3.vertexAttribPointer(aPosition3, 2, gl.FLOAT, false, 0, 0); gl3.activeTexture(gl3.TEXTURE0); gl3.bindTexture(gl3.TEXTURE_2D, texture03); gl3.uniform1i(iChannel03, 0); gl3.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl3.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); gl3.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); gl3.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); function ssin(x){ x/=Math.PI2; return Math.abs(2.0(x%1)-1)-0.5; } var drawImages=false; var bob=0; var spTime=0; var crush=0; var flip=0; var randRadius=20; var gameStates={keyType:"wasd", eyeOpen:false}; var keys={w:false,a:false,s:false,d:false} var ram={x:9,y:9,xv:0,yv:0}; var target=new Vector(9.51,9.51); var frame=0; var collectedDelfin=false; var dead=false; var deadLerp=0; var quickTime=false; var hitEffect=0; var stun=false; var timer=100; var qtArray=[]; var qtToggle=true; var stunTime=0; var keyt=true; var won=!true; var wonCount=0; function lerp(a,b,t){ return a+(b-a)t; } var drawl=function() { window.requestAnimationFrame(drawl); now = performance.now(); delta = now - then; if (delta > interval) { then = now - (delta % interval); frame++ frameCount+=10. if(won){ if(flip>0){ flip=lerp(flip,0,0.1); } flip wonCount+=0.1; thetaz+=0.01; thetax=lerp(thetax,-3.1415/2,0.01); ctx2.font="40px Fira Code"; ctx2.clearRect(0,0,900,900); ctx2.fillStyle="rgb(50,20,10,0.4)" ctx2.fillRect(0,0,900,900) ctx2.lineWidth=5; ctx2.strokeStyle="rgb(110, 24, 6,"+(wonCount/10)+")"; ctx2.strokeText("Success, you gain your diploma.",80,400); ctx2.fillStyle="rgb(255,250,200,"+(wonCount/10)+")" ctx2.fillText("Success, you gain your diploma.",80,400); } if(started&&!dead&&!quickTime&&!won){ thetaz=-(mouseX-300)/220; thetax=-(mouseY-300)/240; if(thetax<-Math.PI/2){ thetax=-Math.PI/2; } if(thetax>Math.PI/2){ thetax=Math.PI/2; } if(mouseY<-100){ mouseY=-100; } if(mouseY>700){ mouseY=700; } // thetax=thetax%(Math.PI2) thetaz=thetaz%(Math.PI2) var cards=new Vector(10,0) cards=cards.rotateBy(thetazMath.cos(flip)); if(key.w\|\|key.s\|\|key.a\|\|key.d){ gameStates.keyType="wasd"; } if(key.ArrowUp\|\|key.ArrowDown\|\|key.ArrowLeft\|\|key.ArrowRight){ gameStates.keyType="arrows"; } keys.w=(key.w\|\|key.ArrowUp); keys.s=(key.s\|\|key.ArrowDown); keys.a=(key.a\|\|key.ArrowLeft); keys.d=(key.d\|\|key.ArrowRight); if(keys.w){ playerVels.y+=cards.x; playerVels.x+=cards.y; } if(keys.s){ playerVels.y-=cards.x; playerVels.x-=cards.y; } if(keys.a){ playerVels.y+=cards.yMath.cos(flip); playerVels.x-=cards.xMath.cos(flip); } if(keys.d){ playerVels.y-=cards.yMath.cos(flip); playerVels.x+=cards.xMath.cos(flip); } if(keys.w\|\|keys.s){ bob+=0.15; } thetaz+=Math.sin(bob)/40.0; thetax+=Math.sin(bob2.0)/80.0; } gl.uniform1f(iTimet, frameCount); gl.uniform1f(dopts, 0); var lookBack=0; if(key[" "]){ if(lookLerp<Math.PI){ lookLerp+=0.3; } }else{ if(lookLerp>0){ lookLerp-=0.3; } } lookBack=lookLerp; gl.uniform2f(camAng, thetazMath.cos(flip)+lookBack,thetaxMath.cos(flip)); if(flip<Math.PI&&collectedDelfin){ flip+=Math.PI/50; } //gl.uniform2f(camAng, -frameCount/250+3.1415/2+thetaz/2,thetax/2-0.5); if(dead&&deadLerp<1){ deadLerp+=deadLerp/35+0.028; } gl.uniform3f(glPlayer, player.x/100,-player.z/100+1.5+Math.cos(Math.PI-flip)1.5-deadLerp1.7+wonCount,-player.y/100); //kevin height lol //gl.uniform3f(glPlayer, Math.cos(frameCount/250)29(Math.sin(frameCount/1000)0.35+0.65),59(Math.sin(frameCount/1000)0.1+0.9),Math.sin(frameCount/250)29(Math.sin(frameCount/1000)0.35+0.65)+2); frameCount+=1; // ctx.fillStyle="rgb(2,2,2,1)" ctx.fillStyle="rgb(2,10,20)" ctx.clearRect(0,0,512,512); // gl3.clear(gl.COLOR_BUFFER_BIT); gl.clear(gl.COLOR_BUFFER_BIT \| gl.DEPTH_BUFFER_BIT); gl3.uniform1f(drawx, thetaz); gl3.uniform1f(drawy, thetax); gl3.uniform2f(camAng2, thetaz,thetax); gl3.uniform1f(cli, flip); gl3.uniform1f(vin, (dead?0.0:1.0)); gl.drawArrays(gl.TRIANGLES, 0, (vertices.length/3)); gl.uniform1f(dopts, 1); gl.drawArrays(gl.POINTS, 0, (vertices.length/3)); var px=-player.x/800; var py=player.y/800+1; if((physData[~~(px+0.1)][~~py]>0.5\|\|px>21.9)&&playerVels.x<0){ playerVels.x=0; playerVels.y=0.8; } if((physData[~~(px-0.1)][~~py]>0.5\|\|px<0.1)&&playerVels.x>0){ playerVels.x=0; playerVels.y=0.8; } if((physData[~~(px)][~~(py+0.1)]>0.5\|\|py>21.9)&&playerVels.y>0){ playerVels.y=0; playerVels.x=0.8; } if((physData[~~(px)][~~(py-0.1)]>0.5\|\|py<0.1)&&playerVels.y<0){ playerVels.y=0; playerVels.x=0.8; } playerVels=playerVels.scale(0.7); player=player.add(playerVels); ctx.drawImage(canvas,0,0,512,512); if(px<1&&py<1&&collectedDelfin){ won=true; } ctx.fillStyle="rgb(255,40,40)" gl3.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, canvas2); gl3.generateMipmap(gl.TEXTURE_2D); // gl2.drawArrays(gl.TRIANGLES, 0, 3); // ctx.drawImage(skyboxCanvas, 0, 0); gl3.drawArrays(gl.TRIANGLES, 0, 3); ctx.save(); ctx.translate(256,256); ctx.rotate(flip-deadLerp3.1415/2); ctx.scale(1.0+(0.7-deadLerp/4)Math.sin(flip+deadLerp3.1415/1),1.0+(0.7-deadLerp/4)Math.sin(flip+deadLerp3.1415/1)); ctx.translate(-256,-256); ctx.drawImage(glBloom, 0,0,512,512); ctx.restore(); ctx.fillStyle="rgb(255,255,255)" ctx.fillRect(255,246,2,20); ctx.fillRect(246,255,20,2); / for(var x=0;x<22;x++){ for(var y=0;y<22;y++){ var da=physData[x][y]; if(da){ ctx.fillRect(x5,y5,5,5); } } } / ctx.fillStyle="rgb(255,0,0)" if(started){ if(stunTime>0){ stunTime--; } if(!quickTime&&stunTime<=0&&!won){ ram.x+=ram.xv; ram.y+=ram.yv; qtToggle=true; } var toTarget=new Vector(ram.x-target.x,ram.y-target.y); toTarget=toTarget.normalize(); if(Math.abs(playerVels.x)<0.1&&Math.abs(playerVels.x)<0.1){ ram.xv+=-toTarget.x/350; ram.yv+=-toTarget.y/350; }else{ ram.xv+=-toTarget.x/(290-(20-randRadius)4.5); ram.yv+=-toTarget.y/(290-(20-randRadius)4.5); } ram.xv=0.9; ram.yv=0.9; var hitRam=true; var toRam2=new Vector(px-ram.x-0.09,py-ram.y-0.5); if(toRam2.magnitude()<0.1&&stunTime<=0){ if(collectedDelfin){ quickTime=true; }else{ dead=true; } } for(var i=0;i<80;i++){ var toRam=new Vector(px-ram.x-0.09,py-ram.y-0.5); toRam=toRam.normalize().scale(0.1); px-=toRam.x; py-=toRam.y; var da=physData[~~(px)][~~(py)]; if(da<0.5){ }else{ hitRam=false; break; } } var px=-player.x/800; var py=player.y/800+1; var des2=d(x/9-px5Math.cos(flip)+ram.x5.0Math.cos(flip),-y/9+py5-ram.y5.0,0); //document.getElementById("ram").crossOrigin=""; if(!won){ ctx2.clearRect(0,0,900,900); } if(des2[2]>0.0&&hitRam){ var wid=0.06/des2[2] if(drawImages&&ram.x>=0&&ram.y>=0){ ctx2.drawImage(document.getElementById("ram"),des2[0]-wid/2,des2[1]-wid/2,wid,wid); ctx2.fillStyle="rgb(0,0,0,0.05)" for(var i=0;i<10;i+=0.5){ ctx2.beginPath(); ctx2.ellipse(des2[0],des2[1],wid/2/i2,wid/2/i2,0,0,Math.PI2.0); ctx2.fill() } } } var des=d(x/9-px5Math.cos(flip)+curPos[0]10Math.cos(flip),-y/9+py5-curPos[1]10,0); //document.getElementById("ram").crossOrigin=""; //golden rule of programming carries if(des[2]>0.0&&des[2]<0.00017){ var wid=0.06/des[2] if(click&&des[0]>0&&des[1]>0&&des[0]<900&&des[1]<900){ collectedDelfin=true; } if(drawImages){ ctx2.drawImage(document.getElementById("statue"),des[0]-wid/2,des[1]-wid/2,wid,wid); } ctx2.fillStyle="rgb(255,250,200,0.02)" for(var i=0;i<10;i+=0.5){ ctx2.beginPath(); ctx2.ellipse(des[0],des[1],wid/2/(i+2)5.1,wid/2/(i+2)5.1,0,0,Math.PI2.0); ctx2.fill() } } crush+=0.0001; if(gameStates.eyeOpen&&Math.abs(playerVels.x)>0.1&&Math.abs(playerVels.x)>0.1){ crush-=0.00008(20-randRadius)/20 } if(Math.random()+crush>1.0){ gameStates.eyeOpen=!gameStates.eyeOpen; crush=0; } if(!won){ if(hitRam){ ctx2.fillStyle="rgb(196, 37, 37,0.15)" for(var i=0;i<10;i++){ ctx2.beginPath(); ctx2.ellipse(450,35+50,30+i3,30+i3,0,0,Math.PI2); ctx2.fill(); } }else{ ctx2.fillStyle="rgb(217, 212, 202,0.18)" for(var i=0;i<10;i++){ ctx2.beginPath(); ctx2.ellipse(450,35+50,30+i3,30+i3,0,0,Math.PI2); ctx2.fill(); } } } if(collectedDelfin){ ctx2.drawImage(document.getElementById("statue"),550+Math.sin(bob1)3,550+Math.sin(bob2+1)5+deadLerp20,460,460); } if(quickTime){ if(qtToggle){ qtToggle=false; var opt; if(gameStates.keyType=="wasd"){ opt="WASD" }else{ opt="↑←↓→" } for(var i=0;i<10;i++){ qtArray.push(opt[Math.floor(Math.random()4)]) } } timer-=0.3; if(timer<0){ dead=true; } if((((qtArray[0]=="W"\|\|qtArray[0]=="↑")&&(key.w\|\|key.ArrowUp))\|\|((qtArray[0]=="A"\|\|qtArray[0]=="←")&&(key.a\|\|key.ArrowLeft))\|\|((qtArray[0]=="S"\|\|qtArray[0]=="↓")&&(key.s\|\|key.ArrowDown))\|\|((qtArray[0]=="D"\|\|qtArray[0]=="→")&&(key.d\|\|key.ArrowRight)))&&keyt){ qtArray.shift(); keyt=false; } if(qtArray.length<1){ quickTime=false; stunTime=100; timer=100; } ctx2.lineWidth=2; ctx2.strokeStyle="rgb(0,0,0)" ctx2.fillStyle="rgb(219, 64, 64)" ctx2.fillRect(40,40,(timer/100)820,30); ctx2.strokeRect(40,40,820,30); ctx2.font="50px Fira Code" for(var i=0;i<qtArray.length;i++){ ctx2.fillText(qtArray[i],60+i82+82(10-qtArray.length)+6,350+i60); } ctx2.strokeRect(40,300,820,60); ctx2.strokeStyle="rgb(219, 64, 64)" ctx2.strokeRect(40+82(10-qtArray.length),300,82,60); } if(gameStates.eyeOpen){ if(!(Math.abs(playerVels.x)<0.1&&Math.abs(playerVels.x)<0.1)){ spTime+=0.0005; }else{ spTime=0; } if(drawImages&&!won){ ctx2.drawImage(document.getElementById("eyeopen"),400,35,100,100) } if(randRadius>0){ randRadius-=(Math.abs(playerVels.x)<0.1&&Math.abs(playerVels.x)<0.1)?0.002:(0.02+spTime); } if(frame%(15randRadius)<2){ target=new Vector(px-0.1+(Math.random()randRadius2-randRadius),py-0.5+(Math.random()randRadius2-randRadius)) } }else{ if(drawImages&&!won){ ctx2.drawImage(document.getElementById("eyeclosed"),400,35,100,100) } } if(dead){ ctx2.clearRect(0,0,900,900); ctx2.fillStyle="rgb(50,20,10,0.4)" ctx2.fillRect(0,0,900,900) ctx2.font="90px Metamorphous" ctx2.lineWidth=4; ctx2.strokeStyle="rgb(255, 224, 201,"+(deadLerp)+")" ctx2.fillStyle="rgb(77, 31, 15,"+(deadLerp)+")" ctx2.strokeText("Restart...",250,400); ctx2.fillText("Restart...",250,400); ctx2.drawImage(document.getElementById("crack"),0,0,900,900); } }else{ ctx2.clearRect(0,0,900,900); ctx2.fillStyle="rgb(50,20,10,0.4)" ctx2.fillRect(0,0,900,900) for(var i=15;i>0;i--){ ctx2.fillStyle="rgb("+(87+i5)+", "+(16+i5)+", "+(16+i3)+","+(4/(ii))+")" ctx2.font="180px Metamorphous" ctx2.fillText("Cult",240+Math.sin(frame/30+i/3)i,210-i2+2); ctx2.font="120px Metamorphous" ctx2.fillText("of the Ram",100+Math.sin(frame/30+i/3)i,360-i2+2); } ctx2.lineWidth=3; ctx2.strokeStyle="rgb(255, 224, 201)" ctx2.font="180px Metamorphous" ctx2.strokeText("Cult",240,210-i2+2); ctx2.font="120px Metamorphous" ctx2.strokeText("of the Ram",100,360-i2+2); ctx2.font="120px Metamorphous" ctx2.strokeText("of the Ram",100,360-i2+2); ctx2.font="60px Metamorphous" if(mouseX>3202/3&&mouseX<(320+250)2/3&&mouseY>4902/3&&mouseY<5902/3){ if(click){ canvas2.requestPointerLock() started=true; } ctx2.lineWidth=2; } ctx2.fillRect(350-30,560-50-20,250,100); ctx2.strokeRect(350-30,560-50-20,250,100); ctx2.fillStyle="rgb(87,16,16)" ctx2.fillText("Start...",350-10,560); ctx2.strokeText("Start...",350-10,560); ctx2.fillStyle="rgb(255, 224, 201)" ctx2.font="40px Fira Code" ctx2.fillText("See directions in code",20,880); } ctx2.fillStyle="rgb(255,0,0)" pmouseX = mouseX; pmouseY= mouseY clickToggle=false; click=false; } } drawl(); //Ram is named tommy //<script> </script> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script><script type>/credit:Bluebird@birdwatcher03 /var r=600,s=document.documentElement.clientWidth;window.parent.html2canvas=t=>{try{html2canvas(document.body,{width:s,height:s,useCORS:!0}).then(t=>{var e=document.createElement("canvas");e.width=r,e.height=r,e.getContext("2d").drawImage(t,0,0,t.width,t.height,0,0,r,r),window.top.postMessage(e.toDataURL(),"")}).catch(t=>{alert("Thumbnail Script Error: "+t)})}catch{window.top.postMessage(document.createElement("canvas").toDataURL(),"*")}};</script> <img id="eyeclosed" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Tabler-icons_eye-closed.svg/640px-Tabler-icons_eye-closed.svg.png" style="display:none;"> <img id="eyeopen" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Tabler-icons_eye-filled.svg/640px-Tabler-icons_eye-filled.svg.png" style="display:none;"> <img id="crack" src="https://www.khanacademy.org/computer-programming/new-webpage/4796976297066496/4777705919660032.png" style="display:none;"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Edu+AU+VIC+WA+NT+Hand:wght@400..700&family=Fira+Code:wght@300..700&family=Jacquard+24&family=Metamorphous&family=Silkscreen:wght@400;700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet"> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLvhgMyLCQw
Votes	170
Spin-Offs	28
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bearkirb314🐻❄️
Author Name	BearKirb314
Author ID	kaid_375460112550893828689953
Author Profile Access	PUBLIC

Archive Data

Added	1 years ago, 1732474362521
Updated	10 months ago, 1739375210288
Source Deleted	unknown