\n \n

\n=======\n

OR SWIPE UP TO FLICK

\n \n

\n>>>>>>> REPLACE\n```\n\nmain.js\n```main.js\n```\n```\n<<<<<<< SEARCH\n setupEventListeners() {\n const flipBtn = document.getElementById('flip-btn');\n flipBtn.addEventListener('click', () => this.flipBottle());\n\n // Spawn buttons\n=======\n setupEventListeners() {\n const flipBtn = document.getElementById('flip-btn');\n flipBtn.addEventListener('click', () => this.flipBottle());\n\n // Flick mechanics\n window.addEventListener('pointerdown', (e) => {\n if (e.target.closest('#ui-layer') && !e.target.closest('#controls') && !e.target.closest('#spawn-menu')) {\n this.flickStart = { x: e.clientX, y: e.clientY, time: performance.now() };\n this.isPointerDown = true;\n }\n });\n\n window.addEventListener('pointerup', (e) => {\n if (!this.isPointerDown) return;\n this.isPointerDown = false;\n\n const duration = performance.now() - this.flickStart.time;\n const dx = e.clientX - this.flickStart.x;\n const dy = e.clientY - this.flickStart.y;\n const distance = Math.sqrt(dx * dx + dy * dy);\n\n // If it's a fast flick upwards\n if (distance > 50 && duration < 300) {\n const vx = dx / duration;\n const vy = dy / duration;\n \n // Only flip if swiping generally upwards or sideways\n if (dy < 0) {\n this.flickBottle(vx, vy);\n }\n }\n });\n\n // Spawn buttons\n>>>>>>> REPLACE\n```\n```\n<<<<<<< SEARCH\n flipBottle() {\n if (!this.gameStarted || this.isFlipping || this.flipCooldown > 0) return;\n \n this.isFlipping = true;\n this.isHeld = false;\n this.handMesh.visible = false;\n this.flipCooldown = 0.5; // Prevent immediate double triggers\n this.bottleLanded = false;\n document.getElementById('flip-btn').disabled = true;\n \n this.playSound('flip');\n this.bottleBody.wakeUp();\n\n // Apply flip forces with stronger forward momentum, scaling slightly with size\n const sizeMultiplier = 1.0 + (this.currentScale * 0.1);\n const forwardForce = -2.5 - (Math.random() * 1.5); \n this.bottleBody.velocity.set(0, FLIP_FORCE * sizeMultiplier, forwardForce);\n \n const torqueValue = FLIP_TORQUE + (Math.random() * 0.8 - 0.4);\n this.bottleBody.angularVelocity.set(torqueValue * Math.PI, 0, 0);\n }\n=======\n flipBottle(flickVx = 0, flickVy = 0) {\n if (!this.gameStarted || this.isFlipping || this.flipCooldown > 0) return;\n \n this.isFlipping = true;\n this.isHeld = false;\n this.handMesh.visible = false;\n this.flipCooldown = 0.5;\n this.bottleLanded = false;\n document.getElementById('flip-btn').disabled = true;\n \n this.playSound('flip');\n this.bottleBody.wakeUp();\n\n const sizeMultiplier = 1.0 + (this.currentScale * 0.1);\n \n if (flickVy !== 0) {\n // Flick-based flip\n const forceY = Math.min(Math.abs(flickVy) * 15, 25) * sizeMultiplier;\n const forceZ = -Math.abs(flickVy) * 5;\n const forceX = flickVx * 10;\n \n this.bottleBody.velocity.set(forceX, forceY, forceZ);\n \n // Torque based on swipe speed - faster swipe = more spin\n const torqueX = (Math.abs(flickVy) * 12) * Math.PI;\n const torqueY = (flickVx * 5) * Math.PI;\n this.bottleBody.angularVelocity.set(torqueX, torqueY, 0);\n } else {\n // Standard Button Flip\n const forwardForce = -2.5 - (Math.random() * 1.5); \n this.bottleBody.velocity.set(0, FLIP_FORCE * sizeMultiplier, forwardForce);\n const torqueValue = FLIP_TORQUE + (Math.random() * 0.8 - 0.4);\n this.bottleBody.angularVelocity.set(torqueValue * Math.PI, 0, 0);\n }\n }\n>>>>>>> REPLACE\n```\n\nSummary: I implemented a new flick-to-flip mechanic that lets you swipe on the screen to toss the bottle with custom power, direction, and spin based on your gesture!","page_description","cursor","eyJpZCI6ImI4b3hsejd2aGVyYXI4cjVuX3g0In0","token","included",[],"about",{"_191":-5},"parent","routes/browser/layout","actionData","errors"]

Bottle Flip Challenge