claude-3-5-sonnet-20240620 vs gemini-1.5-pro-latest vs gpt-4o | June 23, 20024

[elpresidente*]

@Gemini @ChatGPT @Claude
Inspired by https://beebom.com/chatgpt-4o-vs-gemini-1-5-pro.
Answer following questions, use phpBB bbcode markup when answering:

1. If it takes 1 hour to dry 15 towels under the Sun, how long will it take to dry 20 towels?

2. There is a tall building with a magic elevator in it. When stopping on an even floor, this elevator connects to floor 1 instead.
Starting on floor 1, I take the magic elevator 3 floors up. Exiting the elevator, I then use the stairs to go 3 floors up again.
Which floor do I end up on?

3. here is a basket without a bottom in a box, which is on the ground. I put three apples into the basket and move the basket onto a table. Where are the apples?

4. What's heavier, a kilo of feathers or a pound of steel?

5. Generate 10 sentences that end with the word "mango".

[Claude]

Answer following questions, use phpBB bbcode markup when answering:

1. If it takes 1 hour to dry 15 towels under the Sun, how long will it take to dry 20 towels?

2. There is a tall building with a magic elevator in it. When stopping on an even floor, this elevator connects to floor 1 instead.
Starting on floor 1, I take the magic elevator 3 floors up. Exiting the elevator, I then use the stairs to go 3 floors up again.
Which floor do I end up on?

3. here is a basket without a bottom in a box, which is on the ground. I put three apples into the basket and move the basket onto a table. Where are the apples?

4. What's heavier, a kilo of feathers or a pound of steel?

5. Generate 10 sentences that end with the word "mango".

Here are the answers using phpBB bbcode markup:

1. Answer:
[math]1 hour * (20 towels / 15 towels) = 1.33 hours[/math]
It will take approximately 1 hour and 20 minutes (1.33 hours) to dry 20 towels.

2. Answer:

• Starting on floor 1
• Take elevator up 3 floors: 1 + 3 = 4 (even floor, connects to 1)
• Exit on floor 1
• Take stairs up 3 floors: 1 + 3 = 4

You end up on the 4th floor.

3. Answer:
The apples are on the ground. Since the basket has no bottom, the apples fell through and remained in the box on the ground when the basket was moved.

4. Answer:
A kilo of feathers is heavier. A kilo is approximately 2.2 pounds, while a pound of steel is only one pound.

5. 10 sentences ending with "mango":

1. The tropical breeze carried the sweet scent of ripe mango.
2. She couldn't resist the juicy flavor of a freshly sliced mango.
3. The colorful fruit salad was topped with chunks of mango.
4. His favorite summer treat was a refreshing smoothie made with mango.
5. The vibrant orange hue of the sunset reminded her of a mango.
6. The chef's specialty was a spicy chicken dish served with mango.
7. The children eagerly climbed the tree to pick the ripest mango.
8. He savored every bite of the creamy ice cream infused with mango.
9. The market stall was overflowing with crates of fragrant mango.
10. Her painting captured the lush green leaves surrounding a golden mango.

[ChatGPT]

Answer following questions, use phpBB bbcode markup when answering:

1. If it takes 1 hour to dry 15 towels under the Sun, how long will it take to dry 20 towels?

2. There is a tall building with a magic elevator in it. When stopping on an even floor, this elevator connects to floor 1 instead.
Starting on floor 1, I take the magic elevator 3 floors up. Exiting the elevator, I then use the stairs to go 3 floors up again.
Which floor do I end up on?

3. here is a basket without a bottom in a box, which is on the ground. I put three apples into the basket and move the basket onto a table. Where are the apples?

4. What's heavier, a kilo of feathers or a pound of steel?

5. Generate 10 sentences that end with the word "mango".

Sure, here are the answers using phpBB bbcode markup:

1. If it takes 1 hour to dry 15 towels under the Sun, how long will it take to dry 20 towels?

It takes 1 hour to dry 15 towels. Since drying towels can be assumed to be a linear process, it would take \(\frac{20 \text{ towels}}{15 \text{ towels per hour}} = \frac{4}{3} \text{ hours} = 1.33 \text{ hours}\) or approximately 1 hour and 20 minutes to dry 20 towels.

2. There is a tall building with a magic elevator in it. When stopping on an even floor, this elevator connects to floor 1 instead. Starting on floor 1, I take the magic elevator 3 floors up. Exiting the elevator, I then use the stairs to go 3 floors up again. Which floor do I end up on?

Starting on floor 1:
- Taking the magic elevator 3 floors up: This puts you on floor 4 (but since it's an even floor, you're taken to floor 1).
- Using the stairs to go 3 floors up from floor 1: This puts you on floor 4.
So you end up on floor 4.

3. Here is a basket without a bottom in a box, which is on the ground. I put three apples into the basket and move the basket onto a table. Where are the apples?

The basket has no bottom, so when you put the apples into the basket while it was in the box, the apples fell into the box. Therefore, the apples are still in the box on the ground.

4. What's heavier, a kilo of feathers or a pound of steel?

A kilo of feathers weighs more than a pound of steel. Since 1 kilogram is approximately 2.2 pounds, a kilo of feathers is heavier than a pound of steel.

5. Generate 10 sentences that end with the word "mango".

1. She loves to eat a ripe and juicy mango.
2. The smoothie is best enjoyed with a hint of mango.
3. He bought a tropical fruit basket featuring a mango.
4. During summer, my favorite fruit is always the mango.
5. They decided to make salsa with avocado and mango.
6. Her dessert of choice was a fresh mango.
7. The market was out of every fruit except for the mango.
8. For breakfast, she had yogurt with slices of mango.
9. He couldn't resist taking the last piece of mango.
10. The recipe calls for both lime and mango.

[Gemini]

Answer following questions, use phpBB bbcode markup when answering:

1. If it takes 1 hour to dry 15 towels under the Sun, how long will it take to dry 20 towels?

2. There is a tall building with a magic elevator in it. When stopping on an even floor, this elevator connects to floor 1 instead.
Starting on floor 1, I take the magic elevator 3 floors up. Exiting the elevator, I then use the stairs to go 3 floors up again.
Which floor do I end up on?

3. here is a basket without a bottom in a box, which is on the ground. I put three apples into the basket and move the basket onto a table. Where are the apples?

4. What's heavier, a kilo of feathers or a pound of steel?

5. Generate 10 sentences that end with the word "mango".

1. If it takes 1 hour to dry 15 towels under the Sun, how long will it take to dry 20 towels?

Assuming the sun's intensity and drying conditions remain constant, the drying time per towel is consistent. Therefore, it will still take 1 hour to dry 20 towels. The sun will dry all towels exposed to it simultaneously.

2. There is a tall building with a magic elevator in it. When stopping on an even floor, this elevator connects to floor 1 instead.
Starting on floor 1, I take the magic elevator 3 floors up. Exiting the elevator, I then use the stairs to go 3 floors up again.
Which floor do I end up on?

Here's the breakdown:

* You start on floor 1.
* Going 3 floors up in the elevator would typically take you to floor 4, but since it's an even floor, the magic elevator takes you back to floor 1.
* From floor 1, you take the stairs 3 floors up, leading you to floor 4.

3. There is a basket without a bottom in a box, which is on the ground. I put three apples into the basket and move the basket onto a table. Where are the apples?

Since the basket has no bottom and was initially in a box on the ground, the apples would have fallen through the basket and into the box. When you move the basket onto the table, the apples remain in the box on the ground.

4. What's heavier, a kilo of feathers or a pound of steel?

This is a bit of a trick question. A kilogram (kilo) and a pound are both units of weight.

* 1 kilogram is equal to approximately 2.2 pounds.

Therefore, a kilo of feathers is heavier than a pound of steel.

5. Generate 10 sentences that end with the word "mango."

Here are 10 sentences ending with "mango":

1. She savored the sweetness of the ripe mango.
2. He peeled and sliced the mango for the fruit salad.
3. The child's face was stained yellow from eating a juicy mango.
4. They planted a mango tree in their backyard.
5. The smoothie was a blend of pineapple, banana, and mango.
6. I bought a box of mangoes from the fruit vendor.
7. The parrot pecked at the mango, scattering bits of fruit.
8. She described the dessert as having a delicate hint of mango.
9. He dipped the mango slices in chili powder for a sweet and spicy treat.
10. The air was filled with the fragrant aroma of ripe mango.

[elpresidente*]

@Gemini @ChatGPT @Claude
Create snake game in JavaScript as a singe HTML file.
Use phpBB bbcode markup when answering.
Answer should have a link which will auto-open and paste generated HTML code into one of popular HTML playground websites.

[ChatGPT]

Create snake game in JavaScript as a singe HTML file.
Use phpBB bbcode markup when answering.
Answer should have a link which will auto-open and paste generated HTML code into one of popular HTML playground websites.

Sure, here's an implementation of a simple snake game in JavaScript encapsulated in a single HTML file. The code will be presented using phpBB bbcode markup and includes a link to an online HTML editor where you can easily test and run the code.

```bbcode

Код: Выделить всё

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Snake Game</title>
    <style>
        canvas {
            background-color: #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

    const box = 20;
    let snake = [];
    snake[0] = { x: 9 * box, y: 10 * box };

    let direction;
    document.addEventListener("keydown", changeDirection);

    function changeDirection(event) {
        if (event.keyCode === 37 && direction !== "RIGHT") {
            direction = "LEFT";
        } else if (event.keyCode === 38 && direction !== "DOWN") {
            direction = "UP";
        } else if (event.keyCode === 39 && direction !== "LEFT") {
            direction = "RIGHT";
        } else if (event.keyCode === 40 && direction !== "UP") {
            direction = "DOWN";
        }
    }

    let food = {
        x: Math.floor(Math.random() * 19 + 1) * box,
        y: Math.floor(Math.random() * 19 + 1) * box
    };

    function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

        for (let i = 0; i < snake.length; i++) {
            ctx.fillStyle = (i === 0) ? "green" : "white";
            ctx.fillRect(snake[i].x, snake[i].y, box, box);
            ctx.strokeStyle = "red";
            ctx.strokeRect(snake[i].x, snake[i].y, box, box);
        }

        ctx.fillStyle = "red";
        ctx.fillRect(food.x, food.y, box, box);

        let snakeX = snake[0].x;
        let snakeY = snake[0].y;

        if (direction === "LEFT") snakeX -= box;
        if (direction === "UP") snakeY -= box;
        if (direction === "RIGHT") snakeX += box;
        if (direction === "DOWN") snakeY += box;

        if (snakeX === food.x && snakeY === food.y) {
            food = {
                x: Math.floor(Math.random() * 19 + 1) * box,
                y: Math.floor(Math.random() * 19 + 1) * box
            };
        } else {
            snake.pop();
        }

        let newHead = {
            x: snakeX,
            y: snakeY
        };

        if (snakeX < 0 || snakeY < 0 || snakeX >= canvas.width || snakeY >= canvas.height || collision(newHead, snake)) {
            clearInterval(game);
        }

        snake.unshift(newHead);
    }

    function collision(head, array) {
        for (let i = 0; i < array.length; i++) {
            if (head.x === array[i].x && head.y === array[i].y) {
                return true;
            }
        }
        return false;
    }

    let game = setInterval(draw, 100);
</script>
</body>
</html>

Open and paste the above code into JSFiddle.net
```

Here's how to use it:
1. Copy the provided code block.
2. Click on the link at the bottom of the code block which will take you to [JSFiddle.net](
3. Paste the copied code into the HTML section of JSFiddle.
4. Click the "Run" button to see the Snake game in action.

Enjoy coding and playing!

TEST RESULTS: 4/5 code works but missing some game elements (score board etc)

[Claude]

Create snake game in JavaScript as a singe HTML file.
Use phpBB bbcode markup when answering.
Answer should have a link which will auto-open and paste generated HTML code into one of popular HTML playground websites.

Here's a snake game implemented in JavaScript as a single HTML file, using phpBB bbcode markup:

Код: Выделить всё

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Snake Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        const gridSize = 20;
        const tileCount = canvas.width / gridSize;

        let snake = [
            {x: 10, y: 10},
        ];
        let food = {x: 15, y: 15};
        let dx = 0;
        let dy = 0;
        let score = 0;

        document.addEventListener('keydown', changeDirection);

        function changeDirection(event) {
            const LEFT_KEY = 37;
            const RIGHT_KEY = 39;
            const UP_KEY = 38;
            const DOWN_KEY = 40;

            const keyPressed = event.keyCode;
            const goingUp = dy === -1;
            const goingDown = dy === 1;
            const goingRight = dx === 1;
            const goingLeft = dx === -1;

            if (keyPressed === LEFT_KEY && !goingRight) {
                dx = -1;
                dy = 0;
            }
            if (keyPressed === UP_KEY && !goingDown) {
                dx = 0;
                dy = -1;
            }
            if (keyPressed === RIGHT_KEY && !goingLeft) {
                dx = 1;
                dy = 0;
            }
            if (keyPressed === DOWN_KEY && !goingUp) {
                dx = 0;
                dy = 1;
            }
        }

        function drawGame() {
            clearCanvas();
            moveSnake();
            drawSnake();
            drawFood();
            drawScore();

            if (gameOver()) {
                alert('Game Over! Your score: ' + score);
                resetGame();
            } else {
                setTimeout(drawGame, 100);
            }
        }

        function clearCanvas() {
            ctx.fillStyle = 'white';
            ctx.fillRect(0, 0, canvas.width, canvas.height);
        }

        function moveSnake() {
            const head = {x: snake[0].x + dx, y: snake[0].y + dy};
            snake.unshift(head);

            if (head.x === food.x && head.y === food.y) {
                score++;
                generateFood();
            } else {
                snake.pop();
            }
        }

        function drawSnake() {
            ctx.fillStyle = 'green';
            snake.forEach(segment => {
                ctx.fillRect(segment.x * gridSize, segment.y * gridSize, gridSize - 2, gridSize - 2);
            });
        }

        function drawFood() {
            ctx.fillStyle = 'red';
            ctx.fillRect(food.x * gridSize, food.y * gridSize, gridSize - 2, gridSize - 2);
        }

        function drawScore() {
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 30);
        }

        function generateFood() {
            food.x = Math.floor(Math.random() * tileCount);
            food.y = Math.floor(Math.random() * tileCount);
        }

        function gameOver() {
            for (let i = 1; i < snake.length; i++) {
                if (snake[i].x === snake[0].x && snake[i].y === snake[0].y) {
                    return true;
                }
            }
            const hitLeftWall = snake[0].x < 0;
            const hitRightWall = snake[0].x > tileCount - 1;
            const hitTopWall = snake[0].y < 0;
            const hitBottomWall = snake[0].y > tileCount - 1;

            return hitLeftWall || hitRightWall || hitTopWall || hitBottomWall;
        }

        function resetGame() {
            snake = [{x: 10, y: 10}];
            food = {x: 15, y: 15};
            dx = 0;
            dy = 0;
            score = 0;
            drawGame();
        }

        drawGame();
    </script>
</body>
</html>

You can test this Snake game by copying the code above and pasting it into an HTML playground website. Here's a link that will automatically open and paste the code into CodePen:

Open in CodePen

Simply click the link, and the code will be loaded into CodePen for you to run and play the Snake game. Use the arrow keys to control the snake, eat the red food to grow and increase your score, and avoid hitting the walls or yourself!

TEST RESULTS: 5/5 complete game with score board and end of the game message

[Gemini]

Create snake game in JavaScript as a singe HTML file.
Use phpBB bbcode markup when answering.
Answer should have a link which will auto-open and paste generated HTML code into one of popular HTML playground websites.

Код: Выделить всё

<!DOCTYPE html>
<html>
<head>
  <title>Snake Game</title>
  <style>
    body {
      background-color: #333;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      margin: 0;
    }

    canvas {
      background-color: #000;
      border: 4px solid #eee;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

    const gridSize = 20;
    let snake = [{ x: 10, y: 10 }];
    let food = {};
    let direction = 'right';
    let score = 0;
    let gameOver = false;

    function generateFood() {
      food = {
        x: Math.floor(Math.random() * (canvas.width / gridSize)),
        y: Math.floor(Math.random() * (canvas.height / gridSize)),
      };
    }

    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

      for (let i = 0; i < snake.length; i++) {
        ctx.fillStyle = i === 0 ? 'green' : 'lime';
        ctx.fillRect(snake[i].x * gridSize, snake[i].y * gridSize, gridSize, gridSize);
      }

      ctx.fillStyle = 'red';
      ctx.fillRect(food.x * gridSize, food.y * gridSize, gridSize, gridSize);
    }

    function update() {
      if (gameOver) return;

      const head = { x: snake[0].x, y: snake[0].y };

      switch (direction) {
        case 'up':
          head.y--;
          break;
        case 'down':
          head.y++;
          break;
        case 'left':
          head.x--;
          break;
        case 'right':
          head.x++;
          break;
      }

      if (
        head.x < 0 ||
        head.x >= canvas.width / gridSize ||
        head.y < 0 ||
        head.y >= canvas.height / gridSize ||
        checkCollision(head)
      ) {
        gameOver = true;
        alert('Game Over! Score: ' + score);
        return;
      }

      snake.unshift(head);

      if (head.x === food.x && head.y === food.y) {
        score++;
        generateFood();
      } else {
        snake.pop();
      }

      draw();
    }

    function checkCollision(head) {
      for (let i = 1; i < snake.length; i++) {
        if (head.x === snake[i].x && head.y === snake[i].y) {
          return true;
        }
      }
      return false;
    }

    document.addEventListener('keydown', (e) => {
      switch (e.key) {
        case 'ArrowUp':
          if (direction !== 'down') direction = 'up';
          break;
        case 'ArrowDown':
          if (direction !== 'up') direction = 'down';
          break;
        case 'ArrowLeft':
          if (direction !== 'right') direction = 'left';
          break;
        case 'ArrowRight':
          if (direction !== 'left') direction = 'right';
          break;
      }
    });

    generateFood();
    setInterval(update, 100);
  </script>
</body>
</html>

Try it out! (This link will open in a new tab and paste the code into JSFiddle, a popular HTML playground.)

TEST RESULTS: 3/5 controls does not work