Transaction c07508b161b3f148775b59a9b44e90855d380cc58308c3bbac01c260dfc15a8b

1 Input
  • fc801daaeb748cb49993004f9900d4f79278745c145157a5b063490267344e59:0
    OP_DATA_32(32) 5c66f07ce2ce42c56259ae1e81d5a0076af7e80e8c0474ef8a29e4d47566a91a
    OP_CHECKSIG(172)
    OP_0(0)
    OP_IF(99)
    OP_DATA_3(3) ord
    OP_DATA_1(1) 
    OP_DATA_23(23) text/html;charset=utf-8
    OP_0(0)
    OP_PUSHDATA2(77) <!DOCTYPE html> <html> <head> <title>Snake Game with Background</title> <meta charset="UTF-8"> <style> #game-container { position: relative; } #background-canvas { position: absolute; top: 0; left: 0; z-index: 1; /* Background canvas is below the game canvas */ } #game { border: 1px solid white; position: absolute; top: 150px; left: 300px; z-index: 2; /* Game canvas is on top of the background */ }
    OP_PUSHDATA2(77) #score { font-size: 24px; margin-top: 10px; position: absolute; top: 20px; left: 20px; color: white; z-index: 3; /* Score display is on top of everything */ } </style> </head> <body> <div id="game-container"> <canvas width="1000" height="1000" id="background-canvas"></canvas> <canvas width="400" height="400" id="game"></canvas> <div id="score">Score: 0</div> </div> <script> var backgroundCanvas = document.getElementById('background-canvas')
    OP_PUSHDATA2(77) ; var backgroundContext = backgroundCanvas.getContext('2d'); // Load your background image here var backgroundImage = new Image(); backgroundImage.src = '/content/847bacb9fa60eb643a4ec5d1ebb9580759b9eefad0f67080acbe7f27851f3775i0'; backgroundImage.onload = function() { backgroundContext.drawImage(backgroundImage, 0, 0, backgroundCanvas.width, backgroundCanvas.height); }; var canvas = document.getElementById('game'); var context = canvas.getContext('2d'); var scoreDisplay = document.getElementById(
    OP_PUSHDATA2(77) 'score'); var grid = 16; var count = 0; var frameRate = 5; // Adjust this value for slower or faster movement var score = 0; var snake = { x: 160, y: 160, dx: grid, dy: 0, cells: [], maxCells: 4 }; var cheeseEmoji = "🧀"; var apple = { x: 320, y: 320 }; var snakeImage = new Image(); snakeImage.src = '/content/cc81d1de204058ff465bd6ed834b2135fd49e84a5152314c1c4ffde70774a956i0'; function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min;
    OP_PUSHDATA2(77) } function loop() { requestAnimationFrame(loop); if (++count < frameRate) { return; } count = 0; context.clearRect(0,0,canvas.width,canvas.height); snake.x += snake.dx; snake.y += snake.dy; if (snake.x < 0) { snake.x = canvas.width - grid; } else if (snake.x >= canvas.width) { snake.x = 0; } if (snake.y < 0) { snake.y = canvas.height - grid; } else if (snake.y >= canvas.height) { snake.y = 0; } snake.cells.unshift({x: snake.x,
    OP_PUSHDATA2(77) y: snake.y}); if (snake.cells.length > snake.maxCells) { snake.cells.pop(); } context.font = '20px Arial'; context.fillStyle = 'white'; context.fillText(cheeseEmoji, apple.x, apple.y + grid); snake.cells.forEach(function(cell, index) { if (index === 0) { context.drawImage(snakeImage, cell.x, cell.y, grid, grid); } else { context.fillStyle = '#f2a900'; // Change this to your desired snake body color context.fillRect(cell.x, cell.y, grid, grid); }
    OP_PUSHDATA2(77) if (cell.x === apple.x && cell.y === apple.y) { snake.maxCells++; score += 100; scoreDisplay.textContent = "Score: " + score; apple.x = getRandomInt(0, 25) * grid; apple.y = getRandomInt(0, 25) * grid; } for (var i = index + 1; i < snake.cells.length; i++) { if (cell.x === snake.cells[i].x && cell.y === snake.cells[i].y) { snake.x = 160; snake.y = 160; snake.cells = []; snake.maxCells = 4; snake.dx = grid;
    OP_PUSHDATA2(77) snake.dy = 0; apple.x = getRandomInt(0, 25) * grid; apple.y = getRandomInt(0, 25) * grid; score = 0; scoreDisplay.textContent = "Score: " + score; } } }); } document.addEventListener('keydown', function(e) { if (e.which === 37 && snake.dx === 0) { snake.dx = -grid; snake.dy = 0; } else if (e.which === 38 && snake.dy === 0) { snake.dy = -grid; snake.dx = 0; } else if (e.which === 39 && snake.dx === 0) { snake.dx = g
    OP_PUSHDATA1(76) rid; snake.dy = 0; } else if (e.which === 40 && snake.dy === 0) { snake.dy = grid; snake.dx = 0; } }); snakeImage.onload = function() { requestAnimationFrame(loop); }; </script> </body> </html>
    OP_ENDIF(104)
2 Outputs
  • c07508b161b3f148775b59a9b44e90855d380cc58308c3bbac01c260dfc15a8b:0
    • value  546
    address  bc1p033lfcv4y2966mfyr3u9snnpsrys33t5qxy27nme3jzrekq3s20sanc9aq
  • c07508b161b3f148775b59a9b44e90855d380cc58308c3bbac01c260dfc15a8b:1
    • value  1724
    address  bc1qujcmzs08m67xvujf0mgjyf4plcx3gq7qz96402