Viewing Program

Program Data

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

Title	STOPPP i tried to hide this
ID	5068828497199104
Created	4 years ago, 1632406525015
Updated	4 years ago, 1632430444182
Code	<!DOCTYPE html> <!--basically an infinite maze stopppppp voting this up im trying to make this in private D: sheeesh on the HL in 4 hours sigh --> <html> <head> <meta charset="utf-8"> <title>STOPPP i tried to hide this</title> </head> <body> <canvas id='gl-canvas' width='600' height='600'></canvas> <canvas id='ui-canvas' width='600' height='600'></canvas> <canvas id='tex-canvas'></canvas> <style> body{ overflow:hidden; margin:0; } #gl-canvas { display:none; } </style> <script type> delete window.localStorage; window.localStorage = {}; </script> <script src='https://cdn.jsdelivr.net/processing.js/1.4.8/processing.min.js'></script> <script id='vertexShader' type='3d'> precision lowp float; attribute vec3 vertPosition; attribute vec3 vertTexCoord; varying vec3 texCoord; varying vec3 pixPos; uniform mat4 translation; uniform mat4 rotation; uniform mat4 projection; void main(){ vec4 pos=projectionrotationtranslationvec4(vertPosition,1.0); texCoord=vertTexCoord; pixPos=pos.xyz; gl_Position=pos; } </script> <script id='fragmentShader' type='3d'> precision lowp float; uniform sampler2D texture; uniform float fogAmount; varying vec3 texCoord; varying vec3 pixPos; void main(){ gl_FragColor=mix(vec4((texture2D(texture,texCoord.xy)texCoord.z).xyz,1.0),vec4(0.0,0.0,0.0,1.0),smoothstep(0.,fogAmount,pixPos.z)); } </script> <script type='application/javascript'> function main(){ const glCanvas=document.getElementById('gl-canvas') const gl=glCanvas.getContext('webgl',{preserveDrawingBuffer:true}) const uiCanvas=document.getElementById('ui-canvas') const ctx=uiCanvas.getContext('2d') if(!gl){ alert('No WebGL') return } const width=window.innerWidth const height=window.innerHeight gl.viewport(0,0,width,height) let nearH const m4={ identity : function () { return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1] }, new : function () { return [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] }, perspective : function(fov, aspect, zn, zf) { var f=Math.tan(fov * Math.PI / 360) nearH=f var rangeInv=1.0 / (zn - zf) return [ f / aspect, 0, 0, 0, 0, f, 0, 0, 0, 0, (zn + zf) * rangeInv, -1, 0, 0, zn * zf * rangeInv * 2, 0 ] }, projection : function (w, h, d) { return [ 2 / w, 0, 0, 0, 0, -2 / h, 0, 0, 0, 0, 2 / d, 0, -1, 1, 0, 1 ] }, translation : function (x, y, z) { return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, x, y, z, 1] }, xRotation : function (theta) { var ct=Math.cos(theta) var st=Math.sin(theta) return [1, 0, 0, 0, 0, ct, st, 0, 0, -st, ct, 0, 0, 0, 0, 1] }, yRotation : function (theta) { var ct=Math.cos(theta) var st=Math.sin(theta) return [ct, 0, -st, 0, 0, 1, 0, 0, st, 0, ct, 0, 0, 0, 0, 1 ] }, zRotation : function (theta) { var ct=Math.cos(theta) var st=Math.sin(theta) return [ct, st, 0, 0, -st, ct, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1] }, scaling : function (x, y, z) { return [x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1] }, mult : function (a, b) { var a00=a[0],a01=a[1], a02=a[2],a03=a[3], a10=a[4],a11=a[5], a12=a[6],a13=a[7], a20=a[8],a21=a[9], a22=a[10],a23=a[11], a30=a[12],a31=a[13], a32=a[14],a33=a[15], b00=b[0],b01=b[1], b02=b[2],b03=b[3], b10=b[4],b11=b[5], b12=b[6],b13=b[7], b20=b[8],b21=b[9], b22=b[10],b23=b[11], b30=b[12],b31=b[13], b32=b[14],b33=b[15] return [ b00 * a00 + b01 * a10 + b02 * a20 + b03 * a30, b00 * a01 + b01 * a11 + b02 * a21 + b03 * a31, b00 * a02 + b01 * a12 + b02 * a22 + b03 * a32, b00 * a03 + b01 * a13 + b02 * a23 + b03 * a33, b10 * a00 + b11 * a10 + b12 * a20 + b13 * a30, b10 * a01 + b11 * a11 + b12 * a21 + b13 * a31, b10 * a02 + b11 * a12 + b12 * a22 + b13 * a32, b10 * a03 + b11 * a13 + b12 * a23 + b13 * a33, b20 * a00 + b21 * a10 + b22 * a20 + b23 * a30, b20 * a01 + b21 * a11 + b22 * a21 + b23 * a31, b20 * a02 + b21 * a12 + b22 * a22 + b23 * a32, b20 * a03 + b21 * a13 + b22 * a23 + b23 * a33, b30 * a00 + b31 * a10 + b32 * a20 + b33 * a30, b30 * a01 + b31 * a11 + b32 * a21 + b33 * a31, b30 * a02 + b31 * a12 + b32 * a22 + b33 * a32, b30 * a03 + b31 * a13 + b32 * a23 + b33 * a33, ] }, translate : function (m, x, y, z) { return this.mult(m, this.translation(x, y, z)) }, scale : function (m, x, y, z) { return this.mult(m, this.scaling(x, y, z)) }, xRotate : function (m, angle) { return this.mult(m, this.xRotation(angle)) }, yRotate : function (m, angle) { return this.mult(m, this.yRotation(angle)) }, zRotate : function (m, angle) { return this.mult(m, this.zRotation(angle)) } } //yaw 0=north let player={ x:0, y:-7.5, z:-2.75, vx:0, vy:0, vz:0, px:0, py:-7.5, pz:-2.75, fric:0.75, walkSpeed:2.5, jumpPower:1, gravity:0.2, yaw:0, pitch:0, fov:110, sensitivity:0.0065, renderDist:4, radius:2 }; let sdir,cdir const user=(function(controls){ controls.mouseX=controls.mouseY=0 controls.mousePressed=controls.mouseClicked=false controls.keys={} uiCanvas.onmousemove=function(e){ controls.mouseX=e.x controls.mouseY=e.y player.yaw+=e.movementXplayer.sensitivity player.pitch=constrain(player.pitch+e.movementYplayer.sensitivity,-1.2,1.2) rotationMatrix=m4.xRotate(m4.identity(),player.pitch) rotationMatrix=m4.yRotate(rotationMatrix,player.yaw) gl.uniformMatrix4fv(rotationUniformLocation,gl.FALSE,rotationMatrix) } uiCanvas.onmousedown=function(){ controls.mousePressed=true controls.mouseClicked=true if(currentScene==='game'){ uiCanvas.requestPointerLock() } } uiCanvas.onmouseup=function(){ controls.mousePressed=false } document.onkeydown=function(e){ controls.keys[e.key.toString()]=true } document.onkeyup=function(e){ controls.keys[e.key.toString()]=false } controls.resetRotation=function(){ player.yaw=0 player.pitch=0 rotationMatrix=m4.xRotate(m4.identity(),player.pitch) rotationMatrix=m4.yRotate(rotationMatrix,player.yaw) } return controls })({}) //standard pjs funcs function isBetween(x,a,b){ return (a-x)(b-x)<0 } function random(min,max){ return Math.random()(max-min)+min } function constrain(x,a,b){ return x<a?a:x>b?b:x } function rad(a){ //0.01745329252=pi/180 //multipling is faster than dividing return a0.01745329252 } function deg(a){ //57.29577951=180/pi return a57.29577951 } //a quick google search for fast iverse sqrt lead me to this const buf=new ArrayBuffer(4) const f32=new Float32Array(buf) const u32=new Uint32Array(buf) function Sqrt(x) { const x2=0.5 * (f32[0]=x) u32[0]=(0x5f3759df - (u32[0] >> 1)) let y=f32[0] y=y * (1.5 - (x2 * y * y)) return y } function normalize(v){ let m=Sqrt(v.xv.x+v.yv.y+v.zv.z) v.x/=m v.y/=m v.z/=m } //most of these taken from Willard's MineKhan bc im too lazy let PVector=function(x, y, z) { this.x=x this.y=y this.z=z this.set=function(x, y, z) { if (y === undefined) { this.x=x.x this.y=x.y this.z=x.z } else { this.x=x this.y=y this.z=z } } this.normalize=function() { let mag=Math.sqrt(this.x this.x + this.y * this.y + this.z * this.z) this.x /= mag this.y /= mag this.z /= mag } this.add=function(v) { this.x += v.x this.y += v.y this.z += v.z } this.mult=function(m) { this.x = m this.y = m this.z = m } } let vec1=new PVector(), vec2=new PVector(), vec3=new PVector() class Plane { constructor(nx, ny, nz) { this.set(nx, ny, nz) } set(nx, ny, nz) { this.dx=nx > 0 ? 20 : -4 this.dy=ny > 0 ? 75 : -75 this.dz=nz > 0 ? 20 : -4 this.nx=nx this.ny=ny this.nz=nz } } function cross(v1, v2, result) { let x=v1.x, y=v1.y, z=v1.z, x2=v2.x, y2=v2.y, z2=v2.z result.x=y z2 - y2 * z result.y=z * x2 - z2 * x result.z=x * y2 - x2 * y } function setDirection(direction){ let cy=Math.cos(player.yaw) let cp=Math.cos(player.pitch) direction.x=Math.sin(player.yaw) * cp direction.y=Math.sin(player.pitch) direction.z=-cy * cp } //param 'frustum' is to be set in function function computeFrustum(frustum,direction) { let X=vec1 let dir=direction X.x=dir.z X.y=0 X.z=-dir.x normalize(X) let Y=vec2 Y.set(dir) Y.mult(-1) cross(Y, X, Y) //Near plane frustum[0].set(dir.x, dir.y, dir.z) let aux=vec3 aux.set(Y) aux.mult(nearH) aux.add(dir) normalize(aux) cross(aux, X, aux) frustum[1].set(aux.x, aux.y, aux.z) aux.set(Y) aux.mult(-nearH) aux.add(dir) normalize(aux) cross(X, aux, aux) frustum[2].set(aux.x, aux.y, aux.z) aux.set(X) aux.mult(-nearH * width / height) aux.add(dir) normalize(aux) cross(aux, Y, aux) frustum[3].set(aux.x, aux.y, aux.z) aux.set(X) aux.mult(nearH * width / height) aux.add(dir) normalize(aux) cross(Y, aux, aux) frustum[4].set(aux.x, aux.y, aux.z) } function canSee(x,z) { x -= 0.5 y =0 z -= 0.5 let px=0, py=0, pz=0, plane=null let cx=-player.x, cy=-player.y, cz=-player.z for (let i=0; i < 5; i++) { plane=player.frustum[i] px=x + plane.dx py=y + plane.dy pz=z + plane.dz if ((px - cx) * plane.nx + (py - cy) * plane.ny + (pz - cz) * plane.nz < 0) { return false } } return true } class AABB{ constructor(x,y,z,w,h,l){ w=0.5 h=0.5 l=0.5 this.minX=x-w this.maxX=x+w this.minY=y-h this.maxY=y+h this.minZ=z-l this.maxZ=z+l } setForPlayer(){ this.minX=-player.x-player.radius this.maxX=-player.x+player.radius this.minY=-player.y-player.radius this.maxY=-player.y+player.radius this.minZ=-player.z-player.radius this.maxZ=-player.z+player.radius } collide(o){ let _x = this.maxX > o.minX && o.maxX > this.minX; let _y = this.maxY > o.minY && o.maxY > this.minY; let _z = this.maxZ > o.minZ && o.maxZ > this.minZ; return _x && _y && _z; } } const vertexShaderText=document.getElementById('vertexShader').text const fragmentShaderText=document.getElementById('fragmentShader').text const vertexShader=gl.createShader(gl.VERTEX_SHADER) const fragmentShader=gl.createShader(gl.FRAGMENT_SHADER) gl.shaderSource(vertexShader,vertexShaderText) gl.shaderSource(fragmentShader,fragmentShaderText) gl.compileShader(vertexShader) gl.compileShader(fragmentShader) const program=gl.createProgram() gl.attachShader(program,vertexShader) gl.attachShader(program,fragmentShader) gl.linkProgram(program) gl.useProgram(program) gl.enable(gl.DEPTH_TEST) gl.depthFunc(gl.LEQUAL) gl.enable(gl.CULL_FACE) gl.cullFace(gl.BACK) //BIG index buffer for all the chunks //bit shifts because multiplying by 2 is slower i guess let indicies=[] for(var i=0;i<10000;i++){ indicies.push(i<<2,1+(i<<2),2+(i<<2),i<<2,2+(i<<2),3+(i<<2)) } let indexBuffer=gl.createBuffer() gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,indexBuffer) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint16Array(indicies), gl.STATIC_DRAW) let currentScene='init' const texSize=2500 let texData=new Uint8Array(texSizetexSize<<2)//x<<2=x4 let texFrame=0 //these functions are ran inside a with loop function addFrame(){ texFrame++ } function setData(data){ texData=data gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, texSize, texSize, 0, gl.RGBA, gl.UNSIGNED_BYTE,texData) } function pjsCode(p){ p.size(texSize,texSize) //draws part of the texture each frame with(p){ draw=function(){ switch(texFrame){ case 0: break case 1: background(0) rectMode(CORNERS) //wall noStroke() fill(255,239,85) rect(0,0,250,250) stroke(170) strokeWeight(4) fill(200) rect(-5,230,251,250) strokeWeight(4) //carpet floor noStroke() fill(250,201,127) rect(250,0,500,250) //ceiling fill(247, 233, 140) rect(500,0,750,250) break case 2: noiseSeed(8) //wall and ceiling texture for(var y=0;y<250;y+=3){ for(var x=0;x<250;x+=3){ var n=noise(x0.02,y0.02)80-30 if(y<230){ //wall noise stroke(255-n,239-n,85-n) point(x,y) } //ceil noise stroke(247-n0.5, 233-n0.5, 140-n0.5) point(x+500,y) } } break case 3: randomSeed(6) noFill() //carpet texture for(var i=0;i<115;i++){ var r=random(3,20) stroke(250-r,201-r,127-r) r=random(0,360) arc(random(257,490),random(0,250),random(5,15),random(5,15),r,r+random(0.4,3.2)) } break default: //after done drawing the texture loadPixels() setData(imageData.data) currentScene='title' noLoop() break } addFrame() } } } const pjsCanvas=document.getElementById('tex-canvas') pjsCanvas.style.display='none' const pjsInstance=new Processing(pjsCanvas,pjsCode) let texture=gl.createTexture() gl.bindTexture(gl.TEXTURE_2D,texture) gl.pixelStorei(gl.UNPACK_ALIGNMENT,1) //Currently texData is an empty array, after texture initialization it gets changed to the texture gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, texSize, texSize, 0, gl.RGBA, gl.UNSIGNED_BYTE,texData) gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); 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) let positionAttribLocation=gl.getAttribLocation(program, "vertPosition") let texCoordAttribLocation=gl.getAttribLocation(program, "vertTexCoord") gl.enableVertexAttribArray(positionAttribLocation) gl.enableVertexAttribArray(texCoordAttribLocation) let textureBounds={ all:[0,0,texSize,0,texSize,texSize,0,texSize], wall0:[1,1,249,1,249,250,1,250], floor0:[251,1,497,1,497,249,251,249], ceil0:[501,1,749,1,749,250,501,250] } for(let i in textureBounds){ for(let j=0;j<8;j++){ textureBounds[i][j]=textureBounds[i][j]/texSize } } const wallDirShade=[0.96,0.87,0.9,0.81,0.98,0.93] let levels=[ { chunks:[[]] } ] function Chunk(x,z){ //args are the array indexes //chunks are 16xinfx16 this.x=x<<4 this.z=z<<4 this.gx=x this.gz=z this.AABBs=[] this.verts=[] this.vertBufferObject=gl.createBuffer() this.addPlane=function(x,y,z,w,h,l,tex,rot){ //x>>1=x/2 w=w>>1 h=h>>1 l=l>>1 tex=textureBounds[tex] let shade=wallDirShade[['north','east','south','west','up','down'].indexOf(rot)] switch(rot){ case 'up': this.verts.push( x+w,y,z+l,tex[6],tex[7],shade, x+w,y,z-l,tex[4],tex[5],shade, x-w,y,z-l,tex[2],tex[3],shade, x-w,y,z+l,tex[0],tex[1],shade ) case 'down': this.verts.push( x-w,y,z+l,tex[0],tex[1],shade, x-w,y,z-l,tex[2],tex[3],shade, x+w,y,z-l,tex[4],tex[5],shade, x+w,y,z+l,tex[6],tex[7],shade ) break case 'north': this.verts.push( x-w,y-h,z,tex[6],tex[7],shade, x+w,y-h,z,tex[4],tex[5],shade, x+w,y+h,z,tex[2],tex[3],shade, x-w,y+h,z,tex[0],tex[1],shade ) case 'south': this.verts.push( x-w,y+h,z,tex[0],tex[1],shade, x+w,y+h,z,tex[2],tex[3],shade, x+w,y-h,z,tex[4],tex[5],shade, x-w,y-h,z,tex[6],tex[7],shade ) break case 'east': this.verts.push( x,y-h,z-l,tex[6],tex[7],shade, x,y-h,z+l,tex[4],tex[5],shade, x,y+h,z+l,tex[2],tex[3],shade, x,y+h,z-l,tex[0],tex[1],shade ) case 'west': this.verts.push( x,y+h,z-l,tex[0],tex[1],shade, x,y+h,z+l,tex[2],tex[3],shade, x,y-h,z+l,tex[4],tex[5],shade, x,y-h,z-l,tex[6],tex[7],shade ) break } } this.generateMesh=function(){ this.addPlane(this.x,0,this.z,16,16,16,'floor0','up') this.addPlane(this.x,20,this.z,16,16,16,'ceil0','down') if(Math.random()>0.7 \|\| Math.abs(this.gx)<=1 && Math.abs(this.gz)<=1){ return} let t=~~Math.random() let r=~~(Math.random()4) if(r%2===0){ this.addPlane(this.x,10,this.z+8,2,20,2,'wall0','north') this.addPlane(this.x,10,this.z-8,2,20,2,'wall0','south') this.addPlane(this.x-1,10,this.z,16,20,16,'wall0','east') this.addPlane(this.x+1,10,this.z,16,20,16,'wall0','west') this.AABBs.push(new AABB(this.x,10,this.z,2,20,16)) } else { //for sOmE reason having 2 east faces work but an east and west face breaks this.addPlane(this.x+8,10,this.z,2,20,2,'wall0','east') this.addPlane(this.x-8,10,this.z,2,20,2,'wall0','east') this.addPlane(this.x,10,this.z-1,16,20,16,'wall0','south') this.addPlane(this.x,10,this.z+1,16,20,16,'wall0','north') this.AABBs.push(new AABB(this.x,10,this.z,16,20,2)) } if(t===0){ switch(r){ case 0: this.addPlane(this.x-4,10,this.z-1,8,20,8,'wall0','south') this.addPlane(this.x-4,10,this.z+1,8,20,8,'wall0','north') this.addPlane(this.x-8,10,this.z,2,20,2,'wall0','east') this.AABBs.push(new AABB(this.x-4,10,this.z,8,20,2)) break; case 1: this.addPlane(this.x-1,10,this.z-4,8,20,8,'wall0','east') this.addPlane(this.x+1,10,this.z-4,8,20,8,'wall0','west') this.addPlane(this.x,10,this.z-8,2,20,2,'wall0','south') this.AABBs.push(new AABB(this.x,10,this.z-4,2,20,8)) break; case 2: this.addPlane(this.x+4,10,this.z-1,8,20,8,'wall0','south') this.addPlane(this.x+4,10,this.z+1,8,20,8,'wall0','north') this.addPlane(this.x+8,10,this.z,2,20,2,'wall0','east') this.AABBs.push(new AABB(this.x+4,10,this.z,8,20,2)) break case 3: this.addPlane(this.x-1,10,this.z+4,8,20,8,'wall0','east') this.addPlane(this.x+1,10,this.z+4,8,20,8,'wall0','west') this.addPlane(this.x,10,this.z+8,2,20,2,'wall0','north') this.AABBs.push(new AABB(this.x,10,this.z+4,2,20,8)) break; } } } this.setBuffers=function(){ gl.bindBuffer(gl.ARRAY_BUFFER, this.vertBufferObject) gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(this.verts), gl.STATIC_DRAW) this.facesAmount=this.verts.length/3 } this.render=function(rounded){ if(!canSee(this.x,this.z)){return} gl.bindBuffer(gl.ARRAY_BUFFER, this.vertBufferObject); gl.vertexAttribPointer(positionAttribLocation, 3, gl.FLOAT, gl.FALSE,24, 0) gl.vertexAttribPointer(texCoordAttribLocation, 3, gl.FLOAT, gl.FALSE,24,12) gl.drawElements(gl.TRIANGLES,this.facesAmount, gl.UNSIGNED_SHORT, 0) } } const translationUniformLocation=gl.getUniformLocation(program,'translation') const rotationUniformLocation=gl.getUniformLocation(program,'rotation') const projectionUniformLocation=gl.getUniformLocation(program,'projection') let translationMatrix=new Float32Array(m4.identity()); let rotationMatrix=new Float32Array(m4.identity()); let projectionMatrix=new Float32Array(m4.perspective(player.fov,width/height,0.1,100.0)) const fogLoc=gl.getUniformLocation(program,'fogAmount') const fogAmount=70 gl.uniform1f(fogLoc,fogAmount) gl.uniformMatrix4fv(projectionUniformLocation,gl.FALSE,projectionMatrix) gl.uniformMatrix4fv(rotationUniformLocation,gl.FALSE,rotationMatrix) player.frustum=[new Plane(1,0,0),new Plane(1,0,0),new Plane(1,0,0),new Plane(1,0,0),new Plane(1,0,0)] player.dir=new PVector(0,0,0) player.AABB=new AABB() player.AABB.setForPlayer() function runPlayerControls(){ player.px=player.x player.py=player.y player.pz=player.z sdir=Math.sin(-player.yaw) cdir=Math.cos(-player.yaw) let s=player.walkSpeeddt if(user.keys.d){ player.vx-=cdirs player.vz+=sdirs } if(user.keys.w){ player.vx+=sdirs player.vz+=cdirs } if(user.keys.a){ player.vx+=cdirs player.vz-=sdirs } if(user.keys.s){ player.vx-=sdirs player.vz-=cdirs } player.vx=player.fric player.vz=player.fric // player.y+=player.vydt } function runCollisions(rounded){ let chunk=levels[currentLevel].chunks[rounded[1]] if(!chunk){return 's'} else {chunk=chunk[rounded[0]]} if(!chunk){return 's'} player.px=player.x player.x+=player.vxdt player.AABB.setForPlayer() for(var i=0,n=chunk.AABBs.length;i<n;i++){ if(chunk.AABBs[i].collide(player.AABB)){ player.x=player.px player.vx=0 } } player.pz=player.z player.z+=player.vzdt player.AABB.setForPlayer() for(var i=0,n=chunk.AABBs.length;i<n;i++){ if(chunk.AABBs[i].collide(player.AABB)){ player.z=player.pz player.vz=0 } } } function runChunks(rounded){ let [minZ,maxZ,minX,maxX]=[-((player.z+8)>>4)-player.renderDist,player.renderDist-((player.z+8)>>4),-((player.x+8)>>4)-player.renderDist,player.renderDist-((player.x+8)>>4)] for(var z=minZ;z<=maxZ;z++){ for(var x=minX;x<=maxX;x++){ if(!levels[currentLevel].chunks[z]){ levels[currentLevel].chunks[z]=[] } if(!levels[currentLevel].chunks[z][x]){ levels[currentLevel].chunks[z][x]=new Chunk(x,z) levels[currentLevel].chunks[z][x].generateMesh() levels[currentLevel].chunks[z][x].setBuffers() } levels[currentLevel].chunks[z][x].render(rounded) } } } let dt=Date.now() let initFrame=0 let scenes={} // scenes.init is called upon program drawing the textures scenes.init=function(){ ctx.fillStyle='rgb(0,0,0)' ctx.font='40px thisIsNotAFontSoItsDrawsTheDefaultOneILikeTheDefaultFontBetter' ctx.fillText('Initializing Textures and WebGL',30,300) } scenes.title=function(){ ctx.fillStyle='rgb(45, 45, 45)' ctx.fillRect(0,0,600,600) ctx.fillStyle='rgb(255,255,255)' for(let i=0;i<10;i++){ ctx.fillRect(random(0,600),random(0,600),random(10,45),random(0.02,1)) } ctx.fillStyle='rgb(0,0,0)' ctx.fillRect(195,295,210,110) ctx.fillStyle='rgb(200,200,200)' ctx.fillRect(200,300,200,100) ctx.fillStyle='rgb(0,0,0)' if(isBetween(user.mouseX,195,405) && isBetween(user.mouseY,295,405)){ ctx.fillStyle='rgb(200,0,0)' if(user.mouseClicked){ uiCanvas.requestPointerLock() currentScene='game' user.resetRotation() } } ctx.font='40px cursive' ctx.fillText('Play',260,360) } let currentLevel=0 scenes.game=function(){ dt=Math.min((Date.now()-dt)*0.01,0.3) gl.clearColor(0,0,0,1) gl.clear(gl.COLOR_BUFFER_BIT \| gl.DEPTH_BUFFER_BIT) let rounded=[-(player.x-8)>>4,-(player.z-8)>>4] runPlayerControls() runCollisions(rounded) translationMatrix=m4.translate(m4.identity(), player.x, player.y, player.z) gl.uniformMatrix4fv(translationUniformLocation,gl.FALSE,translationMatrix) setDirection(player.dir) computeFrustum(player.frustum,player.dir) runChunks(rounded) ctx.drawImage(gl.canvas,0,0) // var pix=new Uint8Array(4) // gl.readPixels(300,300,1,1,gl.RGBA,gl.UNSIGNED_BYTE,pix) // ctx.fillText(pix,300,550) dt=Date.now() } function gameLoop(){ scenes[currentScene]() user.mouseClicked=false window.requestAnimationFrame(gameLoop) } gameLoop() } main() </script> <!--For restart button--> <script></script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIPQqcKACQw
Votes	323
Spin-Offs	36
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Dat
Author Name	Dddatt
Author ID	kaid_4164356982737975081215128
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739374224644
Updated	8 months ago, 1744828927190
Source Deleted	unknown