AI game creator

Click here for free DL of the app version that can save data.

No:19810

←

Prev Next

→

2048 With music
Developer User8620｜Date and time 23/10/7 0:27:01
Build time 43.776 sec｜Game capacity 8.921KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2048</title>
    <style>
        /* Add CSS styles here if needed */
    </style>
</head>
<body>
    <div id="game"></div>

<audio id="backgroundMusic" loop>
        <source src="background_music.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>

for (var i = 0; i < 4; i++) {
                    this.grid[i] = [];
                    for (var j = 0; j < 4; j++) {
                        this.grid[i][j] = 0;
                    }
                }

// Add initial cells to the grid
                this.addRandomCell();
                this.addRandomCell();

this.render();
                this.startBackgroundMusic();
            },

// Add a new random cell to the grid
            addRandomCell: function() {
                var availableCells = [];

for (var i = 0; i < 4; i++) {
                    for (var j = 0; j < 4; j++) {
                        if (this.grid[i][j] === 0) {
                            availableCells.push({ x: i, y: j });
                        }
                    }
                }

if (availableCells.length > 0) {
                    var randomCell = availableCells[Math.floor(Math.random() * availableCells.length)];
                    this.grid[randomCell.x][randomCell.y] = Math.random() < 0.9 ? 2 : 4;
                }
            },

// Render the game board
            render: function() {
                var gameElement = document.getElementById("game");
                gameElement.innerHTML = "";

for (var i = 0; i < 4; i++) {
                    for (var j = 0; j < 4; j++) {
                        var cellValue = this.grid[i][j] !== 0 ? this.grid[i][j] : "";

var cellElement = document.createElement("div");
                        cellElement.className = "cell";
                        cellElement.textContent = cellValue;

gameElement.appendChild(cellElement);
                    }
                }
            },

// Handle key presses to move the cells
            handleKeyPress: function(event) {
                if (this.isGameOver) {
                    return;
                }

var key = event.keyCode;
                var moved = false;

switch (key) {
                    case 37: // Left
                        moved = this.moveLeft();
                        break;
                    case 38: // Up
                        moved = this.moveUp();
                        break;
                    case 39: // Right
                        moved = this.moveRight();
                        break;
                    case 40: // Down
                        moved = this.moveDown();
                        break;
                }

if (moved) {
                    this.addRandomCell();
                    this.render();

if (this.isGameOver) {
                        alert("Game Over! Your Score: " + this.score);
                        this.stopBackgroundMusic();
                    }
                }
            },

// Move cells to the left
            moveLeft: function() {
                var moved = false;

for (var i = 0; i < 4; i++) {
                    for (var j = 1; j < 4; j++) {
                        if (this.grid[i][j] !== 0) {
                            var k = j - 1;

while (k >= 0 && this.grid[i][k] === 0) {
                                k--;
                            }

if (k >= 0 && this.grid[i][k] === this.grid[i][j]) {
                                this.grid[i][k] += this.grid[i][j];
                                this.grid[i][j] = 0;
                                this.score += this.grid[i][k];
                                moved = true;
                            } else if (k + 1 !== j) {
                                this.grid[i][k + 1] = this.grid[i][j];
                                this.grid[i][j] = 0;
                                moved = true;
                            }
                        }
                    }
                }

return moved;
            },

// Move cells up
            moveUp: function() {
                var moved = false;

for (var i = 1; i < 4; i++) {
                    for (var j = 0; j < 4; j++) {
                        if (this.grid[i][j] !== 0) {
                            var k = i - 1;

while (k >= 0 && this.grid[k][j] === 0) {
                                k--;
                            }

if (k >= 0 && this.grid[k][j] === this.grid[i][j]) {
                                this.grid[k][j] += this.grid[i][j];
                                this.grid[i][j] = 0;
                                this.score += this.grid[k][j];
                                moved = true;
                            } else if (k + 1 !== i) {
                                this.grid[k + 1][j] = this.grid[i][j];
                                this.grid[i][j] = 0;
                                moved = true;
                            }
                        }
                    }
                }
                
                return moved;
            },

// Move cells to the right
            moveRight: function() {
                var moved = false;

for (var i = 0; i < 4; i++) {
                    for (var j = 2; j >= 0; j--) {
                        if (this.grid[i][j] !== 0) {
                            var k = j + 1;

while (k < 4 && this.grid[i][k] === 0) {
                                k++;
                            }

if (k < 4 && this.grid[i][k] === this.grid[i][j]) {
                                this.grid[i][k] += this.grid[i][j];
                                this.grid[i][j] = 0;
                                this.score += this.grid[i][k];
                                moved = true;
                            } else if (k - 1 !== j) {
                                this.grid[i][k - 1] = this.grid[i][j];
                                this.grid[i][j] = 0;
                                moved = true;
                            }
                        }
                    }
                }

return moved;
            },

// Move cells down
            moveDown: function() {
                var moved = false;

for (var i = 2; i >= 0; i--) {
                    for (var j = 0; j < 4; j++) {
                        if (this.grid[i][j] !== 0) {
                            var k = i + 1;

while (k < 4 && this.grid[k][j] === 0) {
                                k++;
                            }

if (k < 4 && this.grid[k][j] === this.grid[i][j]) {
                                this.grid[k][j] += this.grid[i][j];
                                this.grid[i][j] = 0;
                                this.score += this.grid[k][j];
                                moved = true;
                            } else if (k - 1 !== i) {
                                this.grid[k - 1][j] = this.grid[i][j];
                                this.grid[i][j] = 0;
                                moved = true;
                            }
                        }
                    }
                }

return moved;
            },

// Start the background music
            startBackgroundMusic: function() {
                var backgroundMusic = document.getElementById("backgroundMusic");
                backgroundMusic.play();
            },

// Stop the background music
            stopBackgroundMusic: function() {
                var backgroundMusic = document.getElementById("backgroundMusic");
                backgroundMusic.pause();
                backgroundMusic.currentTime = 0;
            }
        };

// Initialize the game when the page loads
        window.onload = function() {
            game.init();

// Register the keydown event listener
            document.addEventListener("keydown", function(event) {
                game.handleKeyPress(event);
            });
        };
    </script>
</body>
</html>