Car Dismantling! Dismantle other peoples cars without their permission! Dismantle expensive cars and aim for a high score!'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Car Dismantling! Dismantle other peoples cars without their permission! Dismantle expensive cars and aim for a high score!'s game | AI game creator

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

No:3887

3250

←

Prev Next

→

Car Dismantling! Dismantle other peoples cars with..ALL
Developer User3589｜Date and time 23/6/26 22:02:36
Build time 20.351 sec｜Game capacity 1.916KB｜

Script

はい、了解しました。以下が実際のプログラムになります。画面をタップすることで車を解体し、高いスコアを目指すゲームです。

SCORE: 0

画像は車の絵文字を使用しており、スコアは画面右上に表示されます。また、ランダムにスコアが加算されるようになっています。ご確認ください。

←

Prev　Next

→ 　

Back　

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

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

はい、了解しました。

以下が実際のプログラムになります。画面をタップすることで車を解体し、高いスコアを目指すゲームです。

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>車の解体！</title>
      <style>
         body {
            margin: 0;
            padding: 0;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f1f3f5;
         }
         #car {
            width: 200px;
            height: 200px;
            background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/racing-car_1f3ce.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
         }
         #score-board {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 24px;
            font-weight: bold;
         }
      </style>
   </head>
   <body>
      <div id="car"></div>
      <div id="score-board">SCORE: 0</div>
      <script>
         let score = 0;
         let car = document.getElementById('car');
         let scoreBoard = document.getElementById('score-board');

function handleClick() {
            car.style.backgroundImage = "none";
            score += Math.floor(Math.random() * 1000) + 1;
            scoreBoard.innerText = "SCORE: " + score;
         }

car.addEventListener('click', handleClick);
      </script>
   </body>
</html>