Scribd Logo
Upload

Welcome to Scribd!

  • Serpiente Nokia JS

    Uploaded by

    Axel Ordóñez
    7 views2 pages
    The document defines a snake game with the following key elements: - The game contains a grid of squares where the snake and apple are placed. The snake starts with 3 squares and the apple is randomly placed. - Arrow keys control the snake's direction of movement. Eating an apple increases the snake's length and the score. - A function starts the game by placing the initial snake, randomizing the apple, and setting an interval to continuously move the snake. - The interval function moves the snake by removing its tail, adding its head in the direction of movement, and checks for eating an apple or colliding with itself or edges to end the game.

    Original Description:

    Programa de serpiente en JS. -By donmetodiojr

    Original Title

    Serpiente nokia JS

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document defines a snake game with the following key elements: - The game contains a grid of squares where the snake and apple are placed. The snake starts with 3 squares and the apple is randomly placed. - Arrow keys control the snake's direction of movement. Eating an apple increases the snake's length and the score. - A function starts the game by placing the initial snake, randomizing the apple, and setting an interval to continuously move the snake. - The interval function moves the snake by removing its tail, adding its head in the direction of movement, and checks for eating an apple or colliding with itself or edges to end the game.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views2 pages

    Serpiente Nokia JS

    Uploaded by

    Axel Ordóñez
    The document defines a snake game with the following key elements: - The game contains a grid of squares where the snake and apple are placed. The snake starts with 3 squares and the apple is randomly placed. - Arrow keys control the snake's direction of movement. Eating an apple increases the snake's length and the score. - A function starts the game by placing the initial snake, randomizing the apple, and setting an interval to continuously move the snake. - The interval function moves the snake by removing its tail, adding its head in the direction of movement, and checks for eating an apple or colliding with itself or edges to end the game.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    document.

    addEventListener('DOMContentLoaded', () => {
    const squares = document.querySelectorAll('.grid div')
    const scoreDisplay = document.querySelector('span')
    const startBtn = document.querySelector('.start')

    const width = 10
    let currentIndex = 0
    let appleIndex = 0
    let currentSnake = [2,1,0]
    let direction = 1
    let score = 0
    let speed = 1
    let intervalTime = 0
    let interval = 0

    //iniciar y reinicar el juego


    function startGame() {
    currentSnake.forEach(index => squares[index].classList.remove('snake'))
    squares[appleIndex].classList.remove('apple')
    clearInterval(interval)
    score = 0
    randomApple()
    direction = 1
    scoreDisplay.innerText = score
    intervalTime = 500
    currentSnake = [2,1,0]
    currentIndex = 0
    currentSnake.forEach(index => squares[index].classList.add('snake'))
    interval = setInterval(moveOutcomes, intervalTime)
    }

    function moveOutcomes() {

    if (
    (currentSnake[0] + width >= (width * width) && direction === width ) ||
    (currentSnake[0] % width === 0 && direction === -1) ||
    (currentSnake[0] - width < 0 && direction === -width) ||
    squares[currentSnake[0] + direction].classList.contains('snake')
    ) {
    return clearInterval(interval)
    }

    const tail = currentSnake.pop()


    squares[tail].classList.remove('snake')
    currentSnake.unshift(currentSnake[0] + direction)

    if(squares[currentSnake[0]].classList.contains('apple')) {
    squares[currentSnake[0]].classList.remove('apple')
    squares[tail].classList.add('snake')
    currentSnake.push(tail)
    randomApple()
    score++
    scoreDisplay.textContent = score
    clearInterval(interval)
    intervalTime = intervalTime * speed
    interval = setInterval(moveOutcomes, intervalTime)
    }
    squares[currentSnake[0]].classList.add('snake')
    }

    function randomApple() {
    do{
    appleIndex = Math.floor(Math.random() * squares.length)
    } while(squares[appleIndex].classList.contains('snake'))
    squares[appleIndex].classList.add('apple')
    }

    function control(e) {
    squares[currentIndex].classList.remove('snake')

    if(e.keyCode === 39) {


    direction = 1
    } else if (e.keyCode === 38) {
    direction = -width
    } else if (e.keyCode === 37) {
    direction = -1
    } else if (e.keyCode === 40) {
    direction = +width
    }
    }

    document.addEventListener('keyup', control)
    startBtn.addEventListener('click', startGame)
    })

    You might also like