Viewing Program

Program Data

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

Title	Goodbye everyone...and bees
ID	4609323217502208
Created	3 years ago, 1652962928108
Updated	3 years ago, 1652963868831
Code	<!DOCTYPE html><!-- This is a demo of my new game! Sooo.... I'm taking a little break for the summer(soon), and will come back(soon)... I'm right now also kinda bored with the content on KA, and there's really nothing for me to do. Trying to finish my new BSS remake before the summer, so like 3 months in time, was an absurd goal. I'm also going on vacation, too...so yeah... I might pop back on often to see what's on the HL and maybe fix some bugs...so yes Once I come back, maybe just before summer ends, I'll start working on the game again, and it's bound to release by January. This is an older version of the game, like 1.5 months ago...so the current version I'm working on is far better (while I'm gone check out karlson lol) --> <html> <head> <meta charset="utf-8"> <title>Goodbye everyone...and bees</title> </head> <body onload='main()'> <canvas id='gl-canvas'></canvas> <canvas id='ui-canvas'></canvas> <canvas id='tex-canvas' width='2048' height='2048'></canvas> <style> body{ overflow:hidden; margin:0; font-family:cursive; } input { height:24px; outline:none; background-color:rgb(255,255,255); border:none; border-bottom:4px solid black; transition-duration:0.4s; border-radius:5px; } input:hover { background-color:rgb(200,200,255); } input:focus { background-color:rgb(170,200,255); } button { width:60px; height:30px; transition-duration:0.4s; border-radius:8px; font-size:16px; background-color:rgb(255,255,255); } button:hover { cursor:pointer; border-radius:13px; background-color:rgb(150,255,205); } #gl-canvas{ display:none; } #ui-canvas{ position:fixed; left:0; top:0; z-index:-1; } #tex-canvas{ display:none; } </style> <script id='static_geometry_vsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 vertPos; in vec3 vertColor; in vec3 vertUV; out vec3 pixPos; out vec3 pixColor; out vec3 pixUV; uniform mat4 viewMatrix; void main(){ vec4 pos=viewMatrixvec4(vertPos,1); pixColor=vertColor; pixUV=vertUV; gl_Position=pos; } </script> <script id='static_geometry_fsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 pixColor; in vec3 pixUV; out vec4 fragColor; uniform sampler2D tex; void main(){ vec4 t=texture(tex,pixUV.xy); fragColor=vec4(mix(pixColor,t.rgb,t.a),1.0); } </script> <script id='dynamic_geometry_vsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 vertPos; in vec3 vertColor; in vec3 vertNormal; out vec3 pixColor; out vec3 pixNormal; uniform mat4 viewMatrix; uniform mat4 modelMatrix; void main(){ vec4 pos=viewMatrixmodelMatrixvec4(vertPos,1); pixColor=vertColor; pixNormal=mat3(modelMatrix)vertNormal; gl_Position=pos; } </script> <script id='dynamic_geometry_fsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 pixColor; in vec3 pixNormal; out vec4 fragColor; void main(){ vec3 normal=normalize(pixNormal); float shade=dot(normal,LIGHT_DIR)0.4+0.6; fragColor=vec4(pixColorshade,1.0); } </script> <script id='token_geometry_vsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 vertPos; in vec2 vertUV; in vec4 instance_pos; //pos.w = rot in vec3 instance_uv; out vec3 pixUV; uniform mat4 viewMatrix; void main(){ pixUV=vec3(vertUV,0)+instance_uv; vec3 vp=vertPos; float s=sin(instance_pos.w); float c=cos(instance_pos.w); vp=vec3( vp.xs-vp.zc, vp.y, vp.xc+vp.zs ); gl_Position=viewMatrixvec4(vp+instance_pos.xyz,1); } </script> <script id='token_geometry_fsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 pixUV; out vec4 fragColor; uniform sampler2D tex; void main(){ fragColor=vec4(texture(tex,pixUV.xy).rgb,pixUV.z); } </script> <script id='flower_geometry_vsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 vertPos; in vec4 vertUV; out vec4 pixUV; uniform mat4 viewMatrix; void main(){ pixUV=vertUV; gl_Position=viewMatrixvec4(vertPos,1); } </script> <script id='flower_geometry_fsh' type='GLSL3D'>#version 300 es precision lowp float; in vec4 pixUV; out vec4 fragColor; uniform sampler2D tex; void main(){ fragColor=vec4(max(mix(vec3(0,0.6,0),texture(tex,pixUV.xy).rgbmin(pixUV.w,1.0),pixUV.z),vec3(0,0.2,0)),1.0); } </script> <script id='bee_geometry_vsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 vertPos; in vec3 vertUV; in vec3 instance_pos; in vec4 instance_rotation; in vec2 instance_uv; out vec3 pixUV; uniform mat4 viewMatrix; void main(){ pixUV=vertUV+vec3(instance_uv,0); vec3 del=normalize(instance_rotation.xyz); //i cant bee-lieve these few lines of code are compacted versions of euler angle from direction, quaternion definition from x-y euler angles, local z-axis rotation, and vec3 transformation :o //those 4 things would probably take like 125 lines lol //i guess i'm really good at optimizing lol float pitch=asin(-del.y)0.5; float yaw=atan(del.x,del.z)0.5; float roll=instance_rotation.w0.5; vec3 s=vec3(sin(pitch),sin(yaw),sin(roll)); vec3 c=vec3(cos(pitch),cos(yaw),cos(roll)); vec4 quaternion=vec4(s.xc.y,c.xs.y,-s.xs.y,c.xc.y); quaternion=vec4(quaternion.xc.z+quaternion.ys.z,quaternion.yc.z-quaternion.xs.z,quaternion.zc.z+quaternion.ws.z,(quaternion.wc.z-quaternion.zs.z)2.0); vec3 u=vec3(quaternion.yvertPos.z-quaternion.zvertPos.y,quaternion.zvertPos.x-quaternion.xvertPos.z,quaternion.xvertPos.y-quaternion.yvertPos.x); vec3 uu=vec3(quaternion.yu.z-quaternion.zu.y,quaternion.zu.x-quaternion.xu.z,quaternion.xu.y-quaternion.yu.x); gl_Position=viewMatrixvec4(vertPos+uquaternion.w+uu2.0+instance_pos,1); } </script> <script id='bee_geometry_fsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 pixUV; out vec4 fragColor; uniform sampler2D tex; void main(){ if(pixUV.z>0.5){ fragColor=vec4(texture(tex,pixUV.xy).rgb,1); } else { fragColor=vec4(0.1,0.4,1,0.4); } } </script> <script id='particle_renderer_vsh' type='GLSL3D'> #version 300 es precision lowp float; uniform mat4 viewMatrix; in vec3 vertPos; in vec4 vertColor; in float vertSize; in float vertRot; out float particleSize; out vec2 particlePos; out vec4 pixColor; out vec2 particleRot; void main(){ vec4 pos=viewMatrixvec4(vertPos,1); pixColor=vertColor; particlePos=pos.xy/pos.w; gl_Position=pos; float projSize=(vertSize/pos.z)1.5SCREEN_CHANGE; gl_PointSize=projSize; particleSize=projSize0.5; particleRot=vec2(sin(vertRot),cos(vertRot)); } </script> <script id='particle_renderer_fsh' type='GLSL3D'> #version 300 es precision lowp float; in float particleSize; in vec2 particlePos; in vec4 pixColor; in vec2 particleRot; out vec4 fragColor; void main(){ vec2 ssPos=(gl_FragCoord.xy-vec2(HALF_WIDTH,HALF_HEIGHT))vec2(INV_HALF_WIDTH,INV_HALF_HEIGHT); vec2 del=particlePos-ssPos; del.x=ASPECT; del=vec2( del.xparticleRot.x-del.yparticleRot.y, del.xparticleRot.y+del.yparticleRot.x ); if(abs(del.x)+abs(del.y)>particleSizeINV_AVG_HALF_WIDTH_HEIGHT){ discard; } fragColor=pixColor; } </script> <script id='explosion_renderer_vsh' type='GLSL3D'>#version 300 es precision lowp float; in vec3 vertPos; in vec3 instance_pos; in vec4 instance_color; in vec2 instance_scale; out vec4 pixColor; uniform mat4 viewMatrix; void main(){ pixColor=instance_color; gl_Position=viewMatrixvec4(vertPosinstance_scale.xvec3(1,instance_scale.y,1)+instance_pos,1); } </script> <script id='explosion_renderer_fsh' type='GLSL3D'>#version 300 es precision lowp float; in vec4 pixColor; out vec4 fragColor; void main(){ fragColor=pixColor; } </script> <script id='text_renderer_vsh' type='GLSL3D'> #version 300 es precision lowp float; uniform mat4 viewMatrix; in vec2 vertPos; in vec2 vertUV; in vec3 instance_origin; in vec2 instance_offset; in vec2 instance_uv; in vec3 instance_color; in vec2 instance_info; out vec3 pixColor; out vec2 pixUV; void main(){ pixColor=instance_color; pixUV=vertUV+instance_uv; vec4 originPos=viewMatrixvec4(instance_origin,1); float s=sin(instance_info.y); float c=cos(instance_info.y); vec2 vp=(vertPos+instance_offset)instance_info.x; vp=vec2( (vp.xc-vp.ys)INV_ASPECT, vp.xs+vp.yc ); gl_Position=originPos+vec4(vp,0,0); } </script> <script id='text_renderer_fsh' type='GLSL3D'> #version 300 es precision lowp float; uniform sampler2D tex; in vec2 pixUV; in vec3 pixColor; out vec4 fragColor; void main(){ vec4 c=texture(tex,pixUV)vec4(pixColor,1); if(c.a<0.3){ discard; } fragColor=vec4(c); } </script> <div id='abilityUI' style='margin:5px;padding:0px;margin-top:35px;'> <svg id='haste' style='width:30;height:30;display:none'> <rect width='30' height='30' fill='rgb(255,255,255)'></rect> <rect id='haste_cooldown' width='30' height='0' style='fill:rgb(0,0,0);' opacity='0.45'></rect> <path d='M18 9L15 21M12 26L15 21M16 26L15 21M11 11L16 15M23 15L16 15' stroke='rgb(130,130,130)' stroke-width='2'></path> <path d='M5 7 L11 7M2 15L12 15M3 23L11 23' stroke='rgb(130,130,130)' stroke-width='1.5' opacity='0.5'></path> <circle cx='18' cy='9' r='4'fill='rgb(130,130,130)'></circle> <text id='haste_amount' x='28' y='28' style='font-family:calibri;font-size:13px;' text-anchor='end'></text> </svg> <svg id='focus' style='width:30;height:30;display:none'> <rect width='30' height='30' fill='rgb(0,200,0)'></rect> <rect id='focus_cooldown' width='30' height='0' style='fill:rgb(0,0,0);' opacity='0.45'></rect> <path fill='rgb(0,0,0)' d='M5 15C10 0 20 0 25 15M5 15C10 30 20 30 25 15'></path> <circle cx='15' cy='15' r='3' fill='rgb(0,200,0)'></circle> <text id='focus_amount' x='28' y='28' style='font-family:calibri;font-size:13px;' text-anchor='end'></text> </svg> <svg id='haste__' style='width:30;height:30;display:none'> <rect width='30' height='30' fill='rgb(255,220,10)'></rect> <rect id='haste___cooldown' width='30' height='0' style='fill:rgb(0,0,0);' opacity='0.45'></rect> <path d='M18 9L15 21M12 26L15 21M16 26L15 21M11 11L16 15M23 15L16 15' stroke='rgb(130,130,130)' stroke-width='2'></path> <path d='M5 7 L11 7M2 15L12 15M3 23L11 23' stroke='rgb(130,130,130)' stroke-width='1.5' opacity='0.5'></path> <circle cx='18' cy='9' r='4'fill='rgb(130,130,130)'></circle> <text id='haste___amount' x='28' y='28' style='font-family:calibri;font-size:13px;' text-anchor='end'></text> </svg> <svg id='tempJump' style='width:30;height:30;display:none'> <rect width='30' height='30' fill='rgb(151, 207, 206)'></rect> <rect id='tempJump_cooldown' width='30' height='0' style='fill:rgb(0,0,0);' opacity='0.45'></rect> <path d='M18 9L15 21M12 26L15 21M16 26L15 21M11 11L16 15M23 15L16 15' stroke='rgb(130,130,130)' stroke-width='2'></path> <path d='M5 7 L11 7M2 15L12 15M3 23L11 23' stroke='rgb(130,130,130)' stroke-width='1.5' opacity='0.5'></path> <circle cx='18' cy='9' r='4'fill='rgb(130,130,130)'></circle> <text id='tempJump_amount' x='28' y='28' style='font-family:calibri;font-size:13px;' text-anchor='end'></text> </svg> <svg id='melody' style='width:30;height:30;display:none'> <rect width='30' height='30' fill='rgb(255,255,255)'></rect> <rect id='melody_cooldown' width='30' height='0' style='fill:rgb(0,0,0);' opacity='0.45'></rect> <path d='M6 22L8 8M8 8L23 8M23 8L20 22' stroke='rgb(0,0,0)' stroke-width='3'></path> <circle cx='5' cy='22' r='3'fill='rgb(0,0,0)'></circle> <circle cx='19' cy='22' r='3'fill='rgb(0,0,0)'></circle> <text id='melody_amount' x='28' y='28' style='font-family:calibri;font-size:13px;' text-anchor='end'></text> </svg> <svg id='bombPower' style='width:30;height:30;display:none'> <rect width='30' height='30' fill='rgb(0,0,0)'></rect> <path d='M15 26 L17.169 19.505 L23.600 21.858 L19.875 16.113 L25.724 12.552 L18.909 11.883 L19.773 5.089 L15 10 L10.227 5.089 L11.091 11.883 L4.276 12.552 L10.125 16.113 L6.400 21.858 L12.831 19.505' fill='rgb(255,255,255)'></path> <rect id='bombPower_cooldown' width='30' height='0' style='fill:rgb(0,0,0);' opacity='0.45'></rect> <text id='bombPower_amount' x='28' y='28' style='font-family:calibri;font-size:13px;' fill='rgb(255,255,255)' text-anchor='end'></text> </svg> </div> <div id='honeyAndPollenAmount' style='position:fixed;margin:0px;top:0px;z-index:-1;'> <svg style='margin:0px;width:600;height:35;'> <rect x='39' width='260' height='30' fill='rgb(210,210,210)' rx='5'></rect> <rect x='301' width='260' height='30' fill='rgb(210,210,210)' rx='5'></rect> <rect x='360' y='3' width='196' height='23' fill='rgb(120,120,120)' rx='2'></rect> <rect x='97' y='3' width='196' height='23' fill='rgb(120,120,120)' rx='2'></rect> <text x='46' y='20' style='font-family:trebuchet ms;font-size:16px;'>Honey:</text> <text x='309' y='20' style='font-family:trebuchet ms;font-size:16px;'>Pollen:</text> <rect id='capacityBar' x='360' y='3' width='0' height='23' fill='rgb(0,255,0)' rx='2' opacity='0.7'></rect> <text id='honeyAmount2' x='103' y='20' style='font-family:trebuchet ms;font-size:16px;' fill='rgb(255, 226, 8)' stroke='rgb(0,0,0)' stroke-width='2'>0</text> <text id='honeyAmount' x='103' y='20' style='font-family:trebuchet ms;font-size:16px;' fill='rgb(255, 226, 8)'>0</text> <text id='pollenAmount2' x='365' y='20' style='font-family:trebuchet ms;font-size:16px;' fill='rgb(255,255,255)' stroke='rgb(0,0,0)' stroke-width='2'>0</text> <text id='pollenAmount' x='365' y='20' style='font-family:trebuchet ms;font-size:16px;' fill='rgb(255,255,255)'>0</text> </svg> </div> <div id='hoverText' style='background-color:rgb(0,0,0);position:fixed;color:rgb(255,255,255);display:none;text-align:center;padding:5px'></div> <div id='useFullscreen' style='position:fixed;z-index:1;padding-left:15px;background-color:rgb(200,200,200);top:0px;left:0px;bottom:0px;right:0px;'> <header style='margin-left:150px;margin-bottom:0px;font-size:35px;'>Play in Fullscreen?</header> <p style='margin-left:42px;margin-top:0px;'>(recommended! might not work sometimes, this is a prototype)</p> <span style='display:block;margin-top:50px;'></span> <button id='runFullScreen' style='margin-left:170px;width:200px;height:50px;'>Yes!!!!</button> <span style='display:block;margin-top:50px;'></span> <button id='noFullScreen' style='margin-left:170px;width:200px;height:50px;'>No,thanks...</button> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/cannon.js/0.6.2/cannon.min.js'></script> <script type='application/javascript'> var _M=Math function main(){ let Math=_M let width=window.innerWidth,height=window.innerHeight,half_width=width0.5,half_height=height0.5,aspect=width/height,webCode='' let glCanvas=document.getElementById('gl-canvas') let gl=glCanvas.getContext('webgl2',{antialias:true}) let uiCanvas=document.getElementById('ui-canvas') let ctx=uiCanvas.getContext('2d') let texCanvas=document.getElementById('tex-canvas') let tex_ctx=texCanvas.getContext('2d') if(!gl){ alert('No WebGL') return } glCanvas.width=width glCanvas.height=height uiCanvas.width=width uiCanvas.height=height gl.canvas.width=width gl.canvas.height=height gl.viewport(0,0,width,height) function runForFullScreen(){ if(webCode.length>1){ let w=window.open() w.document.open() w.document.write(webCode.replaceAll('\u0040','').replace('var _M=Math','var _M=Math;window.thisProgramIsInFullScreen=true')) w.document.close() webCode='' } else { window.parent.raf=window.requestAnimationFrame(runForFullScreen) } } document.getElementById('runFullScreen').addEventListener('click',function(){ let ID=4609323217502208 $.getJSON("https://www.khanacademy.org/api/labs/scratchpads/"+ID+"?callback=?",function(data){ webCode=data.revision.code }) runForFullScreen() }) gl.enable(gl.BLEND) gl.blendFunc(gl.SRC_ALPHA,gl.ONE_MINUS_SRC_ALPHA) gl.enable(gl.DEPTH_TEST) gl.depthFunc(gl.LEQUAL) gl.enable(gl.CULL_FACE) gl.cullFace(gl.BACK) let pollenAmount=document.getElementById('pollenAmount') let honeyAmount=document.getElementById('honeyAmount') let pollenAmount2=document.getElementById('pollenAmount2') let honeyAmount2=document.getElementById('honeyAmount2') let PLAYER_PHYSICS_GROUP=2,STATIC_PHYSICS_GROUP=4,BEE_COLLECT=0,BEE_FLY=0,then,dt,frameCount=0,TIME=0,player let world=new CANNON.World() world.broadphase=new CANNON.SAPBroadphase(world) world.broadphase.useBoundingBoxes=true world.gravity.set(0,-20,0) world.quatNormalizeSkip=10 world.quatNormalizeFast=true let solver=new CANNON.GSSolver() solver.iterations=2 solver.tolerance=100000 world.solver=solver world.defaultContactMaterial.friction=0 world.defaultContactMaterial.restitution=0.01 let triggers={ hive:{ minX:-5.9-4.50.5, maxX:-5.9+4.50.5, minY:-1.95-40.5, maxY:-1.95+40.5, minZ:-4-4.50.5, maxZ:-4+4.50.5 } } let hoverText=document.getElementById('hoverText') let beeInfo={ basic:{ u:0,v:0,gatherSpeed:3,gatherAmount:20,speed:1.75,convertSpeed:4,convertAmount:40 }, looker:{ u:128/2048,v:0,gatherSpeed:2.75,gatherAmount:25,speed:1.9,tokens:[{type:'focus',chance:0.2}],convertSpeed:3.5,convertAmount:45 }, music:{ u:256/2048,v:0,gatherSpeed:2,gatherAmount:45,speed:2.5,tokens:[{type:'focus',chance:0.2},{type:'melody',chance:0.2},{type:'link',chance:0.2}],convertSpeed:2.5,convertAmount:70 }, fire:{ u:(256+128)/2048,v:0,gatherSpeed:1.5,gatherAmount:20,speed:2.25,gatheringPassive:function(bee){if(Math.random()<0.3){objects.explosions.push(new Explosion({col:[1,0.5,0],pos:[Math.round(bee.pos[0]),bee.pos[1]-0.25,Math.round(bee.pos[2])],life:0.5,size:1.5,speed:0.5,aftershock:0.01,height:0.01}));objects.flames.push(new Flame(player.fieldIn,bee.flowerCollecting[0],bee.flowerCollecting[1]))}},particles:function(bee){ParticleRenderer.add({x:bee.pos[0],y:bee.pos[1],z:bee.pos[2],vx:MATH.random(-0.3,0.3),vy:MATH.random(-0.3,0.3),vz:MATH.random(-0.3,0.3),grav:0,size:MATH.random(20,60),col:[MATH.random(0.7,1),MATH.random(0,0.5),0],life:1.5,rotVel:MATH.random(-3,3),alpha:1.5})},convertSpeed:3,convertAmount:58 }, bubble:{ u:(256+256)/2048,v:0,gatherSpeed:1.5,gatherAmount:20,speed:2.25,gatheringPassive:function(bee){if(Math.random()<0.3){objects.bubbles.push(new Bubble(player.fieldIn,bee.flowerCollecting[0],bee.flowerCollecting[1]));}},particles:function(bee){ParticleRenderer.add({x:bee.pos[0],y:bee.pos[1],z:bee.pos[2],vx:MATH.random(-0.3,0.3),vy:MATH.random(-0.3,0.3),vz:MATH.random(-0.3,0.3),grav:0,size:MATH.random(20,60),col:[MATH.random(0.1,0.3),MATH.random(0.4,0.6),MATH.random(0.8,1)],life:1.5,rotVel:MATH.random(-3,3),alpha:1.5})},convertSpeed:3.5,convertAmount:57 }, hasty:{ u:1285/2048,v:0,gatherSpeed:2.5,gatherAmount:20,speed:2.1,tokens:[{type:'haste',chance:0.3}],convertSpeed:3.5,convertAmount:47 }, bomber:{ u:1286/2048,v:0,gatherSpeed:2.75,gatherAmount:23,speed:1.9,tokens:[{type:'whiteBomb',chance:0.2}],convertSpeed:3.7,convertAmount:44 }, buoyant:{ u:1287/2048,v:0,gatherSpeed:2,gatherAmount:67,speed:3,convertSpeed:1.3,convertAmount:83 } } let effects={ haste:{ u:0,v:0, svg:document.getElementById('haste'), cooldown:document.getElementById('haste_cooldown'), amount:document.getElementById('haste_amount'), maxCooldown:15, maxAmount:10, tokenLife:10, update:(amount,player)=>{ player.walkSpeed=amount0.1+1 }, getMessage:(amount)=>{ return 'Haste\nx'+((player.defaultStats.walkSpeed(amount0.1+1))/player.defaultStats.walkSpeed).toFixed(1)+' movespeed' } }, haste__:{ svg:document.getElementById('haste__'), cooldown:document.getElementById('haste___cooldown'), amount:document.getElementById('haste___amount'), maxCooldown:45, maxAmount:1, update:(amount,player)=>{ player.walkSpeed=2 }, getMessage:(amount)=>{ return 'Haste++\nx2 movespeed' } }, tempJump:{ svg:document.getElementById('tempJump'), cooldown:document.getElementById('tempJump_cooldown'), amount:document.getElementById('tempJump_amount'), maxCooldown:35, maxAmount:5, update:(amount,player)=>{ player.jumpPower+=amount player.instantBlueConversion=0.3 player.instantRedConversion=0.3 player.instantWhiteConversion=0.3 player.convertRate+=10 }, getMessage:(amount)=>{ return 'random buffs for testing\n+30% instant conversion\n+'+amount+' jump power\n+10 convert rate' } }, focus:{ u:128/1024,v:0, svg:document.getElementById('focus'), cooldown:document.getElementById('focus_cooldown'), amount:document.getElementById('focus_amount'), maxCooldown:20, maxAmount:10, tokenLife:17.5, update:(amount,player)=>{ player.criticalChance+=0.03amount }, getMessage:(amount)=>{ return 'Focus\n'+amount3+'% critical chance' } }, melody:{ u:256/1024,v:0, svg:document.getElementById('melody'), cooldown:document.getElementById('melody_cooldown'), amount:document.getElementById('melody_amount'), maxCooldown:30, maxAmount:1, tokenLife:22.5, update:(amount,player)=>{ player.criticalPower+=1 }, getMessage:(amount)=>{ return 'Melody\n+100% critical power' } }, link:{ u:1283/1024,v:0, canBeLinked:false, tokenLife:20, func:function(){ for(let i in objects.tokens){ if(objects.tokens[i].canBeLinked){ objects.tokens[i].collect() } } } }, bombPower:{ u:1284/1024,v:0, svg:document.getElementById('bombPower'), cooldown:document.getElementById('bombPower_cooldown'), amount:document.getElementById('bombPower_amount'), maxCooldown:10, maxAmount:10, tokenLife:9, update:(amount,player)=>{ player.bombPower=1+amount0.1 }, getMessage:(amount)=>{ return 'Bomb Power\nx'+(amount0.1+1)+' bomb power' } }, whiteBomb:{ u:1284/1024,v:0, tokenLife:17.5, func:function(params){ if(player.fieldIn===params.field){ collectPollen(params.x,params.z,[[0,0],[-1,-1],[-1,0],[-1,1],[1,-1],[1,0],[1,1],[0,1],[0,-1],[0,2],[2,0],[-2,0],[0,-2]],{r:5player.bombPower,w:10player.bombPower,b:5player.bombPower},2,0.45) objects.explosions.push(new Explosion({col:[1,1,1],pos:[fieldInfo[params.field].x+params.x,fieldInfo[params.field].y+0.5,fieldInfo[params.field].z+params.z],life:0.3,size:4,speed:0.35,aftershock:0.05})) } player.addEffect('bombPower') } } } for(let i in effects){ if(!effects[i].svg){continue} effects[i].svg.addEventListener('mousemove',function(e){ hoverText.style.display='block' hoverText.style.left=e.x+10+'px' hoverText.style.top=e.y+10+'px' hoverText.style.bottom='' hoverText.style.right='' let index for(let j in player.effects){ if(player.effects[j].type===i){ index=j break } } hoverText.innerText=effects[i].getMessage(player.effects[index].amount)+'\n'+(player.effects[index].cooldown\|0)+'s' }) effects[i].svg.addEventListener('mouseleave',function(){ hoverText.style.display='none' }) } let COLORS={ blue:'rgb(20,84,186)', red:'rgb(255,0,0)', white:'rgb(255,255,255', blueArr:[20,84,186], redArr:[255,0,0], whiteArr:[255,255,255], honey:[255,226,8], honey_normalized:[1,226/255,8/255], } let objects={ tokens:[], bees:[], explosions:[], flames:[], bubbles:[], },meshes={ tokens:{ instanceBuffer:gl.createBuffer(), instanceData:[], }, bees:{ instanceBuffer:gl.createBuffer(), instanceData:[], }, explosions:{ instanceBuffer:gl.createBuffer(), instanceData:[], } } class Bee { constructor(pos,type){ this.hivePos=pos.slice() this.pos=pos.slice() this.type=type this.flowerIn=null this.moveTo=[player.body.position.x,player.body.position.y,player.body.position.z] this.moveOffset=[MATH.random(-5,5),0,MATH.random(-5,5)] this.moveDir=[] this.speed=beeInfo[this.type].speed this.gatherSpeed=beeInfo[this.type].gatherSpeed this.gatherAmount=beeInfo[this.type].gatherAmount this.convertAmount=beeInfo[this.type].convertAmount this.convertSpeed=beeInfo[this.type].convertSpeed this.convertTimer=0 this.flowerCollecting=[] this.state='moveToPlayer' this.emitParticle=TIME this.collectRot=[] this.pollen=0 } update(dt){ switch(this.state){ case 'moveToPlayer': if(player.fieldIn){ this.state='moveToFlower' return } this.moveTo=[player.body.position.x+this.moveOffset[0],player.body.position.y,player.body.position.z+this.moveOffset[2]] vec3.sub(this.moveDir,this.moveTo,this.pos) vec3.normalize(this.moveDir,this.moveDir) vec3.scaleAndAdd(this.pos,this.pos,this.moveDir,dtthis.speed) if(vec3.sqrDist(this.moveTo,this.pos)<0.8){ this.moveOffset=[MATH.random(-4,4),0,MATH.random(-4,4)] } meshes.bees.instanceData.push(this.pos[0],this.pos[1],this.pos[2],this.moveDir[0],this.moveDir[1],this.moveDir[2],BEE_FLY,beeInfo[this.type].u,beeInfo[this.type].v) if(player.converting&&player.pollen){ this.state='moveToHiveToConvert' } break case 'moveToFlower': if(!player.fieldIn){ this.state='moveToPlayer' break } let f=fieldInfo[player.fieldIn] while(this.flowerCollecting[0]===undefined\|\|this.flowerCollecting[1]===undefined\|\|this.flowerCollecting[0]<0\|\|this.flowerCollecting[0]>=f.width\|\|this.flowerCollecting[1]<0\|\|this.flowerCollecting[1]>=f.length){ this.flowerCollecting[0]=player.flowerIn.x+(Math.round(MATH.random(-7,7))) this.flowerCollecting[1]=player.flowerIn.z+(Math.round(MATH.random(-7,7))) let t=Math.random()MATH.TWO_PI this.collectRot=[Math.sin(t),-4,Math.cos(t)] } this.moveTo=[f.x+this.flowerCollecting[0],f.y+flowers[player.fieldIn][this.flowerCollecting[1]][this.flowerCollecting[0]].height0.5+0.25,f.z+this.flowerCollecting[1]] vec3.sub(this.moveDir,this.moveTo,this.pos) vec3.normalize(this.moveDir,this.moveDir) vec3.scaleAndAdd(this.pos,this.pos,this.moveDir,dtthis.speed) if(vec3.sqrDist(this.moveTo,this.pos)<0.075){ this.state='collectPollen' this.collectTimer=this.gatherSpeed return } meshes.bees.instanceData.push(this.pos[0],this.pos[1],this.pos[2],this.moveDir[0],this.moveDir[1],this.moveDir[2],BEE_FLY,beeInfo[this.type].u,beeInfo[this.type].v) break case 'collectPollen': if(!player.fieldIn){ this.state='moveToPlayer' return } this.collectTimer-=dt if(this.collectTimer<=0){ collectPollen(this.flowerCollecting[0],this.flowerCollecting[1],[[0,0]],this.gatherAmount,MATH.random(0.7,1.3)) if(beeInfo[this.type].gatheringPassive){ beeInfo[this.type].gatheringPassive(this) } for(let j in beeInfo[this.type].tokens){ if(Math.random()<beeInfo[this.type].tokens[j].chance){ objects.tokens.push(new Token(effects[beeInfo[this.type].tokens[j].type].tokenLife,[Math.round(this.pos[0]),Math.round(this.pos[1])+0.5,Math.round(this.pos[2])],beeInfo[this.type].tokens[j].type,{field:player.fieldIn,x:this.flowerCollecting[0],z:this.flowerCollecting[1]})) break } } this.flowerCollecting=[] this.state='moveToFlower' } meshes.bees.instanceData.push(this.pos[0],this.pos[1],this.pos[2],this.collectRot[0],this.collectRot[1],this.collectRot[2],BEE_COLLECT,beeInfo[this.type].u,beeInfo[this.type].v) break case 'moveToHiveToConvert': if(!player.converting\|\|!player.pollen){ this.state='moveToPlayer' return } this.moveTo=this.hivePos.slice() vec3.sub(this.moveDir,this.moveTo,this.pos) vec3.normalize(this.moveDir,this.moveDir) vec3.scaleAndAdd(this.pos,this.pos,this.moveDir,dtthis.speed) if(vec3.sqrDist(this.moveTo,this.pos)<0.8){ this.pos=this.hivePos.slice() this.state='convertHoney' this.convertTimer=this.convertSpeed let amountToTake=Math.min(this.convertAmountplayer.convertRate,player.pollen) if(amountToTake===player.pollen){ this.lastBeeToConvert=true } player.pollen-=amountToTake this.pollen=amountToTake } meshes.bees.instanceData.push(this.pos[0],this.pos[1],this.pos[2],this.moveDir[0],this.moveDir[1],this.moveDir[2],BEE_FLY,beeInfo[this.type].u,beeInfo[this.type].v) break case 'convertHoney': if(!player.converting){ player.pollen+=this.pollen this.pollen=0 this.state='moveToPlayer' return } this.convertTimer-=dt meshes.bees.instanceData.push(this.pos[0],this.pos[1],this.pos[2],0,1,0,TIME5,beeInfo[this.type].u,beeInfo[this.type].v) if(this.convertTimer<=0){ this.state='moveToHiveToConvert' player.honey+=this.pollen textRenderer.add(this.pollen,[player.body.position.x,player.body.position.y+Math.random()2+0.5,player.body.position.z],COLORS.honey,false,'+') this.pollen=0 if(!player.pollen&&this.lastBeeToConvert){ this.lastBeeToConvert=false player.converting=false player.stopConverting=true } for(let i=0;i<10;i++){ ParticleRenderer.add({x:this.pos[0],y:this.pos[1],z:this.pos[2],vx:MATH.random(-1,1),vy:MATH.random(-1,1),vz:MATH.random(0,3),grav:0,size:MATH.random(60,100),col:COLORS.honey_normalized,life:0.75,rotVel:MATH.random(-3,3),alpha:5}) } } break } if(beeInfo[this.type].particles&&TIME-this.emitParticle>0.2){ beeInfo[this.type].particles(this) this.emitParticle=TIME } } } class Explosion { constructor(params){ this.lifespan=1/params.life this.params=params this.size=0 this.params.height=this.params.height\|\|1 } die(index){ objects.explosions.splice(index,1) } update(dt){ this.params.life-=dt this.size+=Math.max((this.params.size-this.size)this.params.speed,this.params.aftershock) meshes.explosions.instanceData.push(this.params.pos[0],this.params.pos[1],this.params.pos[2],this.params.col[0],this.params.col[1],this.params.col[2],this.params.lifethis.lifespan,this.size,this.params.height) return this.params.life<=0 } } class Flame { constructor(field,x,z,life=6){ this.life=life this.field=field this.x=x this.z=z this.collectTimer=TIME this.particleTimer=TIME this.textOffset=MATH.random(1.5,2.5) } die(index){ objects.flames.splice(index,1) } update(dt){ this.life-=dt if(TIME-this.collectTimer>1 && player.fieldIn===this.field){ this.collectTimer=TIME collectPollen(this.x,this.z,[[0,0]],{r:6,w:3,b:1},this.textOffset) } if(TIME-this.particleTimer>0.4){ this.particleTimer=TIME ParticleRenderer.add({x:this.x+fieldInfo[this.field].x,y:fieldInfo[this.field].y+0.5,z:this.z+fieldInfo[this.field].z,vx:MATH.random(-0.1,0.1),vy:MATH.random(0,0.3),vz:MATH.random(-0.1,0.1),grav:1,size:MATH.random(70,130),col:[MATH.random(0.7,1),MATH.random(0.3,1),0],life:1.5,rotVel:MATH.random(-3,3),alpha:4}) } return this.life<=0 } } class Bubble { constructor(field,x,z){ this.life=10 this.field=field this.x=x this.z=z this.pos=[fieldInfo[this.field].x+this.x,fieldInfo[this.field].y+0.5,fieldInfo[this.field].z+this.z] this.birth=TIME } die(index){ objects.bubbles.splice(index,1) } update(dt){ this.life-=dt if(vec3.sqrDist(this.pos,[player.body.position.x,player.body.position.y,player.body.position.z])<=4 && player.fieldIn===this.field){ objects.explosions.push(new Explosion({col:[0,0.5,1],pos:this.pos.slice(),life:0.2,size:4,speed:0.5,aftershock:0.05})) collectPollen(this.x,this.z,[[0,0],[-1,-1],[-1,0],[-1,1],[1,-1],[1,0],[1,1],[0,1],[0,-1]],{r:1player.bombPower,w:3player.bombPower,b:6player.bombPower},2,0.45,true) return true } meshes.explosions.instanceData.push(this.pos[0],this.pos[1],this.pos[2],0,0.4,0.9,Math.min(this.life0.35,0.5),Math.min((TIME-this.birth)30,3),1) return this.life<=0 } } let lightDir=[1,5,1.5] let m=1/(lightDir[0]lightDir[0]+lightDir[1]lightDir[1]+lightDir[2]lightDir[2]) lightDir[0]=m lightDir[1]=m lightDir[2]=m let MATH=(function(MATH){ MATH.TO_RAD=Math.PI/180 MATH.HALF_TO_RAD=MATH.TO_RAD0.5 MATH.HALF_PI=Math.PI0.5 MATH.Y_AXIS=[0,1,0] MATH.TWO_PI=Math.PI2 MATH.INV_255=1/255 MATH.random=(a,b)=>Math.random()(b-a)+a MATH.constrain=(x,a,b)=>x<a?a:x>b?b:x MATH.mult=function(m,a,b){ //optimized to multiply view and projection matrix //a=proj,b=view b=b.slice() m[0]=b[0]a[0] m[1]=b[1]a[5] m[2]=b[2]a[10]+b[3]a[14] m[3]=-b[2] m[4]=b[4]a[0] m[5]=b[5]a[5] m[6]=b[6]a[10]+b[7]a[14] m[7]=-b[6] m[8]=b[8]a[0] m[9]=b[9]a[5] m[10]=b[10]a[10]+b[11]a[14] m[11]=-b[10] m[12]=b[12]a[0] m[13]=b[13]a[5] m[14]=b[12]a[2]+b[13]a[6]+b[14]a[10]+b[15]a[14] m[15]=-b[14]+b[15]a[15] return m } MATH.translate=function(m,x,y,z){ let a=m a[12]=xa[0]+ya[4]+za[8]+a[12] a[13]=xa[1]+ya[5]+za[9]+a[13] a[14]=xa[2]+ya[6]+za[10]+a[14] a[15]=xa[3]+ya[7]+za[11]+a[15] return a } MATH.xRotate=function(m,c,s){ let a=m let t=a[1] a[1]=tc+a[2]s a[2]=t-s+a[2]c t=a[5] a[5]=tc+a[6]s a[6]=t-s+a[6]c t=a[9] a[9]=tc+a[10]s a[10]=t-s+a[10]c t=a[13] a[13]=tc+a[14]s a[14]=t-s+a[14]c return a } MATH.yRotate=function(m,c,s){ m[0]=c m[1]=0 m[2]=-s m[3]=0 m[4]=0 m[5]=1 m[6]=0 m[7]=0 m[8]=s m[9]=0 m[10]=c m[11]=0 m[12]=0 m[13]=0 m[14]=0 m[15]=1 return m } MATH.addCommas=function(s){ for(let i=s.length-3;i>0;i-=3){ s=s.substr(0,i)+','+s.substr(i,s.length) } return s } MATH.lerp=function(a,b,x){ return x(b-a)+a } MATH.icosphere=function(order=0){ let f=(1+5*0.5)0.5; let T=4*order; let vertices=new Float32Array((10T+2)3); vertices.set(Float32Array.of( -1,f,0,1,f,0,-1,-f,0,1,-f,0, 0,-1,f,0,1,f,0,-1,-f,0,1,-f, f,0,-1,f,0,1,-f,0,-1,-f,0,1)); let triangles=Uint32Array.of( 0,11,5,0,5,1,0,1,7,0,7,10,0,10,11, 11,10,2,5,11,4,1,5,9,7,1,8,10,7,6, 3,9,4,3,4,2,3,2,6,3,6,8,3,8,9, 9,8,1,4,9,5,2,4,11,6,2,10,8,6,7); let v=12 let midCache=order?new Map():null; function addMidPoint(a,b) { let key=Math.floor((a+b)(a+b+1)0.5)+Math.min(a,b) let i=midCache.get(key) if (i!==undefined){ midCache.delete(key); return i } midCache.set(key,v) for (let k=0; k < 3; k++) vertices[3v+k]=(vertices[3a+k]+vertices[3b+k])0.5 i=v++ return i } let trianglesPrev=triangles for (let i=0;i<order;i++){ triangles=new Uint32Array(trianglesPrev.length<<2) for (let k=0;k<trianglesPrev.length;k+=3){ let v1=trianglesPrev[k] let v2=trianglesPrev[k+1] let v3=trianglesPrev[k+2] let a=addMidPoint(v1,v2) let b=addMidPoint(v2,v3) let c=addMidPoint(v3,v1) let t=k<<2 triangles[t++]=v1; triangles[t++]=a; triangles[t++]=c; triangles[t++]=v2; triangles[t++]=b; triangles[t++]=a; triangles[t++]=v3; triangles[t++]=c; triangles[t++]=b; triangles[t++]=a; triangles[t++]=b; triangles[t++]=c; } trianglesPrev=triangles } for (let i=0;i<vertices.length;i+=3) { let m=0.5/Math.hypot(vertices[i],vertices[i+1],vertices[i+2]) vertices[i]=m vertices[i+1]=m vertices[i+2]=m } return {verts:vertices,index:triangles} } return MATH })({}) function createProgram(vsh,fsh){ let vshText=document.getElementById(vsh).text.trim().replaceAll('INV_AVG_HALF_WIDTH_HEIGHT',2/((width+height)0.5)).replaceAll('INV_HALF_WIDTH',1/(width0.5)).replaceAll('INV_HALF_HEIGHT',1/(height0.5)).replaceAll('INV_WIDTH',1/width).replaceAll('INV_HEIGHT',1/height).replaceAll('HALF_WIDTH',width0.5+0.0000001).replaceAll('HALF_HEIGHT',height0.5+0.0000001).replaceAll('INV_ASPECT',1/(aspect)+0.00001).replaceAll('ASPECT',aspect+0.000001).replaceAll('SCREEN_CHANGE',(((width+height)0.5)/600)+0.00001) let fshText=document.getElementById(fsh).text.trim().replaceAll('LIGHT_DIR','vec3('+lightDir[0]+','+lightDir[1]+','+lightDir[2]+')').replaceAll('INV_AVG_HALF_WIDTH_HEIGHT',2/((width+height)0.5)).replaceAll('INV_HALF_WIDTH',1/(width0.5)).replaceAll('INV_HALF_HEIGHT',1/(height0.5)).replaceAll('INV_WIDTH',1/width).replaceAll('INV_HEIGHT',1/height).replaceAll('HALF_WIDTH',width0.5+0.0000001).replaceAll('HALF_HEIGHT',height0.5+0.0000001).replaceAll('INV_ASPECT',1/(aspect)+0.00001).replaceAll('ASPECT',aspect+0.00001).replaceAll('SCREEN_CHANGE',(((width+height)0.5)/600)+0.00001) vsh=gl.createShader(gl.VERTEX_SHADER) fsh=gl.createShader(gl.FRAGMENT_SHADER) gl.shaderSource(vsh,vshText) gl.shaderSource(fsh,fshText) gl.compileShader(vsh) gl.compileShader(fsh) let p=gl.createProgram() gl.attachShader(p,vsh) gl.attachShader(p,fsh) gl.linkProgram(p) return p } let staticGeometryProgram=createProgram('static_geometry_vsh','static_geometry_fsh'), dynamicGeometryProgram=createProgram('dynamic_geometry_vsh','dynamic_geometry_fsh'), tokenGeometryProgram=createProgram('token_geometry_vsh','token_geometry_fsh'), flowerGeometryProgram=createProgram('flower_geometry_vsh','flower_geometry_fsh'), beeGeometryProgram=createProgram('bee_geometry_vsh','bee_geometry_fsh'), particleRendererProgram=createProgram('particle_renderer_vsh','particle_renderer_fsh'), explosionRendererProgram=createProgram('explosion_renderer_vsh','explosion_renderer_fsh'), textRendererProgram=createProgram('text_renderer_vsh','text_renderer_fsh') let glCache=(function(glCache){ glCache.static_viewMatrix=gl.getUniformLocation(staticGeometryProgram,'viewMatrix') glCache.static_vertPos=gl.getAttribLocation(staticGeometryProgram,'vertPos') gl.enableVertexAttribArray(glCache.static_vertPos) glCache.static_vertColor=gl.getAttribLocation(staticGeometryProgram,'vertColor') gl.enableVertexAttribArray(glCache.static_vertColor) glCache.static_vertUV=gl.getAttribLocation(staticGeometryProgram,'vertUV') gl.enableVertexAttribArray(glCache.static_vertUV) glCache.dynamic_viewMatrix=gl.getUniformLocation(dynamicGeometryProgram,'viewMatrix') glCache.dynamic_modelMatrix=gl.getUniformLocation(dynamicGeometryProgram,'modelMatrix') glCache.dynamic_vertPos=gl.getAttribLocation(dynamicGeometryProgram,'vertPos') gl.enableVertexAttribArray(glCache.dynamic_vertPos) glCache.dynamic_vertColor=gl.getAttribLocation(dynamicGeometryProgram,'vertColor') gl.enableVertexAttribArray(glCache.dynamic_vertColor) glCache.dynamic_vertNormal=gl.getAttribLocation(dynamicGeometryProgram,'vertNormal') gl.enableVertexAttribArray(glCache.dynamic_vertNormal) glCache.token_viewMatrix=gl.getUniformLocation(tokenGeometryProgram,'viewMatrix') glCache.token_vertPos=gl.getAttribLocation(tokenGeometryProgram,'vertPos') gl.enableVertexAttribArray(glCache.token_vertPos) glCache.token_vertUV=gl.getAttribLocation(tokenGeometryProgram,'vertUV') gl.enableVertexAttribArray(glCache.token_vertUV) glCache.token_instancePos=gl.getAttribLocation(tokenGeometryProgram,'instance_pos') gl.enableVertexAttribArray(glCache.token_instancePos) glCache.token_instanceUV=gl.getAttribLocation(tokenGeometryProgram,'instance_uv') gl.enableVertexAttribArray(glCache.token_instanceUV) glCache.flower_viewMatrix=gl.getUniformLocation(flowerGeometryProgram,'viewMatrix') glCache.flower_vertPos=gl.getAttribLocation(flowerGeometryProgram,'vertPos') gl.enableVertexAttribArray(glCache.flower_vertPos) glCache.flower_vertUV=gl.getAttribLocation(flowerGeometryProgram,'vertUV') glCache.bee_viewMatrix=gl.getUniformLocation(beeGeometryProgram,'viewMatrix') glCache.bee_vertPos=gl.getAttribLocation(beeGeometryProgram,'vertPos') gl.enableVertexAttribArray(glCache.bee_vertPos) glCache.bee_vertUV=gl.getAttribLocation(beeGeometryProgram,'vertUV') gl.enableVertexAttribArray(glCache.bee_vertUV) glCache.bee_instancePos=gl.getAttribLocation(beeGeometryProgram,'instance_pos') gl.enableVertexAttribArray(glCache.bee_instancePos) glCache.bee_instanceRotation=gl.getAttribLocation(beeGeometryProgram,'instance_rotation') gl.enableVertexAttribArray(glCache.bee_instanceRotation) glCache.bee_instanceUV=gl.getAttribLocation(beeGeometryProgram,'instance_uv') gl.enableVertexAttribArray(glCache.bee_instanceUV) glCache.particle_vertPos=gl.getAttribLocation(particleRendererProgram,'vertPos') gl.enableVertexAttribArray(glCache.particle_vertPos) glCache.particle_vertColor=gl.getAttribLocation(particleRendererProgram,'vertColor') gl.enableVertexAttribArray(glCache.particle_vertColor) glCache.particle_vertSize=gl.getAttribLocation(particleRendererProgram,'vertSize') gl.enableVertexAttribArray(glCache.particle_vertSize) glCache.particle_vertRot=gl.getAttribLocation(particleRendererProgram,'vertRot') gl.enableVertexAttribArray(glCache.particle_vertRot) glCache.particle_viewMatrix=gl.getUniformLocation(particleRendererProgram,'viewMatrix') glCache.explosion_vertPos=gl.getAttribLocation(explosionRendererProgram,'vertPos') gl.enableVertexAttribArray(glCache.explosion_vertPos) glCache.explosion_instancePos=gl.getAttribLocation(explosionRendererProgram,'instance_pos') gl.enableVertexAttribArray(glCache.explosion_instancePos) glCache.explosion_instanceColor=gl.getAttribLocation(explosionRendererProgram,'instance_color') gl.enableVertexAttribArray(glCache.explosion_instanceColor) glCache.explosion_instanceScale=gl.getAttribLocation(explosionRendererProgram,'instance_scale') gl.enableVertexAttribArray(glCache.explosion_instanceScale) glCache.explosion_viewMatrix=gl.getUniformLocation(explosionRendererProgram,'viewMatrix') glCache.text_vertPos=gl.getAttribLocation(textRendererProgram,'vertPos') gl.enableVertexAttribArray(glCache.text_vertPos) glCache.text_vertUV=gl.getAttribLocation(textRendererProgram,'vertUV') gl.enableVertexAttribArray(glCache.text_vertUV) glCache.text_instanceOrigin=gl.getAttribLocation(textRendererProgram,'instance_origin') gl.enableVertexAttribArray(glCache.text_instanceOrigin) glCache.text_instanceOffset=gl.getAttribLocation(textRendererProgram,'instance_offset') gl.enableVertexAttribArray(glCache.text_instanceOffset) glCache.text_instanceUV=gl.getAttribLocation(textRendererProgram,'instance_uv') gl.enableVertexAttribArray(glCache.text_instanceUV) glCache.text_instanceColor=gl.getAttribLocation(textRendererProgram,'instance_color') gl.enableVertexAttribArray(glCache.text_instanceColor) glCache.text_instanceInfo=gl.getAttribLocation(textRendererProgram,'instance_info') gl.enableVertexAttribArray(glCache.text_instanceInfo) glCache.text_viewMatrix=gl.getUniformLocation(textRendererProgram,'viewMatrix') return glCache })({}) class Mesh { constructor(isStatic=true,verts,index){ this.isStatic=isStatic this.setMesh(verts\|\|[],index\|\|[]) } setMesh(verts,index){ this.mesh={ data:{ verts:new Float32Array(verts), index:new Uint16Array(index) }, buffers:{ verts:gl.createBuffer(), index:gl.createBuffer() }, indexAmount:index.length, } } setMeshFromFunction(func){ let verts=[],index=[],addBox,addHiveSlot if(this.isStatic){ addBox=function(x,y,z,w,h,l,rot,col,physics=true,textures=true){ rot=rot\|\|[0,0,0] let rotation=quat.fromEuler([],rot[0],rot[1],rot[2]) let model=mat4.fromRotationTranslation([],rotation,[x,y,z,1]) if(physics){ world.addBody(new CANNON.Body({ shape:new CANNON.Box(new CANNON.Vec3(w0.5,h0.5,l0.5)), mass:0, position:new CANNON.Vec3(x,y,z), quaternion:new CANNON.Quaternion(...rotation), collisionFilterGroup:STATIC_PHYSICS_GROUP, collisionFilterMask:PLAYER_PHYSICS_GROUP, })) } let v=[ [-0.5w,0.5h,-0.5l], [-0.5w,0.5h,0.5l], [0.5w,0.5h,0.5l], [0.5w,0.5h,-0.5l], [-0.5w,-0.5h,-0.5l], [-0.5w,-0.5h,0.5l], [0.5w,-0.5h,0.5l], [0.5w,-0.5h,-0.5l], ] let shade=[] let normals=[ [0,1,0], [0,0,1], [0,0,-1], [1,0,0], [-1,0,0], [0,-1,0], ] for(var i=0,_l=v.length;i<_l;i++){ vec3.transformMat4(v[i],v[i],model) if(i<6){ vec3.transformQuat(normals[i],normals[i],rotation) let n=normals[i] let d=n[0]lightDir[0]+n[1]lightDir[1]+n[2]lightDir[2] shade[i]=d0.8+0.65 } } let vl=verts.length/9 if(!textures){ w=0 h=0 l=0 } verts.push( v[0][0],v[0][1],v[0][2],col[0]shade[0],col[1]shade[0],col[2]shade[0],0,l,0, v[1][0],v[1][1],v[1][2],col[0]shade[0],col[1]shade[0],col[2]shade[0],w,l,0, v[2][0],v[2][1],v[2][2],col[0]shade[0],col[1]shade[0],col[2]shade[0],w,0,0, v[3][0],v[3][1],v[3][2],col[0]shade[0],col[1]shade[0],col[2]shade[0],0,0,0, v[1][0],v[1][1],v[1][2],col[0]shade[1],col[1]shade[1],col[2]shade[1],0,0,0, v[2][0],v[2][1],v[2][2],col[0]shade[1],col[1]shade[1],col[2]shade[1],w,0,0, v[5][0],v[5][1],v[5][2],col[0]shade[1],col[1]shade[1],col[2]shade[1],0,h,0, v[6][0],v[6][1],v[6][2],col[0]shade[1],col[1]shade[1],col[2]shade[1],w,h,0, v[0][0],v[0][1],v[0][2],col[0]shade[2],col[1]shade[2],col[2]shade[2],w,h,0, v[3][0],v[3][1],v[3][2],col[0]shade[2],col[1]shade[2],col[2]shade[2],0,h,0, v[4][0],v[4][1],v[4][2],col[0]shade[2],col[1]shade[2],col[2]shade[2],w,0,0, v[7][0],v[7][1],v[7][2],col[0]shade[2],col[1]shade[2],col[2]shade[2],0,0,0, v[2][0],v[2][1],v[2][2],col[0]shade[3],col[1]shade[3],col[2]shade[3],w,0,0, v[3][0],v[3][1],v[3][2],col[0]shade[3],col[1]shade[3],col[2]shade[3],0,0,0, v[6][0],v[6][1],v[6][2],col[0]shade[3],col[1]shade[3],col[2]shade[3],w,h,0, v[7][0],v[7][1],v[7][2],col[0]shade[3],col[1]shade[3],col[2]shade[3],0,h,0, v[0][0],v[0][1],v[0][2],col[0]shade[4],col[1]shade[4],col[2]shade[4],0,0,0, v[1][0],v[1][1],v[1][2],col[0]shade[4],col[1]shade[4],col[2]shade[4],l,0,0, v[4][0],v[4][1],v[4][2],col[0]shade[4],col[1]shade[4],col[2]shade[4],0,h,0, v[5][0],v[5][1],v[5][2],col[0]shade[4],col[1]shade[4],col[2]shade[4],l,h,0, v[4][0],v[4][1],v[4][2],col[0]shade[5],col[1]shade[5],col[2]shade[5],0,l,0, v[5][0],v[5][1],v[5][2],col[0]shade[5],col[1]shade[5],col[2]shade[5],0,0,0, v[6][0],v[6][1],v[6][2],col[0]shade[5],col[1]shade[5],col[2]shade[5],w,0,0, v[7][0],v[7][1],v[7][2],col[0]shade[5],col[1]shade[5],col[2]shade[5],w,l,0, ) index.push( 0+vl,1+vl,2+vl, 0+vl,2+vl,3+vl, 5+vl,6+vl,7+vl, 6+vl,5+vl,4+vl, 8+vl,9+vl,10+vl, 11+vl,10+vl,9+vl, 14+vl,13+vl,12+vl, 13+vl,14+vl,15+vl, 18+vl,17+vl,16+vl, 17+vl,18+vl,19+vl, 22+vl,21+vl,20+vl, 23+vl,22+vl,20+vl ) } addHiveSlot=function(x,y,z,w,h,type){ let t=128/2048,_x=beeInfo[type].u,_y=beeInfo[type].v let vl=verts.length/9 verts.push( x-w,y-h,z,0,0,0,_x,t+_y,0, x+w,y-h,z,0,0,0,t+_x,t+_y,0, x+w,y+h,z,0,0,0,t+_x,_y,0, x-w,y+h,z,0,0,0,_x,_y,0, ) index.push(vl,vl+1,vl+2,vl+2,vl+3,vl) } } else { addBox=function(x,y,z,w,h,l,rot,col){ rot=rot\|\|[0,0,0] let rotation=quat.fromEuler([],rot[0],rot[1],rot[2]) let model=mat4.fromRotationTranslation([],rotation,[x,y,z,1]) let v=[ [-0.5w,0.5h,-0.5l], [-0.5w,0.5h,0.5l], [0.5w,0.5h,0.5l], [0.5w,0.5h,-0.5l], [-0.5w,-0.5h,-0.5l], [-0.5w,-0.5h,0.5l], [0.5w,-0.5h,0.5l], [0.5w,-0.5h,-0.5l], ] let normals=[ [0,1,0], [0,0,1], [0,0,-1], [1,0,0], [-1,0,0], [0,-1,0], ] for(var i=0,_l=v.length;i<_l;i++){ vec3.transformMat4(v[i],v[i],model) if(i<6){ vec3.transformQuat(normals[i],normals[i],rotation) } } let vl=verts.length/9,n=normals verts.push( v[0][0],v[0][1],v[0][2],col[0],col[1],col[2],n[0][0],n[0][1],n[0][2], v[1][0],v[1][1],v[1][2],col[0],col[1],col[2],n[0][0],n[0][1],n[0][2], v[2][0],v[2][1],v[2][2],col[0],col[1],col[2],n[0][0],n[0][1],n[0][2], v[3][0],v[3][1],v[3][2],col[0],col[1],col[2],n[0][0],n[0][1],n[0][2], v[1][0],v[1][1],v[1][2],col[0],col[1],col[2],n[1][0],n[1][1],n[1][2], v[2][0],v[2][1],v[2][2],col[0],col[1],col[2],n[1][0],n[1][1],n[1][2], v[5][0],v[5][1],v[5][2],col[0],col[1],col[2],n[1][0],n[1][1],n[1][2], v[6][0],v[6][1],v[6][2],col[0],col[1],col[2],n[1][0],n[1][1],n[1][2], v[0][0],v[0][1],v[0][2],col[0],col[1],col[2],n[2][0],n[2][1],n[2][2], v[3][0],v[3][1],v[3][2],col[0],col[1],col[2],n[2][0],n[2][1],n[2][2], v[4][0],v[4][1],v[4][2],col[0],col[1],col[2],n[2][0],n[2][1],n[2][2], v[7][0],v[7][1],v[7][2],col[0],col[1],col[2],n[2][0],n[2][1],n[2][2], v[2][0],v[2][1],v[2][2],col[0],col[1],col[2],n[3][0],n[3][1],n[3][2], v[3][0],v[3][1],v[3][2],col[0],col[1],col[2],n[3][0],n[3][1],n[3][2], v[6][0],v[6][1],v[6][2],col[0],col[1],col[2],n[3][0],n[3][1],n[3][2], v[7][0],v[7][1],v[7][2],col[0],col[1],col[2],n[3][0],n[3][1],n[3][2], v[0][0],v[0][1],v[0][2],col[0],col[1],col[2],n[4][0],n[4][1],n[4][2], v[1][0],v[1][1],v[1][2],col[0],col[1],col[2],n[4][0],n[4][1],n[4][2], v[4][0],v[4][1],v[4][2],col[0],col[1],col[2],n[4][0],n[4][1],n[4][2], v[5][0],v[5][1],v[5][2],col[0],col[1],col[2],n[4][0],n[4][1],n[4][2], v[4][0],v[4][1],v[4][2],col[0],col[1],col[2],n[5][0],n[5][1],n[5][2], v[5][0],v[5][1],v[5][2],col[0],col[1],col[2],n[5][0],n[5][1],n[5][2], v[6][0],v[6][1],v[6][2],col[0],col[1],col[2],n[5][0],n[5][1],n[5][2], v[7][0],v[7][1],v[7][2],col[0],col[1],col[2],n[5][0],n[5][1],n[5][2], ) index.push( 0+vl,1+vl,2+vl, 0+vl,2+vl,3+vl, 5+vl,6+vl,7+vl, 6+vl,5+vl,4+vl, 8+vl,9+vl,10+vl, 11+vl,10+vl,9+vl, 14+vl,13+vl,12+vl, 13+vl,14+vl,15+vl, 18+vl,17+vl,16+vl, 17+vl,18+vl,19+vl, 22+vl,21+vl,20+vl, 23+vl,22+vl,20+vl ) } } func(addBox,addHiveSlot) this.setMesh(verts,index) } setBuffers(){ if(this.isStatic){ gl.bindBuffer(gl.ARRAY_BUFFER,this.mesh.buffers.verts) gl.bufferData(gl.ARRAY_BUFFER,this.mesh.data.verts,gl.STATIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this.mesh.buffers.index) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,this.mesh.data.index,gl.STATIC_DRAW) } else { gl.bindBuffer(gl.ARRAY_BUFFER,this.mesh.buffers.verts) gl.bufferData(gl.ARRAY_BUFFER,this.mesh.data.verts,gl.STATIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this.mesh.buffers.index) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,this.mesh.data.index,gl.STATIC_DRAW) } } render(){ if(this.isStatic){ gl.bindBuffer(gl.ARRAY_BUFFER,this.mesh.buffers.verts) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this.mesh.buffers.index) gl.vertexAttribPointer(glCache.static_vertPos,3,gl.FLOAT,gl.FALSE,36,0) gl.vertexAttribPointer(glCache.static_vertColor,3,gl.FLOAT,gl.FALSE,36,12) gl.vertexAttribPointer(glCache.static_vertUV,3,gl.FLOAT,gl.FALSE,36,24) } else { gl.bindBuffer(gl.ARRAY_BUFFER,this.mesh.buffers.verts) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this.mesh.buffers.index) gl.vertexAttribPointer(glCache.dynamic_vertPos,3,gl.FLOAT,gl.FALSE,36,0) gl.vertexAttribPointer(glCache.dynamic_vertColor,3,gl.FLOAT,gl.FALSE,36,12) gl.vertexAttribPointer(glCache.dynamic_vertNormal,3,gl.FLOAT,gl.FALSE,36,24) } gl.drawElements(gl.TRIANGLES,this.mesh.indexAmount,gl.UNSIGNED_SHORT,0) } } let textures=(function(out){ tex_ctx.clearRect(0,0,1024,1024) for(let i=0;i<10;i++){ tex_ctx.fillStyle='rgba(0,0,0,'+Math.random()0.2+')' tex_ctx.fillRect(Math.random()512,Math.random()512,25,25) } out.default=gl.createTexture() gl.bindTexture(gl.TEXTURE_2D,out.default) gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,512,512,0,gl.RGBA,gl.UNSIGNED_BYTE,tex_ctx.getImageData(0,0,512,512)) gl.generateMipmap(gl.TEXTURE_2D) tex_ctx.clearRect(0,0,1024,1024) tex_ctx.fillStyle='rgb(235,235,235)' tex_ctx.fillRect(0,0,128,128) tex_ctx.fillStyle='rgb(130,130,130)' tex_ctx.strokeStyle='rgb(130,130,130)' tex_ctx.lineWidth=5 tex_ctx.beginPath() tex_ctx.arc(64+8,9128/30,3.5128/30,0,8) tex_ctx.moveTo(53+8,96) tex_ctx.lineTo(61+8,53) tex_ctx.moveTo(53+8,96) tex_ctx.lineTo(39+8,116) tex_ctx.moveTo(53+8,96) tex_ctx.lineTo(71+8,116) tex_ctx.moveTo(36+8,54) tex_ctx.lineTo(59+8,64) tex_ctx.moveTo(86+8,61) tex_ctx.lineTo(59+8,64) tex_ctx.closePath() tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.moveTo(45,33) tex_ctx.lineTo(15,33) tex_ctx.moveTo(35,62) tex_ctx.lineTo(7,62) tex_ctx.moveTo(35,91) tex_ctx.lineTo(12,91) tex_ctx.closePath() tex_ctx.strokeStyle='rgba(130,130,130,0.5)' tex_ctx.stroke() tex_ctx.fillStyle='rgb(0,200,0)' tex_ctx.fillRect(128,0,128,128) tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.beginPath() tex_ctx.moveTo(118+128/6,128/2) tex_ctx.bezierCurveTo(128-20+128/2,0,20+128+128/2,0,138+1285/6,128/2) tex_ctx.moveTo(118+128/6,128/2) tex_ctx.bezierCurveTo(128-20+128/2,128,20+128+128/2,128,138+1285/6,128/2) tex_ctx.closePath() tex_ctx.fill() tex_ctx.fillStyle='rgb(0,200,0)' tex_ctx.beginPath() tex_ctx.moveTo(128+128/2,20+128/2) tex_ctx.bezierCurveTo(108+128/2,(128/2)+10,108+128/2,(128/2)-10,128+128/2,(128/2)-20) tex_ctx.moveTo(128+128/2,20+128/2) tex_ctx.bezierCurveTo(148+128/2,(128/2)+10,148+128/2,(128/2)-10,128+128/2,(128/2)-20) tex_ctx.closePath() tex_ctx.fill() tex_ctx.lineCap='round' tex_ctx.lineJoin='round' tex_ctx.fillStyle='rgb(245,245,245)' tex_ctx.fillRect(256,0,128,128) tex_ctx.translate(-5,0) tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.lineWidth=10 tex_ctx.beginPath() tex_ctx.ellipse(290,93,15,9,-0.2,0,7) tex_ctx.ellipse(349,84,15,9,-0.2,0,7) tex_ctx.closePath() tex_ctx.fill() tex_ctx.beginPath() tex_ctx.moveTo(300,90) tex_ctx.lineTo(305,34) tex_ctx.moveTo(306,33) tex_ctx.lineTo(361,25) tex_ctx.moveTo(364,25) tex_ctx.lineTo(359,78) tex_ctx.closePath() tex_ctx.stroke() tex_ctx.translate(5,0) tex_ctx.fillStyle='rgb(245,245,245)' tex_ctx.fillRect(256+128,0,128,128) tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.lineWidth=7 tex_ctx.beginPath() for(let i=0,inc=Math.PI2;i<inc;i+=inc/6){ tex_ctx.moveTo(256+1281.5+Math.sin(i)25,1280.5+Math.cos(i)250.8) tex_ctx.lineTo(256+1281.5+Math.sin(i)55,1280.5+Math.cos(i)550.8) } tex_ctx.closePath() tex_ctx.stroke() tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.fillRect(256+256,0,128,128) tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.fillStyle='rgb(255,255,255)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(2562+128/2,128/2) for(let i=0,_i=0;i<=Math.PI2;i+=Math.PI2/16,_i++){ let r=_i%2===0?20:60 tex_ctx.lineTo(Math.cos(i)r,Math.sin(i)r) } tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fill() tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.fillRect(256+256+128,0,128,128) tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.fillStyle='rgb(255,0,0)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(2562.5+128/2,128/2) for(let i=0,_i=0;i<=Math.PI2;i+=Math.PI2/16,_i++){ let r=_i%2===0?20:60 tex_ctx.lineTo(Math.cos(i)r,Math.sin(i)r) } tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fill() tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.fillRect(256+256+256,0,128,128) tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.fillStyle='rgb(0,0,255)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(2563+128/2,128/2) for(let i=0,_i=0;i<=Math.PI2;i+=Math.PI2/16,_i++){ let r=_i%2===0?20:60 tex_ctx.lineTo(Math.cos(i)r,Math.sin(i)r) } tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fill() tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.fillRect(256+256+256+128,0,128,128) tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.fillStyle='rgb(255,255,255)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(2563.5+128/2,128/2) for(let i=0,_i=0;i<=Math.PI2;i+=Math.PI2/16,_i++){ let r=_i%2===0?20:60 tex_ctx.lineTo(Math.cos(i)r,Math.sin(i)r) } tex_ctx.fill() tex_ctx.beginPath() tex_ctx.moveTo(36,27) tex_ctx.lineTo(36,47) tex_ctx.moveTo(26,37) tex_ctx.lineTo(46,37) tex_ctx.lineWidth=7 tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.fillRect(0,128,128,128) tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.fillStyle='rgb(255,0,0)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(1280.5,128+128/2) for(let i=0,_i=0;i<=Math.PI2;i+=Math.PI2/16,_i++){ let r=_i%2===0?20:60 tex_ctx.lineTo(Math.cos(i)r,Math.sin(i)r) } tex_ctx.fill() tex_ctx.beginPath() tex_ctx.moveTo(36,27) tex_ctx.lineTo(36,47) tex_ctx.moveTo(26,37) tex_ctx.lineTo(46,37) tex_ctx.lineWidth=7 tex_ctx.strokeStyle='rgb(255,0,0)' tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.fillRect(128,128,128,128) tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.fillStyle='rgb(0,0,255)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(128+1280.5,128+128/2) for(let i=0,_i=0;i<=Math.PI2;i+=Math.PI2/16,_i++){ let r=_i%2===0?20:60 tex_ctx.lineTo(Math.cos(i)r,Math.sin(i)r) } tex_ctx.fill() tex_ctx.beginPath() tex_ctx.moveTo(36,27) tex_ctx.lineTo(36,47) tex_ctx.moveTo(26,37) tex_ctx.lineTo(46,37) tex_ctx.lineWidth=7 tex_ctx.strokeStyle='rgb(0,0,255)' tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fillStyle='rgb(150,255,150)' tex_ctx.fillRect(1282,128,128,128) tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.fillStyle='rgb(78, 135, 242)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(256+1280.5,128+128/2) tex_ctx.scale(1.2,1.2) for(let i=0;i<4;i++){ tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-8,0) tex_ctx.bezierCurveTo(-40,-60,40,-60,8,0) } tex_ctx.stroke() tex_ctx.fill() tex_ctx.beginPath() tex_ctx.moveTo(0,-10) tex_ctx.lineTo(0,10) tex_ctx.moveTo(-10,0) tex_ctx.lineTo(10,0) tex_ctx.lineWidth=4 tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fillStyle='rgb(150,255,150)' tex_ctx.fillRect(1283,128,128,128) tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.fillStyle='rgb(237, 82, 73)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(2561.5+1280.5,128+128/2) tex_ctx.scale(1.2,1.2) for(let i=0;i<4;i++){ tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-8,0) tex_ctx.bezierCurveTo(-40,-60,40,-60,8,0) } tex_ctx.stroke() tex_ctx.fill() tex_ctx.beginPath() tex_ctx.moveTo(0,-10) tex_ctx.lineTo(0,10) tex_ctx.moveTo(-10,0) tex_ctx.lineTo(10,0) tex_ctx.lineWidth=4 tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fillStyle='rgb(150,255,150)' tex_ctx.fillRect(1284,128,128,128) tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.fillStyle='rgb(200,200,200)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(2562+1280.5,128+128/2) tex_ctx.scale(1.2,1.2) for(let i=0;i<4;i++){ tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-8,0) tex_ctx.bezierCurveTo(-40,-60,40,-60,8,0) } tex_ctx.stroke() tex_ctx.fill() tex_ctx.beginPath() tex_ctx.moveTo(0,-10) tex_ctx.lineTo(0,10) tex_ctx.moveTo(-10,0) tex_ctx.lineTo(10,0) tex_ctx.lineWidth=4 tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.fillStyle='rgb(224, 0, 0)' tex_ctx.fillRect(1285,128,128,128) tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.fillStyle='rgb(255, 98, 0)' tex_ctx.lineWidth=4 tex_ctx.beginPath() tex_ctx.translate(2562.5+1280.5,128+128/2) tex_ctx.moveTo(0,-40) tex_ctx.bezierCurveTo(-35,0,-32,42,0,45) tex_ctx.moveTo(0,-40) tex_ctx.bezierCurveTo(35,0,32,42,0,45) tex_ctx.fill() tex_ctx.fillStyle='rgb(247, 56, 3)' tex_ctx.beginPath() tex_ctx.scale(0.6,0.6) tex_ctx.translate(0,20) tex_ctx.moveTo(0,-40) tex_ctx.bezierCurveTo(-35,0,-32,42,0,45) tex_ctx.moveTo(0,-40) tex_ctx.bezierCurveTo(35,0,32,42,0,45) tex_ctx.fill() tex_ctx.setTransform(1,0,0,1,0,0) out.effects=gl.createTexture() gl.bindTexture(gl.TEXTURE_2D,out.effects) gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,1024,1024,0,gl.RGBA,gl.UNSIGNED_BYTE,tex_ctx.getImageData(0,0,1024,1024)) gl.generateMipmap(gl.TEXTURE_2D) tex_ctx.clearRect(0,0,1024,1024) tex_ctx.fillStyle='rgb(0,153,0)' tex_ctx.fillRect(0,0,1024,1024) tex_ctx.translate(128,128) tex_ctx.scale(0.7,0.7) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.red tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1283,128) tex_ctx.scale(0.7,0.7) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.blue tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1285,128) tex_ctx.scale(0.7,0.7) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.white tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1287-51,87) tex_ctx.rotate(1) tex_ctx.scale(0.6,0.6) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.red tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1287+40,128) tex_ctx.rotate(-0.6) tex_ctx.scale(0.6,0.6) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.red tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(128-51,87+256) tex_ctx.rotate(1) tex_ctx.scale(0.6,0.6) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.blue tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(40+128,1282+129) tex_ctx.rotate(-0.6) tex_ctx.scale(0.6,0.6) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.blue tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1283-51,87+256) tex_ctx.rotate(1) tex_ctx.scale(0.6,0.6) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.white tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(40+1283,1282+129) tex_ctx.rotate(-0.6) tex_ctx.scale(0.6,0.6) tex_ctx.beginPath() tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.rotate(Math.PI0.5) tex_ctx.moveTo(-20,-20) tex_ctx.bezierCurveTo(-80,-100,80,-100,20,-20) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(0,0,0,0.3)' tex_ctx.lineWidth=5 tex_ctx.fillStyle=COLORS.white tex_ctx.fill() tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.arc(0,0,25,0,6) tex_ctx.closePath() tex_ctx.strokeStyle='rgb(157, 242, 100)' tex_ctx.lineWidth=5 tex_ctx.fillStyle='rgb(226, 255, 138)' tex_ctx.fill() tex_ctx.stroke() tex_ctx.setTransform(1,0,0,1,0,0) out.flowers=gl.createTexture() gl.bindTexture(gl.TEXTURE_2D,out.flowers) gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,1024,1024,0,gl.RGBA,gl.UNSIGNED_BYTE,tex_ctx.getImageData(0,0,1024,1024)) gl.generateMipmap(gl.TEXTURE_2D) // tex_ctx.fillStyle='rgb(100,100,100)' tex_ctx.clearRect(0,0,2048,2048) tex_ctx.fillStyle='rgb(33, 20, 1)' tex_ctx.fillRect(0,0,128,128) tex_ctx.strokeStyle='rgb(220,220,220)' tex_ctx.lineWidth=9 tex_ctx.lineCap='round' tex_ctx.lineJoin='round' tex_ctx.beginPath() tex_ctx.moveTo((128/2)-~~(128/5),30) tex_ctx.lineTo((128/2)-~~(128/5),50) tex_ctx.moveTo((128/2)+~~(128/5),30) tex_ctx.lineTo((128/2)+~~(128/5),50) tex_ctx.closePath() tex_ctx.moveTo(128/2,100) tex_ctx.lineTo((128/2)-~~(128/5),80) tex_ctx.moveTo(128/2,100) tex_ctx.lineTo((128/2)+~~(128/5),80) tex_ctx.stroke() tex_ctx.fillStyle='rgb(237, 233, 9)' tex_ctx.fillRect(0,128,128,128) tex_ctx.fillStyle='rgb(33, 20, 1)' tex_ctx.fillRect(0,128-1,128,~~(128/3)) tex_ctx.fillRect(0,213,128,~~(128/3)+1) tex_ctx.fillStyle='rgb(0,200,60)' tex_ctx.fillRect(128,0,128,128) tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.lineWidth=18 tex_ctx.beginPath() tex_ctx.moveTo((128/2)-~~(128/5)+128,30) tex_ctx.lineTo((128/2)-~~(128/5)+128,50) tex_ctx.moveTo((128/2)+~~(128/5)+128,30) tex_ctx.lineTo((128/2)+~~(128/5)+128,50) tex_ctx.closePath() tex_ctx.stroke() tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.lineWidth=9 tex_ctx.beginPath() tex_ctx.moveTo((128/2)-~~(128/5)+124,45) tex_ctx.lineTo((128/2)-~~(128/5)+124,53) tex_ctx.moveTo((128/2)-~~(128/5)+173,45) tex_ctx.lineTo((128/2)-~~(128/5)+173,53) tex_ctx.closePath() tex_ctx.stroke() tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.fillRect(128,128,128,128) tex_ctx.fillStyle='rgb(0,200,60)' tex_ctx.fillRect(128,128-1,128,~~(128/3)) tex_ctx.fillRect(128,213,128,~~(128/3)+1) tex_ctx.fillStyle='rgb(10,10,10)' tex_ctx.fillRect(1282,0,128,128) tex_ctx.strokeStyle='rgb(255,255,255)' tex_ctx.lineWidth=4 tex_ctx.translate(0,-13) tex_ctx.beginPath() tex_ctx.moveTo((128/2)-~~(128/5)+1232,86) tex_ctx.lineTo((128/2)-~~(128/5)+1252,53) tex_ctx.moveTo((128/2)-~~(128/5)+1252,53) tex_ctx.lineTo((128/2)-~~(128/5)+1282,62) tex_ctx.moveTo((128/2)-~~(128/5)+159.52,59) tex_ctx.lineTo((128/2)-~~(128/5)+1612,27) tex_ctx.moveTo((128/2)-~~(128/5)+1612,27) tex_ctx.lineTo((128/2)-~~(128/5)+1642,39) tex_ctx.moveTo((128/2)-~~(128/5)+1282,94) tex_ctx.bezierCurveTo((128/2)-~~(128/5)+1352,114,(128/2)-~~(128/5)+1572,109,(128/2)-~~(128/5)+1552,74) tex_ctx.stroke() tex_ctx.beginPath() tex_ctx.ellipse(279,89,8,6,-0.2,0,7) tex_ctx.ellipse(352,59,8,6,-0.2,0,7) tex_ctx.moveTo(0,0) tex_ctx.ellipse(365,62,2,2,-0.2,0,7) tex_ctx.closePath() tex_ctx.translate(0,13) tex_ctx.fillStyle='rgb(255,255,255)' tex_ctx.fill() tex_ctx.fillStyle='rgb(220,220,220)' tex_ctx.fillRect(1282,128,128,128) tex_ctx.fillStyle='rgb(10,10,10)' tex_ctx.fillRect(1282,128-1,128,~~(128/3)) tex_ctx.fillRect(1282,213,128,~~(128/3)+1) tex_ctx.translate(1283,0) tex_ctx.fillStyle='rgb(190,0,0)' tex_ctx.fillRect(0,0,128,128) tex_ctx.strokeStyle='rgb(235, 66, 9)' tex_ctx.fillStyle='rgb(235, 66, 9)' tex_ctx.lineWidth=3 tex_ctx.beginPath() tex_ctx.translate(63,-5) tex_ctx.moveTo(128/2-40+10,55-5) tex_ctx.lineTo(128/2-40-5+10,40-5) tex_ctx.moveTo(128/2-40-5-5+10,55-5) tex_ctx.lineTo(128/2-40-5+10,40-5) tex_ctx.moveTo(128/2-40-5-5,55-5) tex_ctx.bezierCurveTo(128/2-40-5-5,71-5,128/2-40-5-5+20,71-5,128/2-40-5-5+20,55-5) tex_ctx.arc(20,29,0,0,6) tex_ctx.scale(-1,1) tex_ctx.moveTo(128/2-40+10,55-5) tex_ctx.lineTo(128/2-40-5+10,40-5) tex_ctx.moveTo(128/2-40-5-5+10,55-5) tex_ctx.lineTo(128/2-40-5+10,40-5) tex_ctx.moveTo(128/2-40-5-5,55-5) tex_ctx.bezierCurveTo(128/2-40-5-5,71-5,128/2-40-5-5+20,71-5,128/2-40-5-5+20,55-5) tex_ctx.arc(20,29,0,0,6) tex_ctx.closePath() tex_ctx.stroke() tex_ctx.fill() tex_ctx.scale(-1,1) tex_ctx.translate(-65,5) tex_ctx.beginPath() tex_ctx.moveTo(1280.5-35,90) tex_ctx.lineTo(1280.5-30,90+15) tex_ctx.moveTo(1280.5-30,90+15) tex_ctx.lineTo(1280.5-25,90) tex_ctx.translate(10,0) tex_ctx.moveTo(1280.5-35,90) tex_ctx.lineTo(1280.5-30,90+15) tex_ctx.moveTo(1280.5-30,90+15) tex_ctx.lineTo(1280.5-25,90) tex_ctx.translate(10,0) tex_ctx.moveTo(1280.5-35,90) tex_ctx.lineTo(1280.5-30,90+15) tex_ctx.moveTo(1280.5-30,90+15) tex_ctx.lineTo(1280.5-25,90) tex_ctx.translate(10,0) tex_ctx.moveTo(1280.5-35,90) tex_ctx.lineTo(1280.5-30,90+15) tex_ctx.moveTo(1280.5-30,90+15) tex_ctx.lineTo(1280.5-25,90) tex_ctx.translate(10,0) tex_ctx.moveTo(1280.5-35,90) tex_ctx.lineTo(1280.5-30,90+15) tex_ctx.moveTo(1280.5-30,90+15) tex_ctx.lineTo(1280.5-25,90) tex_ctx.translate(10,0) tex_ctx.moveTo(1280.5-35,90) tex_ctx.lineTo(1280.5-30,90+15) tex_ctx.moveTo(1280.5-30,90+15) tex_ctx.lineTo(1280.5-25,90) tex_ctx.translate(10,0) tex_ctx.moveTo(1280.5-35,90) tex_ctx.lineTo(1280.5-30,90+15) tex_ctx.moveTo(1280.5-30,90+15) tex_ctx.lineTo(1280.5-25,90) tex_ctx.stroke() tex_ctx.translate(-58,0) tex_ctx.fillStyle='rgb(235, 66, 9)' tex_ctx.fillRect(0,128,128,128) tex_ctx.fillStyle='rgb(190,0,0)' tex_ctx.fillRect(0,128-1,128,~~(128/3)) tex_ctx.fillRect(0,213,128,~~(128/3)+1) tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1284,0) tex_ctx.fillStyle='rgb(70, 183, 240)' tex_ctx.fillRect(0,0,128,128) tex_ctx.strokeStyle='rgb(15, 136, 212)' tex_ctx.lineWidth=10 tex_ctx.beginPath() tex_ctx.moveTo(1280.5-35,59) tex_ctx.bezierCurveTo(56,62,44,39,1280.5-35,28) tex_ctx.translate(55,0) tex_ctx.moveTo(1280.5-35,59) tex_ctx.bezierCurveTo(56,62,44,39,1280.5-35,28) tex_ctx.translate(-55,0) tex_ctx.moveTo(1280.5+-10,104) tex_ctx.bezierCurveTo(89,110,69,86,1280.5+-5,86) tex_ctx.bezierCurveTo(40,85,45,102,1280.5+-11,104) tex_ctx.fill() tex_ctx.stroke() tex_ctx.fillStyle='rgb(15, 136, 212)' tex_ctx.fillRect(0,128,128,128) tex_ctx.fillStyle='rgb(70, 183, 240)' tex_ctx.fillRect(0,128-1,128,~~(128/3)) tex_ctx.fillRect(0,213,128,~~(128/3)+1) tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1285,0) tex_ctx.fillStyle='rgb(220,220,220)' tex_ctx.fillRect(0,0,128,128) tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.lineWidth=3 tex_ctx.beginPath() tex_ctx.translate(4,0) tex_ctx.moveTo(36,30) tex_ctx.bezierCurveTo(25,17,15,47,30,56) tex_ctx.bezierCurveTo(50,55,36,32,33,45) tex_ctx.translate(50,0) tex_ctx.moveTo(36,30) tex_ctx.bezierCurveTo(25,17,15,47,30,56) tex_ctx.bezierCurveTo(50,55,36,32,33,45) tex_ctx.translate(-54,0) tex_ctx.fill() tex_ctx.stroke() tex_ctx.fillStyle='rgb(215,215,0)' tex_ctx.fillRect(0,128,128,128) tex_ctx.fillStyle='rgb(220,220,220)' tex_ctx.fillRect(0,128-1,128,~~(128/3)) tex_ctx.fillRect(0,213,128,~~(128/3)+1) tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1286,0) tex_ctx.fillStyle='rgb(220,220,220)' tex_ctx.fillRect(0,0,128,128) tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.fillStyle='rgb(0,0,0)' tex_ctx.lineWidth=3 tex_ctx.beginPath() tex_ctx.ellipse(1280.5-30,40,15,13,0,0,7) tex_ctx.rect(0,35,128,8) tex_ctx.ellipse(1280.5+30,40,15,13,0,0,7) tex_ctx.fill() tex_ctx.stroke() tex_ctx.strokeStyle='rgb(220,220,220)' tex_ctx.lineWidth=5 tex_ctx.beginPath() tex_ctx.moveTo(1280.5-30,32) tex_ctx.bezierCurveTo(1280.5-36,35,1280.5-35,32,1280.5-40,40) tex_ctx.translate(61,0) tex_ctx.moveTo(1280.5-30,32) tex_ctx.bezierCurveTo(1280.5-36,35,1280.5-35,32,1280.5-40,40) tex_ctx.translate(-61,0) tex_ctx.stroke() tex_ctx.fillStyle='rgb(20,20,20)' tex_ctx.fillRect(0,128,128,128) tex_ctx.fillStyle='rgb(220,220,220)' tex_ctx.fillRect(0,128-1,128,~~(128/3)) tex_ctx.fillRect(0,213,128,~~(128/3)+1) tex_ctx.setTransform(1,0,0,1,0,0) tex_ctx.translate(1287,0) tex_ctx.fillStyle='rgb(23, 118, 235)' tex_ctx.fillRect(0,0,128,128) tex_ctx.fillStyle='rgb(23, 197, 255)' tex_ctx.strokeStyle='rgb(23, 197, 255)' tex_ctx.lineWidth=11 tex_ctx.scale(0.25,0.25) tex_ctx.translate(-43,-17) function ellipse(x,y,w,h){ tex_ctx.beginPath() tex_ctx.ellipse(x,y,w,h,0,0,6) tex_ctx.fill() } function bezier(a,b,c,d,e,f,g,h,fill,stroke){ tex_ctx.beginPath() tex_ctx.moveTo(a,b) tex_ctx.bezierCurveTo(c,d,e,f,g,h) if(fill) tex_ctx.fill() if(stroke) tex_ctx.stroke() } function line(a,b,c,d){ tex_ctx.beginPath() tex_ctx.moveTo(a,b) tex_ctx.lineTo(c,d) tex_ctx.stroke() } ellipse(186,172,15,15) ellipse(413,135,15,15) ellipse(315,261,40,40) bezier(159,233,181,223,187,216,233,227,false,true) bezier(178,213,225,223,187,216,233,227,false,true) tex_ctx.translate(0,25) bezier(273,325,262,416,432,355,399,283,true,true) bezier(406,211,496,190,382,104,431,198,true,true) bezier(259,311,289,343,375,293,389,257,false,true) tex_ctx.beginPath() tex_ctx.moveTo(387,251) tex_ctx.lineTo(404,300) tex_ctx.lineTo(352,300) tex_ctx.fill() tex_ctx.fillStyle='rgb(23, 118, 235)' ellipse(416,182,190.5,310.5) line(399,283,389,257) tex_ctx.translate(0,-25) tex_ctx.translate(43,17) tex_ctx.scale(4,4) tex_ctx.fillStyle='rgb(242, 255, 0)' tex_ctx.fillRect(0,128,128,128) tex_ctx.fillStyle='rgb(23, 118, 235)' tex_ctx.fillRect(0,128-1,128,~~(128/3)) tex_ctx.fillRect(0,213,128,~~(128/3)+1) tex_ctx.setTransform(1,0,0,1,0,0) out.bees=gl.createTexture() gl.bindTexture(gl.TEXTURE_2D,out.bees) gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,2048,2048,0,gl.RGBA,gl.UNSIGNED_BYTE,tex_ctx.getImageData(0,0,2048,2048)) gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR) gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR) gl.generateMipmap(gl.TEXTURE_2D) tex_ctx.clearRect(0,0,512,512) tex_ctx.font='bold 60px arial' tex_ctx.fillStyle='rgb(255,255,255)' tex_ctx.strokeStyle='rgb(0,0,0)' tex_ctx.lineWidth=7 tex_ctx.textAlign='center' tex_ctx.textBaseline='middle' function t(m,x,y){tex_ctx.strokeText(m,x,y);tex_ctx.fillText(m,x,y)} for(let i=0;i<10;i++){ t(i,i50+30,40) } let chars=['+','⇆',','] for(let i=0;i<chars.length;i++){ t(chars[i],i50+30,115) } out.text=gl.createTexture() gl.bindTexture(gl.TEXTURE_2D,out.text) gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,512,512,0,gl.RGBA,gl.UNSIGNED_BYTE,tex_ctx.getImageData(0,0,512,512)) gl.generateMipmap(gl.TEXTURE_2D) return out })({}) player=(function(out){ out.hive=[[]] out.hiveMesh=new Mesh(true) out.addSlot=function(bee){ if(out.hive[out.hive.length-1].length<5){ out.hive[out.hive.length-1].push({type:bee}) } else { out.hive.push([]) out.hive[out.hive.length-1].push({type:bee}) } } out.resetHive=function(){ out.hiveMesh.setMeshFromFunction(function(box,hiveSlot){ for(let y=0;y<out.hive.length;y++){ for(let x=0;x<out.hive[y].length;x++){ hiveSlot(-7.5+x0.8,-1+y0.8,-5.4,0.35,0.35,out.hive[y][x].type) // x,y,z,w,h,type objects.bees.push(new Bee([-7.5+x0.8,-1+y0.8,-5],out.hive[y][x].type)) } } }) out.hiveMesh.setBuffers() } out.effects=[] out.addEffect=function(type){ let found for(let i in out.effects){ if(out.effects[i].type===type){ found=i break } } if(found!==undefined){ out.effects[found].amount=Math.min(out.effects[found].amount+1,effects[type].maxAmount) out.effects[found].cooldown=effects[type].maxCooldown return } out.effects.push({ cooldown:effects[type].maxCooldown, type:type, amount:1, }) effects[type].svg.style.display='inline' } out.defaultStats={ walkSpeed:62.5, jumpPower:6, criticalChance:0, criticalPower:2, instantRedConversion:0, instantWhiteConversion:0, instantBlueConversion:0, bombPower:1, convertRate:1 } out.resetStats=function(){ for(let i in out.defaultStats){ out[i]=out.defaultStats[i] } } out.resetStats() out.sensitivity=0.005 out.yaw=0 out.pitch=0 out.friction=15 out.grounded=false out.cameraDir=[] out.zoom=5 out.lookDir=[0,1] out.lookQuat=[0,1,0,0] out.rotQuat=[0,1,0,0] out.shiftLock=false out.flowerIn={} out._flowerIn={} out.pollen=0 out.honey=0 out.cameraRaycastPoint=new CANNON.Vec3() out.cameraRaycastResult=new CANNON.RaycastResult() out.cameraRaycastFilter={collisionFilterMask:STATIC_PHYSICS_GROUP} out.viewMatrix=new Float32Array(16) out.modelMatrix=new Float32Array(16) out.body=new CANNON.Body({ shape:new CANNON.Box(new CANNON.Vec3(0.25,0.5,0.25)), position:new CANNON.Vec3(0,2,0), mass:5, fixedRotation:true, collisionFilterGroup:PLAYER_PHYSICS_GROUP, collisionFilterMask:STATIC_PHYSICS_GROUP, }) out.body.addEventListener('collide',function(e){ if(Math.abs(e.contact.ni.y)>0.2){ out.grounded=true } }) world.addBody(out.body) out.setProjectionMatrix=function(fov,aspect,zn,zf){ var f=Math.tan(Math.PI0.5-fovMATH.HALF_TO_RAD) var rangeInv=1.0/(zn-zf) out.projectionMatrix=new Float32Array([f/aspect,0,0,0,0,f,0,0,0,0,(zn+zf)rangeInv,-1,0,0,znzfrangeInv2,0]) } out.setProjectionMatrix(75,aspect,0.001,1000) out.updateUI=function(){ pollenAmount2.textContent=pollenAmount.textContent=MATH.addCommas((out.pollen).toString()) honeyAmount2.textContent=honeyAmount.textContent=MATH.addCommas((out.honey).toString()) if(user.keys.c&&out.pollen){ textRenderer.add(out.pollen,[player.body.position.x,player.body.position.y+1,player.body.position.z],COLORS.honey,true,'⇆') out.honey+=out.pollen out.pollen=0 } } out.updateCamera=function(){ if(user.clickedKeys.shift){ out.shiftLock=!out.shiftLock } if(out.shiftLock){ MATH.xRotate(MATH.yRotate(out.viewMatrix,out.cosYaw,out.sinYaw),out.cosPitch,out.sinPitch) out.cameraDir[0]=out.viewMatrix[2] out.cameraDir[1]=out.viewMatrix[6] out.cameraDir[2]=out.viewMatrix[10] out.cameraRaycastPoint.set(player.body.position.x+out.cameraDir[0]out.zoom,player.body.position.y+0.35+out.cameraDir[1]out.zoom,player.body.position.z+out.cameraDir[2]out.zoom) world.raycastClosest(out.body.position,out.cameraRaycastPoint,out.cameraRaycastFilter,out.cameraRaycastResult) let d=out.cameraRaycastResult.distance<0?out.zoom:out.cameraRaycastResult.distance let normalizedCamDir=vec2.normalize([],[out.cameraDir[0],out.cameraDir[2]]) MATH.translate(out.viewMatrix,-player.body.position.x-out.cameraDir[0]d-normalizedCamDir[1],-player.body.position.y-0.35-out.cameraDir[1]d,-player.body.position.z-out.cameraDir[2]d+normalizedCamDir[0]) MATH.mult(out.viewMatrix,out.projectionMatrix,out.viewMatrix) quat.setAxisAngle(out.rotQuat,MATH.Y_AXIS,Math.atan2(-out.cameraDir[0],-out.cameraDir[2])) mat4.fromQuat(out.modelMatrix,out.rotQuat) out.modelMatrix[12]=player.body.position.x out.modelMatrix[13]=player.body.position.y out.modelMatrix[14]=player.body.position.z } else { MATH.xRotate(MATH.yRotate(out.viewMatrix,out.cosYaw,out.sinYaw),out.cosPitch,out.sinPitch) out.cameraDir[0]=out.viewMatrix[2] out.cameraDir[1]=out.viewMatrix[6] out.cameraDir[2]=out.viewMatrix[10] out.cameraRaycastPoint.set(player.body.position.x+out.cameraDir[0]out.zoom,player.body.position.y+0.35+out.cameraDir[1]out.zoom,player.body.position.z+out.cameraDir[2]out.zoom) world.raycastClosest(out.body.position,out.cameraRaycastPoint,out.cameraRaycastFilter,out.cameraRaycastResult) let d=out.cameraRaycastResult.distance<0?out.zoom:out.cameraRaycastResult.distance MATH.translate(out.viewMatrix,-player.body.position.x-out.cameraDir[0]d,-player.body.position.y-0.35-out.cameraDir[1]d,-player.body.position.z-out.cameraDir[2]d) MATH.mult(out.viewMatrix,out.projectionMatrix,out.viewMatrix) vec2.normalize(out.lookDir,[out.body.velocity.x,out.body.velocity.z]) quat.setAxisAngle(out.lookQuat,MATH.Y_AXIS,Math.atan2(out.lookDir[0],out.lookDir[1])) if(user.keys.w\|\|user.keys.s\|\|user.keys.a\|\|user.keys.d) quat.slerp(out.rotQuat,out.rotQuat,out.lookQuat,dt7.5) mat4.fromQuat(out.modelMatrix,out.rotQuat) out.modelMatrix[12]=player.body.position.x out.modelMatrix[13]=player.body.position.y out.modelMatrix[14]=player.body.position.z if(user.clickedKeys.j){ player.body.velocity.y=0 player.body.velocity.normalize() let s=60 player.body.velocity.x=s player.body.velocity.z=s player.body.velocity.y=8 player.grounded=false } } } out.updatePhysics=function(dt){ out.cosYaw=Math.cos(out.yaw) out.sinYaw=Math.sin(out.yaw) out.cosPitch=Math.cos(out.pitch) out.sinPitch=Math.sin(out.pitch) let s=dtout.walkSpeed(out.grounded?1:0.75),cdir=out.cosYaws,sdir=out.sinYaws if(user.keys.d){ out.body.velocity.x+=cdir out.body.velocity.z+=sdir } if(user.keys.w){ out.body.velocity.x+=sdir out.body.velocity.z-=cdir } if(user.keys.a){ out.body.velocity.x-=cdir out.body.velocity.z-=sdir } if(user.keys.s){ out.body.velocity.x-=sdir out.body.velocity.z+=cdir } if(out.grounded){ if(user.keys[' ']){ out.grounded=false out.body.velocity.y=out.jumpPower } out.body.velocity.x-=out.body.velocity.xdtout.friction out.body.velocity.z-=out.body.velocity.zdtout.friction } else { out.body.position.y+=0.001 out.body.velocity.x-=out.body.velocity.xdtout.friction0.75 out.body.velocity.z-=out.body.velocity.zdtout.friction0.75 } if(out.pollen){ out.stopConverting=false } out.converting=triggers.hive.colliding&&!out.stopConverting } out.updateFields=function(){ player.fieldIn=null for(let i in fieldInfo){ updateFlower(i,MATH.random(0,fieldInfo[i].width)\|0,MATH.random(0,fieldInfo[i].length)\|0,function(f){f.height+=0.025}) let x=(Math.round(player.body.position.x-fieldInfo[i].x)), z=(Math.round(player.body.position.z-fieldInfo[i].z)) if(x>=0&&x<fieldInfo[i].width&&z>=0&&z<fieldInfo[i].length&&Math.abs(player.body.position.y-fieldInfo[i].y)<2){ player.fieldIn=i player.flowerIn.x=x player.flowerIn.z=z break } } if(player.fieldIn&&(player._flowerIn.x!==player.flowerIn.x\|\|player._flowerIn.z!==player.flowerIn.z)){ collectPollen(player.flowerIn.x,player.flowerIn.z,[[0,0]],5,1,0.4) player._flowerIn={...player.flowerIn} } for(let i in objects.flames){ if(objects.flames[i].update(dt)){ objects.flames[i].die(i) } } } return out })({}) let user=(function(out){ out.mouseX=0 out.mouseY=0 out.mousePressed=false out.keys={} out.clickedKeys={} uiCanvas.onmousedown=function(e){ out.mousePressed=true uiCanvas.requestPointerLock() } uiCanvas.onmousemove=function(e){ out.mouseX=e.x out.mouseY=e.y player.yaw+=e.movementXplayer.sensitivity player.pitch=MATH.constrain(player.pitch-e.movementYplayer.sensitivity,-MATH.HALF_PI,MATH.HALF_PI) } document.onkeydown=function(e){ out.keys[e.key.toLowerCase()]=true out.clickedKeys[e.key.toLowerCase()]=true } document.onkeyup=function(e){ out.keys[e.key.toLowerCase()]=false } uiCanvas.oncontextmenu=function(e){ e.preventDefault() } uiCanvas.onwheel=function(e){ e.preventDefault() player.zoom=MATH.constrain(player.zoom+e.deltaY0.01,0,15) } out.update=function(){ out.clickedKeys={} } return out })({}) let textRenderer=(function(out){ out.data=[] out.instanceData=[] out.instanceBuffer=gl.createBuffer() out.vertBuffer=gl.createBuffer() out.indexBuffer=gl.createBuffer() let w=0.101,h=0.105,fx=0.002,fy=-0.875 let v=[ -w,-h,fx,fy, w,-h,w+fx,fy, w,h,w+fx,-h+fy, -w,h,fx,-h+fy ],i=[0,1,2,2,3,0] gl.bindBuffer(gl.ARRAY_BUFFER,out.vertBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(v),gl.STATIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,out.indexBuffer) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,Uint16Array.from(i),gl.STATIC_DRAW) out.indexAmount=i.length let charUV={ 0:[0,0], 1:[0.1,0], 2:[0.2,0], 3:[0.3,0], 4:[0.4,0], 5:[0.5,0], 6:[0.6,0], 7:[0.7,0], 8:[0.79,0], 9:[0.89,0], '+':[0,0.15], '⇆':[0.09,0.15], ',':[0.2,0.17] } out.add=function(message,pos,color,isCritical,prefix='+',scale=1){ let m=prefix+MATH.addCommas(message.toString()),s=(m.length0.2+1.5)scale for(let i=0;i<m.length;i++){ out.data.push({ critical:isCritical, life:1, uv:charUV[m[i]], pos:pos, col:[color[0]MATH.INV_255,color[1]MATH.INV_255,color[2]MATH.INV_255], offset:[(i-((m.length-1)0.5))0.135,0], size:s }) } } out.render=function(dt,SIN_TIME){ out.instanceData=[] for(let i=out.data.length;i--;){ let d=out.data[i] d.life-=dt if(d.critical){ let t=SIN_TIME0.5+0.5 out.instanceData.push(d.pos[0],d.pos[1],d.pos[2],d.offset[0],d.offset[1],d.uv[0],d.uv[1],d.col[0]t,MATH.lerp(1,d.col[1],t),d.col[2]t,d.sizeMath.min(d.life7,1),SIN_TIME0.4) } else { out.instanceData.push(d.pos[0],d.pos[1],d.pos[2],d.offset[0],d.offset[1],d.uv[0],d.uv[1],d.col[0],d.col[1],d.col[2],d.sizeMath.min(d.life7,1),0) } if(d.life<=0){ out.data.splice(i,1) } } gl.bindTexture(gl.TEXTURE_2D,textures.text) gl.useProgram(textRendererProgram) gl.uniformMatrix4fv(glCache.text_viewMatrix,gl.FALSE,player.viewMatrix) gl.bindBuffer(gl.ARRAY_BUFFER,out.vertBuffer) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,out.indexBuffer) gl.vertexAttribPointer(glCache.text_vertPos,2,gl.FLOAT,gl.FALSE,16,0) gl.vertexAttribPointer(glCache.text_vertUV,2,gl.FLOAT,gl.FALSE,16,8) gl.bindBuffer(gl.ARRAY_BUFFER,out.instanceBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(out.instanceData),gl.DYNAMIC_DRAW) gl.vertexAttribPointer(glCache.text_instanceOrigin,3,gl.FLOAT,gl.FALSE,48,0) gl.vertexAttribDivisor(glCache.text_instanceOrigin,1) gl.vertexAttribPointer(glCache.text_instanceOffset,2,gl.FLOAT,gl.FALSE,48,12) gl.vertexAttribDivisor(glCache.text_instanceOffset,1) gl.vertexAttribPointer(glCache.text_instanceUV,2,gl.FLOAT,gl.FALSE,48,20) gl.vertexAttribDivisor(glCache.text_instanceUV,1) gl.vertexAttribPointer(glCache.text_instanceColor,3,gl.FLOAT,gl.FALSE,48,28) gl.vertexAttribDivisor(glCache.text_instanceColor,1) gl.vertexAttribPointer(glCache.text_instanceInfo,2,gl.FLOAT,gl.FALSE,48,40) gl.vertexAttribDivisor(glCache.text_instanceInfo,1) gl.drawElementsInstanced(gl.TRIANGLES,out.indexAmount,gl.UNSIGNED_SHORT,0,out.data.length) gl.vertexAttribDivisor(glCache.text_instanceOrigin,0) gl.vertexAttribDivisor(glCache.text_instanceOffset,0) gl.vertexAttribDivisor(glCache.text_instanceUV,0) gl.vertexAttribDivisor(glCache.text_instanceColor,1) gl.vertexAttribDivisor(glCache.text_instanceInfo,1) } return out })({}) let ParticleRenderer=(function(out){ out.particles=[] out.vertBuffer=gl.createBuffer() out.verts=[] out.add=function(params){ params.rot=Math.random()MATH.TWO_PI params.lifespan=params.life out.particles.push(params) } out.render=function(dt){ if(!out.particles.length) return out.verts=[] for(let i=out.particles.length;i--;){ let d=out.particles[i] d.vy+=d.gravdt d.x+=d.vxdt d.y+=d.vydt d.z+=d.vzdt d.rot+=d.rotVeldt d.life-=dt d.col[3]=d.lifed.alpha/d.lifespan out.verts.push(d.x,d.y,d.z,d.col[0],d.col[1],d.col[2],d.col[3],d.size,d.rot) if(d.life<=0){ out.particles.splice(i,1) } } gl.useProgram(particleRendererProgram) gl.uniformMatrix4fv(glCache.particle_viewMatrix,gl.FALSE,player.viewMatrix) gl.bindBuffer(gl.ARRAY_BUFFER,out.vertBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(out.verts),gl.DYNAMIC_DRAW) gl.vertexAttribPointer(glCache.particle_vertPos,3,gl.FLOAT,gl.FALSE,36,0) gl.vertexAttribPointer(glCache.particle_vertColor,4,gl.FLOAT,gl.FALSE,36,12) gl.vertexAttribPointer(glCache.particle_vertSize,1,gl.FLOAT,gl.FALSE,36,28) gl.vertexAttribPointer(glCache.particle_vertRot,1,gl.FLOAT,gl.FALSE,36,32) gl.drawArrays(gl.POINTS,0,out.verts.length/9) } return out })({}) let fieldInfo={} class Token { constructor(life,pos,type,funcParams){ this.funcParams=funcParams this.life=life this.pos=pos this.type=type this.rotation=Math.random()MATH.TWO_PI this.func=effects[type].svg?false:effects[type].func this.canBeLinked=effects[type].canBeLinked===undefined\|\|effects[type].canBeLinked } die(index){ objects.tokens.splice(index,1) } collect(){ this.collected=true this.life=0.75 if(this.func){ this.func(this.funcParams) } else { player.addEffect(this.type) } } update(dt){ this.life-=dt if(this.collected){ this.pos[1]+=(this.pos[1]+5-this.pos[1])0.01 this.rotation+=dt10 meshes.tokens.instanceData.push(this.pos[0],this.pos[1],this.pos[2],this.rotation,effects[this.type].u,effects[this.type].v,this.life5) } else { this.rotation+=dt meshes.tokens.instanceData.push(this.pos[0],this.pos[1],this.pos[2],this.rotation,effects[this.type].u,effects[this.type].v,this.life0.15) if(Math.abs(this.pos[0]-player.body.position.x)+Math.abs(this.pos[1]-player.body.position.y)+Math.abs(this.pos[2]-player.body.position.z)<1.1){ this.collect() } } return this.life<=0 } } meshes.token={} meshes.token.vertBuffer=gl.createBuffer() meshes.token.indexBuffer=gl.createBuffer() let verts=[],index=[] let s=25,r=0.5 for(let i=0,inc=MATH.TWO_PI/s;i<MATH.TWO_PI;i+=inc){ let s=Math.sin(i),c=Math.cos(i),texSize=128/1024 verts.push(sr,cr,0.05,(s0.495+0.5)texSize,(-c0.495+0.5)texSize, sr,cr,-0.05,(s0.495+0.5)texSize,(-c0.495+0.5)texSize) } let vl=verts.length/5 for(let i=0;i<s2;i+=2){ index.push((i+2)%vl,(i+1)%vl,i%vl,(i+1)%vl,(i+2)%vl,(i+3)%vl) } for(let i=1;i<s-1;i++){ index.push((i+1)2,i2,0) index.push(1,i2+1,(i+1)2+1) } gl.bindBuffer(gl.ARRAY_BUFFER,meshes.token.vertBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(verts),gl.STATIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,meshes.token.indexBuffer) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,Uint16Array.from(index),gl.STATIC_DRAW) meshes.token.indexAmount=index.length meshes.explosion={} meshes.explosion.vertBuffer=gl.createBuffer() meshes.explosion.indexBuffer=gl.createBuffer() verts=MATH.icosphere(3) index=verts.index verts=verts.verts gl.bindBuffer(gl.ARRAY_BUFFER,meshes.explosion.vertBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(verts),gl.STATIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,meshes.explosion.indexBuffer) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,Uint16Array.from(index),gl.STATIC_DRAW) meshes.explosion.indexAmount=index.length meshes.bee={} meshes.bee.vertBuffer=gl.createBuffer() meshes.bee.indexBuffer=gl.createBuffer() verts=[] index=[] let w=0.4,h=0.4,l=0.6 let v=[ [-0.5w,0.5h,-0.5l], [-0.5w,0.5h,0.5l], [0.5w,0.5h,0.5l], [0.5w,0.5h,-0.5l], [-0.5w,-0.5h,-0.5l], [-0.5w,-0.5h,0.5l], [0.5w,-0.5h,0.5l], [0.5w,-0.5h,-0.5l] ] w=128/2048,e=1/2048 h=w l=w verts.push( v[0][0],v[0][1],v[0][2],0,l+w,1, v[1][0],v[1][1],v[1][2],0,0+w,1, v[2][0],v[2][1],v[2][2],w,0+w,1, v[3][0],v[3][1],v[3][2],w,l+w,1, v[1][0],v[1][1],v[1][2],0,0,1, v[2][0],v[2][1],v[2][2],w,0,1, v[5][0],v[5][1],v[5][2],0,h,1, v[6][0],v[6][1],v[6][2],w,h,1, v[0][0],v[0][1],v[0][2],e,w+e,1, v[3][0],v[3][1],v[3][2],e,w+e,1, v[4][0],v[4][1],v[4][2],e,w+e,1, v[7][0],v[7][1],v[7][2],e,w+e,1, v[2][0],v[2][1],v[2][2],0,w+w-e-e,1, v[3][0],v[3][1],v[3][2],0,0+w-e-e,1, v[6][0],v[6][1],v[6][2],w,h+w-e-e,1, v[7][0],v[7][1],v[7][2],w,0+w-e-e,1, v[0][0],v[0][1],v[0][2],0,0+w-e-e,1, v[1][0],v[1][1],v[1][2],0,h+w-e-e,1, v[4][0],v[4][1],v[4][2],w,0+w-e-e,1, v[5][0],v[5][1],v[5][2],w,h+w-e-e,1, v[4][0],v[4][1],v[4][2],0,l+w,1, v[5][0],v[5][1],v[5][2],0,0+w,1, v[6][0],v[6][1],v[6][2],w,0+w,1, v[7][0],v[7][1],v[7][2],w,l+w,1, -0.6,0,v[0][2]0.6,0,0,0, 0.6,0,v[0][2]0.6,0,0,0, 0.6,0,v[0][2]-0.6,0,0,0, -0.6,0,v[0][2]-0.6,0,0,0 ) index.push( 0,1,2, 0,2,3, 5,6,7, 6,5,4, 8,9,10, 11,10,9, 14,13,12, 13,14,15, 18,17,16, 17,18,19, 22,21,20, 23,22,20, 24,25,26, 26,25,24, 24,26,27, 27,26,24 ) gl.bindBuffer(gl.ARRAY_BUFFER,meshes.bee.vertBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(verts),gl.STATIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,meshes.bee.indexBuffer) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,Uint16Array.from(index),gl.STATIC_DRAW) meshes.bee.indexAmount=index.length let mesh=new Mesh(true) mesh.setMeshFromFunction(function(box){ box(0,-2,0,50,1,50,false,[0,0.9,0]) box(0,-1,-3,1,1,1,[0,45,0],[0,0.5,1]) box(2,-1,-3,1,1,1,false,[1,0,0]) box(-5.9,0,-5.95,4.55,17.5,1,false,COLORS.honey_normalized,true) box(-5.9,-1.95,-4,4.5,1,4.5,false,[1,1,1],false,false) }) mesh.setBuffers() let dynamicMesh=new Mesh(false) dynamicMesh.setMeshFromFunction(function(box){ box(0,0,0,0.5,1,0.5,false,[1.35,1.35,1.35]) box(0,0.5,0,0.35,0.1,0.35,false,[0,0,0]) box(0,0.5,0,0.25,0.6,0.25,false,[0,0,0]) box(0,0.5,0,0.255,0.2,0.255,false,[1,0,0]) box(-0.1,0.2,0.225,0.05,0.1,0.1,false,[0,0,0]) box(0.1,0.2,0.225,0.05,0.1,0.1,false,[0,0,0]) box(-0.0535,-0.05,0.225,0.05,0.2,0.1,[0,0,45],[0,0,0]) box(0.0535,-0.05,0.225,0.05,0.2,0.1,[0,0,-45],[0,0,0]) }) dynamicMesh.setBuffers() let flowers={},texSize=256/1024,texOffset=-1/1024 verts=[] index=[] let id=0 function addFlower(field,x,z){ if(!flowers[field][z]) flowers[field][z]=[] let y=fieldInfo[field].y,c=Math.random() if(c<0.333){ c='red' } else if(c<0.6666){ c='blue' } else { c='white' } flowers[field][z][x]={ color:c, level:Math.random()<0.333?2:1, height:1, id:id++, y:y } let vl=verts.length/7 let h=flowers[field][z][x].height0.5,tx,ty,lvl=flowers[field][z][x].level switch(flowers[field][z][x].color){ case 'red':if(lvl===1){tx=0;ty=0;}else if(lvl===2){tx=2563/1024;ty=0;}break case 'blue':if(lvl===1){tx=256/1024;ty=0;}else if(lvl===2){tx=0;ty=256/1024}break case 'white':if(lvl===1){tx=2562/1024;ty=0;}else if(lvl===2){tx=256/1024;ty=256/1024}break } x+=fieldInfo[field].x z+=fieldInfo[field].z verts.push( //each flower has 8 verts, and 48 elems x-0.5,y+h,z-0.5,texOffset+tx,texOffset+ty,1,1, x+0.5,y+h,z-0.5,texSize+tx,texOffset+ty,1,1, x+0.5,y+h,z+0.5,texSize+tx,texSize+ty,1,1, x-0.5,y+h,z+0.5,texOffset+tx,texSize+ty,1,1, x-0.5,y,z-0.5,texOffset+tx,texOffset+ty,1,-10, x+0.5,y,z-0.5,texSize+tx,texOffset+ty,1,-10, x+0.5,y,z+0.5,texSize+tx,texSize+ty,1,-10, x-0.5,y,z+0.5,texOffset+tx,texSize+ty,1,-10 ) index.push(vl+2,vl+1,vl,vl+3,vl+2,vl,vl+6,vl+5,vl+2,vl+7,vl+6,vl+2,vl+1,vl+5,vl+4,vl,vl+1,vl+4,vl+3,vl+7,vl+2,vl+4,vl+3,vl,vl+3,vl+4,vl+7,vl+1,vl+2,vl+5) } function updateFlower(field,x,z,func){ func(flowers[field][z][x]) flowers[field][z][x].height=MATH.constrain(flowers[field][z][x].height,0,1) let i=flowers[field][z][x].id56,newHeight=flowers[field][z][x].y+Math.max(flowers[field][z][x].height0.5,0.05) flowers.mesh.verts[i+1]=newHeight flowers.mesh.verts[i+8]=newHeight flowers.mesh.verts[i+15]=newHeight flowers.mesh.verts[i+22]=newHeight newHeight=Math.max(flowers[field][z][x].height,0) flowers.mesh.verts[i+5]=newHeight flowers.mesh.verts[i+12]=newHeight flowers.mesh.verts[i+19]=newHeight flowers.mesh.verts[i+26]=newHeight } function collectPollen(x,z,pattern,amount,yOffset=2,stackOffset,replenish){ if(typeof amount==='number'){ let a=amount amount={r:a,w:a,b:a} } let f=fieldInfo[player.fieldIn],totalRed=0,totalBlue=0,totalWhite=0,ex=stackOffset\|\|0.3,redCrit=Math.random()<player.criticalChance,whiteCrit=Math.random()<player.criticalChance,blueCrit=Math.random()<player.criticalChance for(let i in pattern){ let p=pattern[i] let _x=x+p[0],_z=z+p[1] if(_x>=0&&_x<f.width&&_z>=0&&_z<f.length){ updateFlower(player.fieldIn,_x,_z,function(f){ let c switch(f.color){ case 'white': c=whiteCrit?player.criticalPower:1 break case 'red': c=redCrit?player.criticalPower:1 break case 'blue': c=blueCrit?player.criticalPower:1 break } let am=amount[f.color[0]] let amountToCollect=Math.min(amc/f.level,f.height100) if(replenish){ f.height=1 } else { f.height-=amountToCollect0.01 } switch(f.color){ case 'white': totalWhite+=amountToCollectf.levelf.level break case 'red': totalRed+=amountToCollectf.levelf.level break case 'blue': totalBlue+=amountToCollectf.levelf.level break } }) } } totalWhite=Math.round(totalWhite) totalRed=Math.round(totalRed) totalBlue=Math.round(totalBlue) let stack=[] if(totalWhite)stack.push({c:'white',v:totalWhite}) if(totalRed)stack.push({c:'red',v:totalRed}) if(totalBlue)stack.push({c:'blue',v:totalBlue}) if(stack[1]&&stack[0].v>stack[1].v){ let n=stack[0] stack[0]=stack[1] stack[1]=n } if(stack[2]&&stack[0].v>stack[2].v){ let n=stack[0] stack[0]=stack[2] stack[2]=n } if(stack[1]&&stack[2]&&stack[1].v>stack[2].v){ let n=stack[1] stack[1]=stack[2] stack[2]=n } let crits={white:whiteCrit,red:redCrit,blue:blueCrit} for(let i in stack){ textRenderer.add(stack[i].v,[f.x+x,f.y+yOffset+exi,f.z+z],COLORS[stack[i].c+'Arr'],crits[stack[i].c]) } let instantConversion=Math.round((totalWhiteplayer.instantWhiteConversion)+(totalRedplayer.instantRedConversion)+(totalBlueplayer.instantBlueConversion)) player.honey+=instantConversion if(instantConversion){ textRenderer.add(instantConversion,[player.body.position.x,player.body.position.y+yOffset0.5+0.5,player.body.position.z],COLORS.honey,false,'+',0.75) } player.pollen+=(totalWhite+totalRed+totalBlue)-instantConversion } function createField(name,x,y,z,w,l){ fieldInfo[name]={x:x,y:y,z:z,width:w,length:l} flowers[name]=[] for(let x=0;x<w;x++){ for(let z=0;z<l;z++){ addFlower(name,x,z) } } } createField('testField',4,-1.5,0,10,10) createField('testField2',-10,-1.5,0,10,10) flowers.mesh={} flowers.mesh.vertBuffer=gl.createBuffer() flowers.mesh.indexBuffer=gl.createBuffer() flowers.mesh.verts=verts flowers.mesh.index=index flowers.mesh.indexAmount=index.length gl.bindBuffer(gl.ARRAY_BUFFER,flowers.mesh.vertBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(flowers.mesh.verts),gl.DYNAMIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,flowers.mesh.indexBuffer) gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,Uint16Array.from(flowers.mesh.index),gl.DYNAMIC_DRAW) player.addSlot('basic') player.addSlot('hasty') player.addSlot('looker') player.addSlot('music') player.addSlot('bomber') player.addSlot('bubble') player.addSlot('bubble') player.addSlot('bomber') player.addSlot('fire') player.addSlot('bomber') player.addSlot('fire') player.addSlot('bomber') player.addSlot('buoyant') player.addSlot('buoyant') player.addSlot('buoyant') player.addSlot('buoyant') player.addSlot('buoyant') player.addSlot('buoyant') player.resetHive() function loop(now){ if(!then){ now=window.performance.now() then=now } dt=MATH.constrain((now-then)0.001,0.0001,0.1) TIME+=dt frameCount++ BEE_COLLECT=Math.sin(TIME15)0.25 BEE_FLY=Math.sin(TIME35)0.1 player.resetStats() for(let k in effects){ let playerHas for(let j in player.effects){ if(player.effects[j].type===k){ playerHas=j break } } if(!playerHas) continue let i=playerHas player.effects[i].cooldown-=dt if(player.effects[i].cooldown<=0){ effects[player.effects[i].type].svg.style.display='none' effects[player.effects[i].type].amount.textContent='' player.effects.splice(i,1) continue } effects[player.effects[i].type].cooldown.setAttribute('height',30-player.effects[i].cooldown30/effects[player.effects[i].type].maxCooldown) effects[player.effects[i].type].amount.textContent=player.effects[i].amount>1?'x'+player.effects[i].amount:'' effects[player.effects[i].type].update(player.effects[i].amount,player) } for(let i in triggers){ triggers[i].colliding=player.body.position.x>triggers[i].minX&&player.body.position.x<triggers[i].maxX&&player.body.position.y>triggers[i].minY&&player.body.position.y<triggers[i].maxY&&player.body.position.z>triggers[i].minZ&&player.body.position.z<triggers[i].maxZ } gl.clearColor(0.4,0.6,1,1) gl.clear(gl.COLOR_BUFFER_BIT\|gl.DEPTH_BUFFER_BIT) player.updatePhysics(dt) world.step(dt) player.updateCamera() gl.bindTexture(gl.TEXTURE_2D,textures.default) gl.useProgram(staticGeometryProgram) gl.uniformMatrix4fv(glCache.static_viewMatrix,gl.FALSE,player.viewMatrix) mesh.render() gl.bindTexture(gl.TEXTURE_2D,textures.bees) player.hiveMesh.render() if(player.zoom>0.2){ gl.useProgram(dynamicGeometryProgram) gl.uniformMatrix4fv(glCache.dynamic_viewMatrix,gl.FALSE,player.viewMatrix) gl.uniformMatrix4fv(glCache.dynamic_modelMatrix,gl.FALSE,player.modelMatrix) dynamicMesh.render() } player.updateFields() gl.bindTexture(gl.TEXTURE_2D,textures.flowers) gl.useProgram(flowerGeometryProgram) gl.uniformMatrix4fv(glCache.flower_viewMatrix,gl.FALSE,player.viewMatrix) gl.bindBuffer(gl.ARRAY_BUFFER,flowers.mesh.vertBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(flowers.mesh.verts),gl.DYNAMIC_DRAW) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,flowers.mesh.indexBuffer) gl.vertexAttribPointer(glCache.flower_vertPos,3,gl.FLOAT,gl.FALSE,28,0) gl.vertexAttribPointer(glCache.flower_vertUV,4,gl.FLOAT,gl.FALSE,28,12) gl.drawElements(gl.TRIANGLES,flowers.mesh.indexAmount,gl.UNSIGNED_SHORT,0) gl.useProgram(beeGeometryProgram) gl.uniformMatrix4fv(glCache.bee_viewMatrix,gl.FALSE,player.viewMatrix) meshes.bees.instanceData=[] for(let i in objects.bees){ objects.bees[i].update(dt) } gl.bindTexture(gl.TEXTURE_2D,textures.bees) gl.bindBuffer(gl.ARRAY_BUFFER,meshes.bee.vertBuffer) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,meshes.bee.indexBuffer) gl.vertexAttribPointer(glCache.bee_vertPos,3,gl.FLOAT,gl.FLASE,24,0) gl.vertexAttribPointer(glCache.bee_vertUV,3,gl.FLOAT,gl.FLASE,24,12) gl.bindBuffer(gl.ARRAY_BUFFER,meshes.bees.instanceBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(meshes.bees.instanceData),gl.DYNAMIC_DRAW) gl.vertexAttribPointer(glCache.bee_instancePos,3,gl.FLOAT,gl.FLASE,36,0) gl.vertexAttribDivisor(glCache.bee_instancePos,1) gl.vertexAttribPointer(glCache.bee_instanceRotation,4,gl.FLOAT,gl.FLASE,36,12) gl.vertexAttribDivisor(glCache.bee_instanceRotation,1) gl.vertexAttribPointer(glCache.bee_instanceUV,2,gl.FLOAT,gl.FLASE,36,28) gl.vertexAttribDivisor(glCache.bee_instanceUV,1) gl.drawElementsInstanced(gl.TRIANGLES,meshes.bee.indexAmount,gl.UNSIGNED_SHORT,0,objects.bees.length) gl.vertexAttribDivisor(glCache.bee_instancePos,0) gl.vertexAttribDivisor(glCache.bee_instanceRotation,0) gl.vertexAttribDivisor(glCache.bee_instanceUV,0) gl.useProgram(tokenGeometryProgram) gl.uniformMatrix4fv(glCache.token_viewMatrix,gl.FALSE,player.viewMatrix) meshes.tokens.instanceData=[] for(let i=objects.tokens.length;i--;){ if(objects.tokens[i].update(dt2)){ objects.tokens[i].die(i) } } gl.bindTexture(gl.TEXTURE_2D,textures.effects) gl.bindBuffer(gl.ARRAY_BUFFER,meshes.token.vertBuffer) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,meshes.token.indexBuffer) gl.vertexAttribPointer(glCache.token_vertPos,3,gl.FLOAT,gl.FLASE,20,0) gl.vertexAttribPointer(glCache.token_vertUV,2,gl.FLOAT,gl.FLASE,20,12) gl.bindBuffer(gl.ARRAY_BUFFER,meshes.tokens.instanceBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(meshes.tokens.instanceData),gl.DYNAMIC_DRAW) gl.vertexAttribPointer(glCache.token_instancePos,4,gl.FLOAT,gl.FALSE,28,0) gl.vertexAttribDivisor(glCache.token_instancePos,1) gl.vertexAttribPointer(glCache.token_instanceUV,3,gl.FLOAT,gl.FALSE,28,16) gl.vertexAttribDivisor(glCache.token_instanceUV,1) gl.drawElementsInstanced(gl.TRIANGLES,meshes.token.indexAmount,gl.UNSIGNED_SHORT,0,objects.tokens.length) gl.vertexAttribDivisor(glCache.token_instancePos,0) gl.vertexAttribDivisor(glCache.token_instanceUV,0) textRenderer.render(dt,Math.sin(TIME*20)) gl.depthMask(false) ParticleRenderer.render(dt) gl.useProgram(explosionRendererProgram) gl.uniformMatrix4fv(glCache.explosion_viewMatrix,gl.FALSE,player.viewMatrix) meshes.explosions.instanceData=[] for(let i=objects.explosions.length;i--;){ if(objects.explosions[i].update(dt)){ objects.explosions[i].die(i) } } for(let i=objects.bubbles.length;i--;){ if(objects.bubbles[i].update(dt)){ objects.bubbles[i].die(i) } } gl.bindBuffer(gl.ARRAY_BUFFER,meshes.explosion.vertBuffer) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,meshes.explosion.indexBuffer) gl.vertexAttribPointer(glCache.explosion_vertPos,3,gl.FLOAT,gl.FLASE,12,0) gl.bindBuffer(gl.ARRAY_BUFFER,meshes.explosions.instanceBuffer) gl.bufferData(gl.ARRAY_BUFFER,Float32Array.from(meshes.explosions.instanceData),gl.DYNAMIC_DRAW) gl.vertexAttribPointer(glCache.explosion_instancePos,3,gl.FLOAT,gl.FLASE,36,0) gl.vertexAttribDivisor(glCache.explosion_instancePos,1) gl.vertexAttribPointer(glCache.explosion_instanceColor,4,gl.FLOAT,gl.FLASE,36,12) gl.vertexAttribDivisor(glCache.explosion_instanceColor,1) gl.vertexAttribPointer(glCache.explosion_instanceScale,2,gl.FLOAT,gl.FLASE,36,28) gl.vertexAttribDivisor(glCache.explosion_instanceScale,1) gl.drawElementsInstanced(gl.TRIANGLES,meshes.explosion.indexAmount,gl.UNSIGNED_SHORT,0,objects.explosions.length+objects.bubbles.length) gl.vertexAttribDivisor(glCache.explosion_instancePos,0) gl.vertexAttribDivisor(glCache.explosion_instanceColor,0) gl.vertexAttribDivisor(glCache.explosion_instanceScale,0) gl.depthMask(true) ctx.drawImage(gl.canvas,0,0) player.updateUI() if(user.clickedKeys.h){ player.addEffect('haste') player.addEffect('haste__') player.addEffect('tempJump') player.addEffect('focus') player.addEffect('melody') player.addEffect('bombPower') } user.update() then=now window.parent.raf=window.requestAnimationFrame(loop) } if(window.parent.raf){ window.cancelAnimationFrame(window.parent.raf) } function noFullScreen(){ document.getElementById('useFullscreen').style.display='none' loop() } document.getElementById('noFullScreen').addEventListener('click',noFullScreen) if(window.thisProgramIsInFullScreen){ noFullScreen() } } //<script> </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKOI-4SYCAw
Votes	255
Spin-Offs	26
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	6 months ago, 1739364581506
Updated	4 months ago, 1744845511310
Source Deleted	unknown