Maze Bush Run

Maze Bush Run >>>>>> <<<<<<< SEARCH :root { /* preserve color variables used by the original stylesheet */ --colorthree: #B8B28E; --colorfour: #4F4B3A; /* gameplay tunables (host-editable) */ ======= :root { --colorone: #F9E87B; --colortwo: #EABB6E; --colorthree: #C1524D; --colorfour: #7294CD; /* gameplay tunables (host-editable) */ >>>>>> <<<<<<< SEARCH canvas { display: block; width: 100%; height: 100%; } ======= canvas { display: block; position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; } >>>>>> <<<<<<< SEARCH .arrow-controls { position: absolute; bottom: 20px; left: 20px; right: 20px; display: flex; box-sizing: border-box; } ======= .joystick-wrap { position: absolute; left: 24px; bottom: 24px; z-index: 2; width: 120px; height: 120px; pointer-events: none; } .joystick-base { position: absolute; inset: 0; border-radius: 50%; background: rgba(114,148,205,0.36); box-shadow: inset 0 0 0 3px rgba(249,232,123,0.32), 0 8px 22px rgba(0,0,0,0.24); backdrop-filter: blur(5px); } .joystick-knob { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; border-radius: 50%; background: var(--colorone); box-shadow: 0 4px 12px rgba(0,0,0,0.3); transform: translate(-50%, -50%); } >>>>>> <<<<<<< SEARCH .toggle-container { position: absolute; top: 20px; right: 20px; left: auto; z-index: 1; } ======= .toggle-container { position: absolute; top: 64px; right: 20px; left: auto; z-index: 2; } >>>>>> <<<<<<< SEARCH .timer { position: absolute; top: 20px; left: 20px; color: #ffffff; font-size: 24px; font-family: DynaPuff, sans-serif; pointer-events: none; } ======= .timer, .score { position: absolute; top: 20px; color: #ffffff; font-size: 24px; font-family: DynaPuff, sans-serif; text-shadow: 0 2px 3px rgba(0,0,0,0.55); pointer-events: none; z-index: 2; } .timer { left: 20px; } .score { right: 20px; } >>>>>> <<<<<<< SEARCH

◀

▶

======= >>>>>> <<<<<<< SEARCH let initialBgColor, initialAmbientIntensity, initialSunLightIntensity, initialSunLightY; let timerDiv=null, timerStartTime=0; let clouds = [], viewTargetBird=false, marker=null; ======= let initialBgColor, initialAmbientIntensity, initialSunLightIntensity, initialSunLightY; let timerDiv=null, timerStartTime=0, scoreDiv=null, hasStartedRound=false; let clouds = [], viewTargetBird=false, marker=null; let crtTarget=null, crtScene=null, crtCamera=null, crtMaterial=null; >>>>>> <<<<<<< SEARCH const container = document.getElementById('game-container'); const leftBtn=document.querySelector('.control-left'), rightBtn=document.querySelector('.control-right'), forwardBtn=document.querySelector('.control-forward'); const toggleBtn = document.querySelector('.toggle-btn'); function onTouch(btn, flag){ ======= const container = document.getElementById('game-container'); const toggleBtn = document.querySelector('.toggle-btn'); const joystickKnob = document.querySelector('.joystick-knob'); const pickupSound = new Audio(); pickupSound.crossOrigin = 'anonymous'; pickupSound.preload = 'auto'; pickupSound.src = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/bf6db721-b98f-42ca-b664-0b74dd3e9e06.mp3'; pickupSound.volume = 0.55; pickupSound.load(); let joystickActive=false, joystickPointerId=null, swipeStart=null; function setupCRT(){ var dpr=Math.min(2,window.devicePixelRatio||1); if(crtTarget) crtTarget.dispose(); crtTarget=new THREE.WebGLRenderTarget(Math.max(1,Math.floor(window.innerWidth*dpr)),Math.max(1,Math.floor(window.innerHeight*dpr)),{ minFilter:THREE.LinearFilter, magFilter:THREE.LinearFilter, format:THREE.RGBAFormat }); crtScene=new THREE.Scene(); crtCamera=new THREE.OrthographicCamera(-1,1,1,-1,0,1); crtCamera.position.z=1; crtMaterial=new THREE.ShaderMaterial({ uniforms:{ uScene:{value:crtTarget.texture}, uTime:{value:0}, uResolution:{value:new THREE.Vector2(Math.max(1,Math.floor(window.innerWidth*dpr)),Math.max(1,Math.floor(window.innerHeight*dpr)))} }, vertexShader:'varying vec2 vUv; void main(){ vUv=uv; gl_Position=vec4(position,1.0); }', fragmentShader:[ 'precision mediump float;', 'uniform sampler2D uScene;', 'uniform float uTime;', 'uniform vec2 uResolution;', 'varying vec2 vUv;', 'vec2 curve(vec2 uv){ vec2 p=uv*2.0-1.0; p*=1.0+0.075*dot(p,p); return p*0.5+0.5; }', 'void main(){', 'vec2 uv=curve(vUv);', 'if(uv.x<0.0||uv.x>1.0||uv.y<0.0||uv.y>1.0){ gl_FragColor=vec4(0.0,0.0,0.0,1.0); return; }', 'float offset=0.0015;', 'vec3 col=vec3(texture2D(uScene,uv+vec2(offset,0.0)).r,texture2D(uScene,uv).g,texture2D(uScene,uv-vec2(offset,0.0)).b);', 'float scan=0.90+0.10*sin(uv.y*uResolution.y*1.35);', 'float vig=1.0-0.42*dot(uv-0.5,uv-0.5)*2.0;', 'float edge=smoothstep(0.0,0.025,uv.x)*smoothstep(0.0,0.025,uv.y)*smoothstep(0.0,0.025,1.0-uv.x)*smoothstep(0.0,0.025,1.0-uv.y);', 'float flicker=0.985+0.015*sin(uTime*7.0);', 'col=pow(max(col*scan*vig*flicker,0.0),vec3(0.94));', 'gl_FragColor=vec4(col*edge,1.0);', '}' ].join('') }); crtScene.add(new THREE.Mesh(new THREE.PlaneGeometry(2,2),crtMaterial)); } function getEventPoint(event){ var touch=(event.touches&&event.touches.length)?event.touches[0]:((event.changedTouches&&event.changedTouches.length)?event.changedTouches[0]:null); if(touch) return {x:touch.clientX,y:touch.clientY,id:touch.identifier}; if(typeof event.clientX==='number'&&typeof event.clientY==='number') return {x:event.clientX,y:event.clientY,id:event.pointerId}; return null; } function isInJoystickZone(x,y){ var dx=x-84, dy=y-(window.innerHeight-84); return dx*dx+dy*dy<=84*84; } function updateJoystick(point){ var dx=point.x-84, dy=point.y-(window.innerHeight-84), max=43; var length=Math.sqrt(dx*dx+dy*dy); if(length>max){ dx=dx/length*max; dy=dy/length*max; } joystickKnob.style.transform='translate(-50%, -50%) translate('+dx+'px, '+dy+'px)'; moveForward=dy<-10; moveBackward=dy>10; turnLeft=dx<-10; turnRight=dx>10; } function resetJoystick(){ joystickActive=false; joystickPointerId=null; moveForward=false; moveBackward=false; turnLeft=false; turnRight=false; joystickKnob.style.transform='translate(-50%, -50%)'; } function beginSurfaceInput(event){ var point=getEventPoint(event); if(!point) return; if(isInJoystickZone(point.x,point.y)){ joystickActive=true; joystickPointerId=point.id; swipeStart=null; updateJoystick(point); try{event.preventDefault();event.stopPropagation();}catch(e){} return; } swipeStart={x:point.x,y:point.y,id:point.id}; } function moveSurfaceInput(event){ if(!joystickActive) return; var point=getEventPoint(event); if(!point||point.id!==joystickPointerId) return; updateJoystick(point); try{event.preventDefault();event.stopPropagation();}catch(e){} } function endSurfaceInput(event){ var point=getEventPoint(event); if(joystickActive){ if(!point||point.id===joystickPointerId) resetJoystick(); return; } if(swipeStart&&point&&point.id===swipeStart.id){ var dx=point.x-swipeStart.x, dy=point.y-swipeStart.y; if(Math.abs(dx)>55&&Math.abs(dx)>Math.abs(dy)&&!toggling&&!birdView&&Date.now()-introStart>=introDuration){ camera.rotation.y+=dx<0?Math.PI/2:-Math.PI/2; } } swipeStart=null; } function cancelSurfaceInput(){ resetJoystick(); swipeStart=null; } function onTouch(btn, flag){ >>>>>> <<<<<<< SEARCH function onCanvasClick(event){ if(exploded) return; // determine clientX/clientY from mouse/pointer/touch events var clientX = 0, clientY = 0; ======= function onCanvasClick(event){ if(exploded) return; var joystickPoint=getEventPoint(event); if(joystickPoint&&isInJoystickZone(joystickPoint.x,joystickPoint.y)) return; // determine clientX/clientY from mouse/pointer/touch events var clientX = 0, clientY = 0; >>>>>> <<<<<<< SEARCH if(timerDiv){ timerDiv.remove(); timerDiv=null; } exploded=true; scene.remove(diamond); scene.remove(particles); ======= if(timerDiv){ timerDiv.remove(); timerDiv=null; } try{ pickupSound.currentTime=0; pickupSound.play().catch(function(){}); }catch(e){} exploded=true; scene.remove(diamond); scene.remove(particles); >>>>>> <<<<<<< SEARCH // Send score to Spielwerk: use elapsed time in seconds (lower is better) try{ if (typeof Spielwerk !== 'undefined' && typeof Spielwerk.send === 'function') { Spielwerk.send({ type: "score", score: (total/1000), unit: "seconds", "bigger-is-better": "false" }); } }catch(e){} ======= var finalScore=Math.max(1,10000-Math.floor(total/100)); if(scoreDiv) scoreDiv.innerText='Score: '+finalScore; try{ if(typeof Spielwerk!=='undefined'&&typeof Spielwerk.send==='function'){ Spielwerk.send({type: "score", score: finalScore, unit: "points", bigger_is_better: true}); } }catch(e){} >>>>>> <<<<<<< SEARCH function initGame(){ /* re-read settings on each init to avoid drift */ readSettings(); toggleDuration = cfg_toggleDuration; ======= function initGame(){ /* re-read settings on each init to avoid drift */ readSettings(); if(hasStartedRound){ try{ if(typeof Spielwerk!=='undefined'&&typeof Spielwerk.send==='function') Spielwerk.send({type: "view"}); }catch(e){} } hasStartedRound=true; toggleDuration = cfg_toggleDuration; >>>>>> <<<<<<< SEARCH container.appendChild(renderer.domElement); // Isolate gesture handling to the renderer surface: prevent default on touch/pointer/wheel events ======= container.appendChild(renderer.domElement); setupCRT(); // Isolate gesture handling to the renderer surface: prevent default on touch/pointer/wheel events >>>>>> <<<<<<< SEARCH window.addEventListener('resize',function(){ camera.aspect=window.innerWidth/window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth,window.innerHeight); }, {passive:true}); onTouch(forwardBtn,{get val(){return moveForward},set val(v){moveForward=v}}); onTouch(leftBtn,{get val(){return turnLeft},set val(v){turnLeft=v}}); onTouch(rightBtn,{get val(){return turnRight},set val(v){turnRight=v}}); ======= window.addEventListener('resize',function(){ camera.aspect=window.innerWidth/window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth,window.innerHeight); if(crtTarget&&crtMaterial){ var dpr=Math.min(2,window.devicePixelRatio||1); var w=Math.max(1,Math.floor(window.innerWidth*dpr)); var h=Math.max(1,Math.floor(window.innerHeight*dpr)); crtTarget.setSize(w,h); crtMaterial.uniforms.uResolution.value.set(w,h); } }, {passive:true}); if(window.PointerEvent){ renderer.domElement.addEventListener('pointerdown',beginSurfaceInput,{passive:false}); renderer.domElement.addEventListener('pointermove',moveSurfaceInput,{passive:false}); renderer.domElement.addEventListener('pointerup',endSurfaceInput,{passive:false}); renderer.domElement.addEventListener('pointercancel',cancelSurfaceInput,{passive:false}); }else{ renderer.domElement.addEventListener('touchstart',beginSurfaceInput,{passive:false}); renderer.domElement.addEventListener('touchmove',moveSurfaceInput,{passive:false}); renderer.domElement.addEventListener('touchend',endSurfaceInput,{passive:false}); renderer.domElement.addEventListener('touchcancel',cancelSurfaceInput,{passive:false}); } >>>>>> <<<<<<< SEARCH timerDiv=document.createElement('div'); timerDiv.className='timer'; timerStartTime=now; container.appendChild(timerDiv); ======= timerDiv=document.createElement('div'); timerDiv.className='timer'; timerStartTime=now; container.appendChild(timerDiv); scoreDiv=document.createElement('div'); scoreDiv.className='score'; scoreDiv.innerText='Score: 0'; container.appendChild(scoreDiv); >>>>>> <<<<<<< SEARCH timerDiv.innerText=m+':'+(s<10?'0':'')+s; ======= timerDiv.innerText=cfg_timerPrefix+m+':'+(s<10?'0':'')+s; >>>>>> <<<<<<< SEARCH let oldTime=document.querySelector('.time-text'); if(oldTime) oldTime.remove(); let oldTimer=document.querySelector('.timer'); if(oldTimer) oldTimer.remove(); } ======= let oldTime=document.querySelector('.time-text'); if(oldTime) oldTime.remove(); let oldTimer=document.querySelector('.timer'); if(oldTimer) oldTimer.remove(); let oldScore=document.querySelector('.score'); if(oldScore) oldScore.remove(); scoreDiv=null; } >>>>>> <<<<<<< SEARCH renderer.render(scene,camera); } /* initial read of settings and start */ ======= if(crtTarget&&crtScene&&crtCamera&&crtMaterial){ crtMaterial.uniforms.uTime.value=now*0.001; renderer.setRenderTarget(crtTarget); renderer.render(scene,camera); renderer.setRenderTarget(null); renderer.render(crtScene,crtCamera); }else{ renderer.render(scene,camera); } } /* initial read of settings and start */

Show Entire Map

◀

▶