☰

Snake Game!

плохое настроение? сыграйте в меня!

目前为 2024-12-23 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Snake Game!
  3. // @version      3.6
  4. // @description  плохое настроение? сыграйте в меня!
  5. // @autor        Minish
  6. // @namespace    drawaria.snake.game
  7. // @match        drawaria.online
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     // Create the game canvas
  15.     const canvas = document.createElement('canvas');
  16.     canvas.width = 800; // Increased width
  17.     canvas.height = 600; // Increased height
  18.     document.body.appendChild(canvas);
  19.     const ctx = canvas.getContext('2d');
  20.  
  21.     // Load images
  22.     const appleImage = new Image();
  23.     appleImage.src = 'https://w7.pngwing.com/pngs/381/179/png-transparent-apple-green-apple-green-apple-food-granny-smith-asian-pear-thumbnail.png'; // Transparent background apple
  24.  
  25.     const goldenAppleImage = new Image();
  26.     goldenAppleImage.src = 'https://w7.pngwing.com/pngs/534/248/png-transparent-minecraft-computer-icons-golden-apple-golden-orange-fruit-apple-thumbnail.png'; // Transparent background golden apple
  27.  
  28.     const backgroundImage = new Image();
  29.     backgroundImage.src = 'https://avatars.mds.yandex.net/i?id=d7ddea51bc660760175ae06837721008ec22c13e3c0bd198-10786048-images-thumbs&n=13'; // Указанная текстура фона
  30.  
  31.     // Game variables
  32.     const box = 40; // Increased size of apples
  33.     const initialPosition = { x: 9 * box, y: 9 * box }; // Initial spawn position
  34.     let snake = [initialPosition]; // Start with initial snake position
  35.     let direction = null;
  36.     let apple = spawnApple();
  37.     let goldenApple = null; // Variable for golden apple
  38.     let score = 0;
  39.     let skins = ['green', 'blue', 'red', 'yellow', 'purple'];
  40.     let currentSkin = 0; // Index for the current skin
  41.     let isPaused = false; // Game pause state
  42.     let appleCount = 0; // Count of regular apples collected
  43.  
  44.     // Load sound
  45.     const soundEffect = new Audio('https://www.myinstants.com/en/instant/snake-game-food-65186/?utm_source=copy&utm_medium=share'); // URL to sound effect
  46.  
  47.     // Create skin selection section
  48.     const shopContainer = document.createElement('div');
  49.     shopContainer.style.margin = '20px';
  50.     shopContainer.style.textAlign = 'center';
  51.     shopContainer.style.backgroundColor = 'lightgray';
  52.     shopContainer.style.padding = '10px';
  53.     shopContainer.style.borderRadius = '5px';
  54.  
  55.     const title = document.createElement('h2');
  56.     title.innerHTML = 'Shop - Choose Your Skin';
  57.     shopContainer.appendChild(title);
  58.  
  59.     skins.forEach((color, index) => {
  60.         const button = document.createElement('button');
  61.         button.innerHTML = `Buy ${color} Skin`;
  62.         button.style.margin = '5px';
  63.         button.onclick = () => {
  64.             currentSkin = index; // Change skin index
  65.         };
  66.         shopContainer.appendChild(button);
  67.     });
  68.  
  69.     document.body.appendChild(shopContainer);
  70.  
  71.     // Control the snake with arrow keys
  72.     document.addEventListener('keydown', (event) => {
  73.         if (event.key === 'ArrowUp' && direction !== 'DOWN') {
  74.             direction = 'UP';
  75.             soundEffect.play(); // Play sound on key press
  76.         }
  77.         else if (event.key === 'ArrowDown' && direction !== 'UP') {
  78.             direction = 'DOWN';
  79.             soundEffect.play(); // Play sound on key press
  80.         }
  81.         else if (event.key === 'ArrowLeft' && direction !== 'RIGHT') {
  82.             direction = 'LEFT';
  83.             soundEffect.play(); // Play sound on key press
  84.         }
  85.         else if (event.key === 'ArrowRight' && direction !== 'LEFT') {
  86.             direction = 'RIGHT';
  87.             soundEffect.play(); // Play sound on key press
  88.         }
  89.         else if (event.key === ' ') {
  90.             isPaused = !isPaused; // Toggle pause on space
  91.             soundEffect.play(); // Play sound on key press
  92.         }
  93.     });
  94.  
  95.     // Game loop
  96.     function game() {
  97.         if (!isPaused) {
  98.             ctx.clearRect(0, 0, canvas.width, canvas.height); // Clear the canvas for redrawing
  99.             
  100.             // Draw the background texture
  101.             ctx.drawImage(backgroundImage, 0, 0, canvas.width, canvas.height);
  102.  
  103.             // Draw the snake
  104.             for (let i = 0; i < snake.length; i++) {
  105.                 ctx.fillStyle = (i === 0) ? skins[currentSkin] : 'lightgreen'; // Change head color based on current skin
  106.                 ctx.fillRect(snake[i].x, snake[i].y, box, box);
  107.                 ctx.strokeStyle = 'darkgreen';
  108.                 ctx.strokeRect(snake[i].x, snake[i].y, box, box);
  109.             }
  110.  
  111.             // Draw the apple
  112.             ctx.drawImage(appleImage, apple.x, apple.y, box, box);
  113.  
  114.             // Draw the golden apple if it exists
  115.             if (goldenApple) {
  116.                 ctx.drawImage(goldenAppleImage, goldenApple.x, goldenApple.y, box, box);
  117.             }
  118.  
  119.             // Move the snake
  120.             let snakeX = snake[0].x;
  121.             let snakeY = snake[0].y;
  122.  
  123.             if (direction === 'LEFT') snakeX -= box;
  124.             if (direction === 'UP') snakeY -= box;
  125.             if (direction === 'RIGHT') snakeX += box;
  126.             if (direction === 'DOWN') snakeY += box;
  127.  
  128.             // Check if the snake eats the apple
  129.             if (snakeX === apple.x && snakeY === apple.y) {
  130.                 score++;
  131.                 appleCount++; // Increment apple count
  132.                 apple = spawnApple(); // Spawn a new apple
  133.                 
  134.                 // Check if the apple count reached 100
  135.                 if (appleCount === 100) {
  136.                     goldenApple = spawnGoldenApple(); // Spawn golden apple
  137.                 }
  138.             } else {
  139.                 snake.pop();
  140.             }
  141.  
  142.             // Check if the snake eats the golden apple
  143.             if (goldenApple && snakeX === goldenApple.x && snakeY === goldenApple.y) {
  144.                 score += 500; // Add 500 points for golden apple
  145.                 goldenApple = null; // Remove golden apple after eaten
  146.                 appleCount = 0; // Reset apple count after golden apple
  147.             }
  148.  
  149.             // Add the new head
  150.             const newHead = { x: snakeX, y: snakeY };
  151.  
  152.             // Check for collisions with walls or itself
  153.             if (collision(newHead, snake) || snakeX < 0 || snakeX >= canvas.width || snakeY < 0 || snakeY >= canvas.height) {
  154.                 alert('Game Over! Your score: ' + score + '. Click OK to respawn.');
  155.                 teleportToSpawn(); // Teleport to spawn
  156.             } else {
  157.                 snake.unshift(newHead);
  158.             }
  159.  
  160.             ctx.fillStyle = 'black';
  161.             ctx.font = '20px Arial';
  162.             ctx.fillText('Score: ' + score, box, box);
  163.             ctx.fillText('Apples Collected: ' + appleCount, box, box + 20); // Display collected apples
  164.         } else {
  165.             ctx.fillStyle = 'black';
  166.             ctx.font = '30px Arial';
  167.             ctx.fillText('Game Paused', canvas.width / 2 - 70, canvas.height / 2);
  168.         }
  169.     }
  170.  
  171.     // Check for collision with the snake itself
  172.     function collision(head, array) {
  173.         for (let i = 0; i < array.length; i++) {
  174.             if (head.x === array[i].x && head.y === array[i].y) {
  175.                 return true;
  176.             }
  177.         }
  178.         return false;
  179.     }
  180.  
  181.     // Teleport to spawn position
  182.     function teleportToSpawn() {
  183.         snake = [initialPosition]; // Reset snake to spawn position
  184.         direction = null; // Reset direction
  185.         apple = spawnApple(); // Spawn a new apple
  186.         goldenApple = null; // Remove golden apple if it exists
  187.         appleCount = 0; // Reset apple count
  188.     }
  189.  
  190.     // Function to spawn apple in a valid location
  191.     function spawnApple() {
  192.         let newApple;
  193.         let isValidPosition = false;
  194.  
  195.         while (!isValidPosition) {
  196.             newApple = {
  197.                 x: Math.floor(Math.random() * (canvas.width / box)) * box,
  198.                 y: Math.floor(Math.random() * (canvas.height / box)) * box
  199.             };
  200.  
  201.             // Check if the apple spawns on the snake
  202.             isValidPosition = !collision(newApple, snake);
  203.         }
  204.  
  205.         return newApple;
  206.     }
  207.  
  208.     // Function to spawn golden apple in a valid location
  209.     function spawnGoldenApple() {
  210.         let newGoldenApple;
  211.         let isValidPosition = false;
  212.  
  213.         while (!isValidPosition) {
  214.             newGoldenApple = {
  215.                 x: Math.floor(Math.random() * (canvas.width / box)) * box,
  216.                 y: Math.floor(Math.random() * (canvas.height / box)) * box
  217.             };
  218.  
  219.             // Check if the golden apple spawns on the snake or regular apple
  220.             isValidPosition = !collision(newGoldenApple, snake) && !(newGoldenApple.x === apple.x && newGoldenApple.y === apple.y);
  221.         }
  222.  
  223.         return newGoldenApple;
  224.     }
  225.  
  226.     // Start the game loop
  227.     setInterval(game, 100);
  228. })();