AI game creator

徳川家康5 ニコニコ
りゆうき

😂

position: relative; width: 400px; height: 800px; margin: 0 auto; background-color: #C5C5C5; border: 1px solid black; overflow: hidden;3 } #player { position: absolute; top: 425px; left: 200px; font-size: 520px; } .emoji { font-size: 320px; }

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>徳川家康5 ニコニコ<br>りゆうき</p><!DOCTYPE html>
<html>
<head>
  <title>OMORI-ホワイトスペース</title>
  <style>
    #gameContainer {
      position: relative;
      width: 400px;
      height: 200px;
      margin: 0 auto;
      background-color: #C5C5C5;
      border: 1px solid black;
      overflow: hidden;
    }
    #player {
      position: absolute;
      top: 425px;
      left: 800px;
      font-size: 20px;
    }
    .emoji {
      font-size: 20px;
    }
  </style>
</head>
<body>
  <div id="gameContainer">
    <div id="player">😂</div>
    <div id="door" class="emoji" style="position: absolute; top: 300px; left: 175px; ">1</div>
    <div id="cat" class="emoji" style="position: absolute; top: 500px; left: 175px;">3</div>
    <div id="computer" class="emoji" style="position: absolute; top: 400px; left: 200px;">2</div>
    <div id="notebook" class="emoji" style="position: absolute; top: 400px; left: 250px;"6</div>
    <div id="bulb" class="emoji" style="position: absolute; top: 350px; left: 225px;">4</div>
    <div id="tissue" class="emoji" style="position: absolute; top: 450px; left: 250px;">5</div>
  </div>

function movePlayer(deltaX, deltaY) {
      const newX = playerX + deltaX;
      const newY = playerY + deltaY;

if (isValidMove(newX, newY)) {
        player.style.left = newX + 'px';
        player.style.top = newY + 'px';
        playerX = newX;
        playerY = newY;
        checkCollisions();
      }
    }

function isValidMove(x, y) {
      return (x >= 175 && x <= 250 && y >= 300 && y <= 500);
    }

function checkCollisions() {
      const door = document.getElementById('door');
      const cat = document.getElementById('cat');
      const computer = document.getElementById('computer');
      const notebook = document.getElementById('notebook');
      const bulb = document.getElementById('bulb');
      const tissue = document.getElementById('tissue');

if (playerX === 200 && playerY === 400) {
        alert('ノートパソコン');
      } else if (playerX === 250 && playerY === 400) {
        alert('あなたのスケッチブック');
      } else if (playerX === 225 && playerY === 350) {
        alert('真っ黒だ。');
      } else if (playerX === 250 && playerY === 450) {
        alert('笑い');
      } else if (playerX === 175 && playerY === 300) {
        alert('白い扉がかすかな影を落としている。');
      } else if (playerX === 175 && playerY === 500) 
    
  </script>
</body>
</html>

position: relative;
      width: 400px;
      height: 800px;
      margin: 0 auto;
      background-color: #C5C5C5;
      border: 1px solid black;
      overflow: hidden;3 }
    #player {
      position: absolute;
      top: 425px;
      left: 200px;
      font-size: 520px; }
    .emoji {
      font-size: 320px; }