make a 3-D game that you walk on a walkway and in The game there will be coins on the walkway and you have to try to get them to get prizes's game

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

No:24760

←

Prev Next

→

make a 3-D game that you walk on a walkway and in ..ALL
Developer User11847｜Date and time 23/11/12 1:32:42
Build time 76.533 sec｜Game capacity 2.849KB｜

Script

Sure, here's an example of a simple 3D game in which you walk on a walkway and collect coins to win prizes. The game can be played on a smartphone.

Score: 0

To play the game, simply copy the above code into an HTML file and open it in a web browser on your smartphone. The game will display a walkway with coins on it. By tapping on the coins, you collect them and increase your score. Once you collect 10 coins, the prize message "You win!" will appear. The walkway will continuously rotate to create a 3D effect.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure, here's an example of a simple 3D game in which you walk on a walkway and collect coins to win prizes. The game can be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
  <title>3D Coin Collector Game</title>
  <style>
    #container {
      perspective: 800px;
      width: 100%;
      height: 100vh;
      overflow-x: hidden;
      overflow-y: scroll;
    }

#walkway {
      width: 100%;
      height: 100vh;
      position: relative;
      transform-style: preserve-3d;
      animation: rotateWalkway 20s linear infinite;
    }

@keyframes rotateWalkway {
      0% {
        transform: rotateX(0deg) translateZ(0px);
      }
      100% {
        transform: rotateX(360deg) translateZ(0px);
      }
    }

.coin {
      position: absolute;
      bottom: 10px;
      width: 20px;
      height: 20px;
      background-color: gold;
      border-radius: 50%;
      transform-style: preserve-3d;
      animation: rotateCoin 2s linear infinite;
    }

@keyframes rotateCoin {
      0% {
        transform: rotateY(0deg);
      }
      100% {
        transform: rotateY(360deg);
      }
    }

#scoreboard {
      position: fixed;
      top: 10px;
      right: 10px;
      color: white;
      font-size: 24px;
    }

#prize {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 48px;
    }
  </style>
</head>

<body>
  <div id="container">
    <div id="walkway">
      <div id="scoreboard">Score: <span id="score">0</span></div>
    </div>
  </div>
  <div id="prize"></div>

function createCoin() {
      var coin = document.createElement('div');
      coin.className = 'coin';
      coin.style.left = Math.random() * 90 + 5 + '%';
      coin.style.transform = 'translateZ(' + Math.random() * -100 + 800 + 'px) rotateY(' + Math.random() * 360 + 'deg)';
      walkway.appendChild(coin);

coin.addEventListener('click', function() {
        walkway.removeChild(coin);
        score++;
        scoreboard.textContent = score;

if (score === 10) {
          prize.textContent = 'You win!';
        }
      });
    }

for (var i = 0; i < 20; i++) {
      createCoin();
    }
  </script>
</body>
</html>
```