#GPT-4 Conversation #1095198219954311258

1 messages · Page 1 of 1 (latest)

burnt sentinelBOT
carmine crow
#

make html code that makes an endless dog

burnt sentinelBOT
# carmine crow make html code that makes an endless dog

Creating an HTML code that generates an endlessly repeating image of a dog is quite straightforward. Here's a simple example for you using an animated GIF. Please note that you can replace the example image source (src) with a URL pointing to the dog image of your choice:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style>
    body {
      margin: 0;
      overflow: hidden;
      background-color: #fff;
    }

    #endless-dog {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("https://media.giphy.com/media/5xtDarzp5at2qwSTYoo/giphy.gif");
      background-repeat: repeat;
      background-size: cover;
      background-position: center;
    }
  </style>
</head>
<body>
  <div id="endless-dog"></div>
</body>
</html>

This code will display an endless dog animation tiled across the entire screen. If you want to use a different dog image, just replace the image URL (https://media.giphy.com/media/5xtDarzp5at2qwSTYoo/giphy.gif) with the URL of your desired dog image.

Giphy
Jerology
carmine crow
#

how about code for a working game of tic tac toe

burnt sentinelBOT
# carmine crow how about code for a working game of tic tac toe

Here is a simple implementation of Tic Tac Toe using HTML, CSS, and JavaScript:

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tic Tac Toe</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>Tic Tac Toe</h1>
  <div id="game">
    <div class="row">
      <button class="cell" onclick="makeMove(0)"></button>
      <button class="cell" onclick="makeMove(1)"></button>
      <button class="cell" onclick="makeMove(2)"></button>
    </div>
    <div class="row">
      <button class="cell" onclick="makeMove(3)"></button>
      <button class="cell" onclick="makeMove(4)"></button>
      <button class="cell" onclick="makeMove(5)"></button>
    </div>
    <div class="row">
      <button class="cell" onclick="makeMove(6)"></button>
      <button class="cell" onclick="makeMove(7)"></button>
      <button class="cell" onclick="makeMove(8)"></button>
    </div>
  </div>
  <script src="scripts.js"></script>
</body>
</html>

CSS (styles.css):

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
  background-color: #f0f0f0;
  font-family: Arial, sans-serif;
}

h1 {
  text-align: center;
}

#game {
  display: inline-block;
}

.row {
  display: flex;
}

.cell {
  background-color: #fff;
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  cursor: pointer;
  outline: none;
  font-size: 2rem;
  font-weight: bold;
}

.cell:focus {
  background-color: #e0e0e0;
}

JavaScript (scripts.js):

const cells = document.querySelectorAll('.cell');
let currentPlayer = 'X';
let board = ['', '', '', '', '', '', '', '', ''];
let isGameOver = false;

function makeMove(position) {
  if (board[position] === '' && !isGameOver) {
    board[position] = currentPlayer;
    cells[position].textContent = currentPlayer;
    checkForWinner();
    currentPlayer = currentPlayer === 'X'
#

? 'O' : 'X';
}
}

function checkForWinner() {
const winningCombinations = [
[0, 1, 2],
[3, 4, 5],
[6, 7, 8],
[0, 3, 6],
[1, 4, 7],
[2, 5, 8],
[0, 4, 8],
[2, 4, 6],
];

for (let combination of winningCombinations) {
const [a, b, c] = combination;
if (board[a] && board[a] === board[b] && board[b] === board[c]) {
gameOver(board[a]);
return;
}
}

if (!board.includes('')) {
gameOver('Tie');
return;
}
}

function gameOver(winner) {
if (winner === 'Tie') {
alert(It's a Tie!);
} else {
alert(${winner} wins!);
}
isGameOver = true;
}


Create a new HTML file and paste the HTML code. Then, create a new CSS file named "styles.css" and paste the CSS code. Lastly, create a new JavaScript file named "scripts.js" and paste the JavaScript code. Place all three files in the same folder and open the HTML file in your web browser to play the game.
#

This ChatGPT conversation has restarted. Reply in this thread to start the conversation.

carmine crow
#

write code for a p5.js file of a square rolling through the forest