Zombie biker

>>>>>> <<<<<<< SEARCH

IMPULSO

=======

PUNTOS: 0

>>>>>> <<<<<<< SEARCH function updateHud(){ var boostFill = document.getElementById('boostFill'); var statsEl = document.getElementById('stats'); if(boostFill){ boostFill.style.width = Math.min(100, boostValue) + '%'; boostFill.classList.toggle('full', boostValue >= 100); } if(statsEl) statsEl.textContent = 'VUELO: ' + Math.floor(flightDistance) + ' m'; } ======= function updateHud(){ var boostFill = document.getElementById('boostFill'); var boostLabel = document.getElementById('boostLabel'); var statsEl = document.getElementById('stats'); if(boostFill){ boostFill.style.width = Math.min(100, boostValue) + '%'; boostFill.classList.toggle('full', boostValue >= 100); } if(boostLabel) boostLabel.textContent = 'PUNTOS: ' + runScore; if(statsEl) statsEl.textContent = 'VUELO: ' + Math.floor(flightDistance) + ' m'; } >>>>>> <<<<<<< SEARCH #boostMeter { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); width: min(300px, calc(100vw - 36px)); z-index: 11; pointer-events: none; text-align: center; text-shadow: 2px 2px 0 #000000; } #boostLabel { margin-bottom: 8px; font-family: 'Press Start 2P', sans-serif; font-size: clamp(10px, 2.4vw, 14px); color: #ffffff; white-space: nowrap; } #boostTrack { height: 24px; padding: 3px; border: 3px solid #ffffff; border-radius: 6px; background: #16090a; box-shadow: 3px 3px 0 #000000, inset 0 0 0 2px #4b1517; overflow: hidden; } #boostFill { position: relative; width: 0%; height: 100%; border-radius: 1px; overflow: hidden; background: linear-gradient(90deg, #5f0710 0%, #9b0d18 45%, #e4313b 75%, #ff7771 100%); box-shadow: inset 0 4px 0 rgba(255,190,180,0.28), inset 0 -5px 0 rgba(56,0,5,0.35); transition: width 0.22s ease-out; } #boostFill::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 18% 42%, rgba(255,225,215,0.7) 0 3px, transparent 4px), radial-gradient(ellipse at 62% 70%, rgba(80,0,8,0.4) 0 4px, transparent 5px), radial-gradient(ellipse at 87% 35%, rgba(255,210,200,0.5) 0 2px, transparent 3px); opacity: 0.8; } #boostFill.full { animation: boostReady 0.55s ease-in-out infinite alternate; } @keyframes boostReady { from { filter: brightness(1); } to { filter: brightness(1.45) saturate(1.3); } } ======= #boostMeter { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); width: min(300px, calc(100vw - 36px)); z-index: 11; pointer-events: none; text-align: center; text-shadow: 2px 2px 0 #000; } #boostLabel { margin-bottom: 8px; font-family: 'Press Start 2P', sans-serif; font-size: clamp(10px, 2.4vw, 14px); color: #ffffff; white-space: nowrap; } #boostTrack { height: 22px; padding: 3px; border: 3px solid #ffffff; border-radius: 6px; background: #18212b; box-shadow: 3px 3px 0 #000000; overflow: hidden; } #boostFill { width: 0%; height: 100%; border-radius: 1px; background: linear-gradient(90deg, var(--colorthree), var(--colortwo), var(--colorone)); transition: width 0.22s ease-out; } #boostFill.full { animation: boostReady 0.55s ease-in-out infinite alternate; } @keyframes boostReady { from { filter: brightness(1); } to { filter: brightness(1.45); } } >>>>>> <<<<<<< SEARCH const FIREWORK_SFX_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/5fa06145-c930-41b2-b757-772ace74bc1f.mp3'; const MOTORCYCLE_ENGINE_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/1e775dab-7d8c-452d-8e93-44492163dc3a.mp3'; const MOTORCYCLE_CRASH_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/5b7634ed-0167-4635-95f2-31a0848b0121.mp3'; const ZOMBIE_KILL_SFX_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/malewarriorhitting.mp3'; let fireworkAudioContext = null; let fireworkBuffer = null; let crashBuffer = null; let zombieKillBuffer = null; ======= const FIREWORK_SFX_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/5fa06145-c930-41b2-b757-772ace74bc1f.mp3'; const MOTORCYCLE_ENGINE_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/1e775dab-7d8c-452d-8e93-44492163dc3a.mp3'; const MOTORCYCLE_CRASH_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/5b7634ed-0167-4635-95f2-31a0848b0121.mp3'; const LAUNCH_SHOUT_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/73bcc154-164a-4494-ad66-9c95bb204cab.mp3'; let fireworkAudioContext = null; let fireworkBuffer = null; let crashBuffer = null; let launchShoutBuffer = null; >>>>>> <<<<<<< SEARCH loadBuffer(FIREWORK_SFX_URL, function(buffer){ fireworkBuffer = buffer; }); loadBuffer(MOTORCYCLE_CRASH_URL, function(buffer){ crashBuffer = buffer; }); loadBuffer(ZOMBIE_KILL_SFX_URL, function(buffer){ zombieKillBuffer = buffer; }); } catch(err) { ======= loadBuffer(FIREWORK_SFX_URL, function(buffer){ fireworkBuffer = buffer; }); loadBuffer(MOTORCYCLE_CRASH_URL, function(buffer){ crashBuffer = buffer; }); loadBuffer(LAUNCH_SHOUT_URL, function(buffer){ launchShoutBuffer = buffer; }); } catch(err) { >>>>>> <<<<<<< SEARCH function playCrashSfx(){ playDecodedSfx(crashBuffer, 0.9); } function playZombieKillSfx(){ playDecodedSfx(zombieKillBuffer, 0.82); } let scene, camera, renderer; ======= function playCrashSfx(){ playDecodedSfx(crashBuffer, 0.9); } function playLaunchShout(){ playDecodedSfx(launchShoutBuffer, 0.88); } let scene, camera, renderer; >>>>>> <<<<<<< SEARCH let starField, carGroup, riderGroup, tilesGroup, barrierGroup, finishFlag, centerLineGroup, sideLineGroup, sideTreesGroup, cloudsGroup, obstacleGroup, pedestrianGroup, flightObstacleGroup; let physicsWorld, ragdollMaterial, ragdollBodies = [], ragdollMeshes = [], ragdollConstraints = []; ======= let starField, carGroup, riderGroup, tilesGroup, barrierGroup, finishFlag, centerLineGroup, sideLineGroup, sideTreesGroup, cloudsGroup, obstacleGroup, pedestrianGroup, flightObstacleGroup, roadHazardGroup, landingTerrainGroup; let physicsWorld, ragdollMaterial, ragdollBodies = [], ragdollMeshes = [], ragdollConstraints = []; >>>>>> <<<<<<< SEARCH let runScore = 0; let flightDistance = 0; let restartBtn = document.getElementById('restartBtn'); ======= let runScore = 0; let flightDistance = 0; let flightStartZ = 0; let restartBtn = document.getElementById('restartBtn'); >>>>>> <<<<<<< SEARCH function populateRoadActors(){ obstacleGroup = new THREE.Group(); pedestrianGroup = new THREE.Group(); for(var i=0;i<22;i++) obstacleGroup.add(createRoadHazard(i % 2 === 0 ? 'rock' : 'pothole')); for(var j=0;j<18;j++) pedestrianGroup.add(createPedestrian()); scene.add(obstacleGroup); scene.add(pedestrianGroup); } ======= function createRoadHazard(type){ var g = new THREE.Group(); if(type === 'pothole'){ var rim = new THREE.Mesh( new THREE.CylinderGeometry(0.56,0.64,0.035,12), new THREE.MeshStandardMaterial({color:0x55483d, roughness:1}) ); rim.position.y = 0.006; rim.castShadow = true; rim.receiveShadow = true; g.add(rim); var hole = new THREE.Mesh( new THREE.CylinderGeometry(0.43,0.50,0.045,12), new THREE.MeshStandardMaterial({color:0x16120f, roughness:1}) ); hole.position.y = 0.026; hole.castShadow = true; hole.receiveShadow = true; g.add(hole); g.userData = {type:'pothole', radius:0.46}; } else { var rockMat = new THREE.MeshStandardMaterial({color:0x756552, roughness:0.95}); var rock = new THREE.Mesh(new THREE.DodecahedronGeometry(0.43 + Math.random()*0.18, 0), rockMat); rock.position.y = 0.34; rock.scale.set(1.1, 0.78, 0.92); rock.rotation.set(Math.random()*0.5, Math.random()*Math.PI, Math.random()*0.5); rock.castShadow = true; rock.receiveShadow = true; g.add(rock); g.userData = {type:'rock', radius:0.52}; } return g; } function populateRoadActors(){ obstacleGroup = new THREE.Group(); pedestrianGroup = new THREE.Group(); roadHazardGroup = new THREE.Group(); for(var i=0;i<6;i++) obstacleGroup.add(createTrafficCar()); for(var j=0;j<10;j++) pedestrianGroup.add(createPedestrian()); for(var k=0;k<18;k++) roadHazardGroup.add(createRoadHazard(k % 2 === 0 ? 'pothole' : 'rock')); scene.add(obstacleGroup); scene.add(pedestrianGroup); scene.add(roadHazardGroup); } >>>>>> <<<<<<< SEARCH if(pedestrianGroup){ for(var j=0;j>>>>> <<<<<<< SEARCH function updateRoadActors(){ if(obstacleGroup){ for(var i=0;i 4){ hazard.position.z = -rows*tileDepth + 8 - Math.random()*40; hazard.position.x = (Math.random()*4.3)-2.15; hazard.rotation.y = Math.random()*Math.PI*2; } var hazardRadius = hazard.userData.radius || 0.45; if(carGroup && Math.abs(hazard.position.z - carGroup.position.z) < hazardRadius + 0.24 && Math.abs(hazard.position.x - carGroup.position.x) < hazardRadius + 0.18){ crashBike(); return; } } } if(obstacleGroup){ for(var i=0;i>>>>> <<<<<<< SEARCH function populateFlightObstacles(){ flightObstacleGroup = new THREE.Group(); var kinds = ['bird','plane','kite']; for(var i=0;i<13;i++) flightObstacleGroup.add(createFlightObstacle(kinds[i % kinds.length])); scene.add(flightObstacleGroup); } function resetRoadActors(){ ======= function populateFlightObstacles(){ flightObstacleGroup = new THREE.Group(); var kinds = ['bird','plane','kite']; for(var i=0;i<13;i++) flightObstacleGroup.add(createFlightObstacle(kinds[i % kinds.length])); scene.add(flightObstacleGroup); } function createLandingTerrain(){ var g = new THREE.Group(); var sandCanvas = document.createElement('canvas'); sandCanvas.width = 256; sandCanvas.height = 256; var sandCtx = sandCanvas.getContext('2d'); sandCtx.fillStyle = '#EABB6E'; sandCtx.fillRect(0,0,256,256); for(var i=0;i<1800;i++){ sandCtx.fillStyle = Math.random() > 0.5 ? 'rgba(249,232,123,0.28)' : 'rgba(129,91,50,0.13)'; sandCtx.fillRect(Math.random()*256, Math.random()*256, 1+Math.random()*3, 1+Math.random()*3); } var sandTex = new THREE.CanvasTexture(sandCanvas); sandTex.wrapS = THREE.RepeatWrapping; sandTex.wrapT = THREE.RepeatWrapping; sandTex.repeat.set(12,65); var sand = new THREE.Mesh( new THREE.PlaneGeometry(46,260), new THREE.MeshStandardMaterial({map:sandTex, color:0xffffff, roughness:1}) ); sand.rotation.x = -Math.PI/2; sand.position.set(0,0.012,-125); sand.receiveShadow = true; g.add(sand); var markMat = new THREE.MeshStandardMaterial({color:0xf9e87b, roughness:0.76}); for(var meters=10;meters<=240;meters+=10){ var mark = new THREE.Mesh(new THREE.BoxGeometry(15,0.025,0.16), markMat); mark.position.set(0,0.03,-meters); mark.receiveShadow = true; g.add(mark); var labelCanvas = document.createElement('canvas'); labelCanvas.width = 256; labelCanvas.height = 64; var labelCtx = labelCanvas.getContext('2d'); labelCtx.clearRect(0,0,256,64); labelCtx.fillStyle = '#4f321e'; labelCtx.font = '18px "Press Start 2P"'; labelCtx.textAlign = 'center'; labelCtx.textBaseline = 'middle'; labelCtx.fillText(meters + ' m', 128, 34); var labelTex = new THREE.CanvasTexture(labelCanvas); var label = new THREE.Mesh( new THREE.PlaneGeometry(2.1,0.52), new THREE.MeshBasicMaterial({map:labelTex, transparent:true, side:THREE.DoubleSide}) ); label.rotation.x = -Math.PI/2; label.position.set(-10.2,0.045,-meters); g.add(label); } g.visible = false; return g; } function resetRoadActors(){ >>>>>> <<<<<<< SEARCH if (finishFlag && finishFlag.position) { finishFlag.position.set(0,0,-rows*tileDepth - finishGap); } updateDistanceMarker(); resetRoadActors(); if (carGroup && carGroup.position) { ======= if (finishFlag && finishFlag.position) { finishFlag.position.set(0,0,-rows*tileDepth - finishGap); } if(landingTerrainGroup){ landingTerrainGroup.visible = false; landingTerrainGroup.position.set(0,0,0); } resetRoadActors(); if (carGroup && carGroup.position) { >>>>>> <<<<<<< SEARCH function startFlight(){ if(isFlying || isFinished || !carGroup) return; isFlying = true; isAtFinish = true; moveDirection = 0; var launchPosition = new THREE.Vector3(carGroup.position.x, carGroup.position.y, carGroup.position.z); spawnExplosion(launchPosition.clone().add(new THREE.Vector3(0,1.05,-0.2))); spawnRagdoll(launchPosition, 0, -(28 + runScore*0.14), 12 + runScore*0.03); carGroup.visible = false; var launchText = document.getElementById('finishText'); if(launchText){ launchText.textContent = '¡DESPEGUE!'; launchText.style.display = 'block'; launchText.classList.remove('show'); void launchText.offsetWidth; launchText.classList.add('show'); } } ======= function startFlight(){ if(isFlying || isFinished || !carGroup) return; isFlying = true; isAtFinish = true; moveDirection = 0; var launchPosition = new THREE.Vector3(carGroup.position.x, carGroup.position.y, carGroup.position.z); flightStartZ = launchPosition.z; flightDistance = 0; if(obstacleGroup) obstacleGroup.visible = false; if(pedestrianGroup) pedestrianGroup.visible = false; if(roadHazardGroup) roadHazardGroup.visible = false; if(flightObstacleGroup) flightObstacleGroup.visible = false; if(landingTerrainGroup){ landingTerrainGroup.position.set(launchPosition.x,0,launchPosition.z); landingTerrainGroup.visible = true; } spawnExplosion(launchPosition.clone().add(new THREE.Vector3(0,1.05,-0.2))); playLaunchShout(); spawnRagdoll(launchPosition, 0, -(38 + runScore*0.18), 16 + runScore*0.04); carGroup.visible = false; var launchText = document.getElementById('finishText'); if(launchText){ launchText.textContent = '¡AAAH!'; launchText.style.display = 'block'; launchText.classList.remove('show'); void launchText.offsetWidth; launchText.classList.add('show'); } } >>>>>> <<<<<<< SEARCH function updateRagdoll(delta){ if(!physicsWorld || !ragdollBodies.length) return; if(isFlying && ragdollBodies[0]){ ragdollBodies[0].velocity.x += moveDirection * 24 * delta; ragdollBodies[0].velocity.x = THREE.MathUtils.clamp(ragdollBodies[0].velocity.x, -11, 11); } ======= function updateRagdoll(delta){ if(!physicsWorld || !ragdollBodies.length) return; if(isFlying && ragdollBodies[0]){ ragdollBodies[0].velocity.x += moveDirection * 38 * delta; ragdollBodies[0].velocity.x = THREE.MathUtils.clamp(ragdollBodies[0].velocity.x, -16, 16); ragdollBodies[0].velocity.y += 6.2 * delta; ragdollBodies[0].velocity.z -= 3.5 * delta; } >>>>>> <<<<<<< SEARCH flightDistance = Math.max(flightDistance, -torso.position.z); updateHud(); camera.position.lerp(new THREE.Vector3(torso.position.x, torso.position.y + 1.25, torso.position.z + 4.1), Math.min(1, 4 * delta)); ======= flightDistance = Math.max(flightDistance, flightStartZ - torso.position.z); updateHud(); camera.position.lerp(new THREE.Vector3(torso.position.x, torso.position.y + 1.25, torso.position.z + 4.1), Math.min(1, 4 * delta)); >>>>>> <<<<<<< SEARCH } else if(flightObstacleGroup){ for(var q=0;q>>>>> <<<<<<< SEARCH populateTrees(treesPerSide, treesPerSide); populateClouds(cloudCount); populateRoadActors(); populateFlightObstacles(); finishFlag = new THREE.Group(); var poleHeight = 4; var poleGeo = new THREE.CylinderGeometry(0.05,0.05,poleHeight,8); var poleMat = new THREE.MeshStandardMaterial({color:0xffffff}); var poleLeft = new THREE.Mesh(poleGeo,poleMat); var poleRight = new THREE.Mesh(poleGeo,poleMat); var leftX = -(tileWidth/2 + lineThLocal/2); var rightX = (tileWidth/2 + lineThLocal/2); poleLeft.position.set(leftX, poleHeight/2, 0); poleRight.position.set(rightX, poleHeight/2, 0); var bannerWidth = Math.abs(rightX - leftX); var bannerHeight = 1.2; var checkerCanvas = document.createElement('canvas'); checkerCanvas.width = 512; checkerCanvas.height = 256; var cctx = checkerCanvas.getContext('2d'); var squaresX = 4; var squaresY = 2; var sqW = checkerCanvas.width / squaresX; var sqH = checkerCanvas.height / squaresY; for(var y=0;y>>>>> <<<<<<< SEARCH const FIREWORK_SFX_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/5fa06145-c930-41b2-b757-772ace74bc1f.mp3'; const MOTORCYCLE_ENGINE_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/1e775dab-7d8c-452d-8e93-44492163dc3a.mp3'; const MOTORCYCLE_CRASH_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/5b7634ed-0167-4635-95f2-31a0848b0121.mp3'; let fireworkAudioContext = null; ======= const FIREWORK_SFX_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/3d22f7d3-081b-40cc-a8a8-e3c7a465ee5a.mp3'; const MOTORCYCLE_ENGINE_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/1e775dab-7d8c-452d-8e93-44492163dc3a.mp3'; const MOTORCYCLE_CRASH_URL = 'https://zfxdzwaparjkcpouvmnt.supabase.co/storage/v1/object/public/publicaudioassets/5b7634ed-0167-4635-95f2-31a0848b0121.mp3'; let fireworkAudioContext = null; >>>>>> <<<<<<< SEARCH motorcycleAudio.preload = 'auto'; motorcycleAudio.loop = true; motorcycleAudio.volume = 0.22; function preloadFireworkSfx(){ ======= motorcycleAudio.preload = 'auto'; motorcycleAudio.loop = true; motorcycleAudio.volume = 0.15; function preloadFireworkSfx(){ >>>>>> <<<<<<< SEARCH function tryPlayMotorcycleAudio(){ if(!motorcycleAudio || !isStarted || isCrashed) return; var playPromise = motorcycleAudio.play(); if(playPromise && typeof playPromise.catch === 'function'){ playPromise.catch(function(){}); } } ======= function tryPlayMotorcycleAudio(){ if(!motorcycleAudio || !isStarted || isCrashed || !motorcycleAudio.paused) return; motorcycleAudio.loop = true; var playPromise = motorcycleAudio.play(); if(playPromise && typeof playPromise.catch === 'function'){ playPromise.catch(function(){}); } } >>>>>> <<<<<<< SEARCH if(isStarted){ if(!isFinished){ if(!isFlying){ ======= if(isStarted){ if(!isFinished){ tryPlayMotorcycleAudio(); if(!isFlying){ >>>>>> <<<<<<< SEARCH var car = obstacleGroup.children[i]; car.position.z += speed * 1.65 * trafficSpeedMultiplier; car.position.x += car.userData.drift * speed * trafficDriftMultiplier; if(Math.abs(car.position.x) > 2.12) car.userData.drift *= -1; if(car.position.z > 4){ ======= var car = obstacleGroup.children[i]; car.rotation.y = Math.PI; car.position.z += speed * 1.65 * trafficSpeedMultiplier; if(car.position.z > 4){ >>>>>> <<<<<<< SEARCH function playFireworkSfx(){ tryPlayMotorcycleAudio(); playDecodedSfx(fireworkBuffer, 0.58); } function playCrashSfx(){ ======= function playFireworkSfx(){ tryPlayMotorcycleAudio(); playDecodedSfx(fireworkBuffer, 0.45); } function playCrashSfx(){ Zombie biker

FINISH!

IMPULSO

VUELO: 0 m

META: 0 m

Zombie biker

Leaderboard