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

No:1311

133

←

Prev Next

→

A game that challenges you to see how big a nose j..ALL
Developer User3302｜Date and time 23/6/18 10:52:59
Build time 29.885 sec｜Game capacity 3.486KB｜

Script

鼻クソゲーム

画面をタップして大きな鼻クソを取ろう！

←

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">
    <title>鼻クソゲーム</title>
    <style>
      canvas { width: 100%; }
    </style>
  </head>
  <body>
    <center><h1>鼻クソゲーム</h1></center>
    <center><p>画面をタップして大きな鼻クソを取ろう！</p></center>
    <canvas id="game" width="320" height="480"></canvas>

// ゲームの変数
      let score = 0;  // 取った鼻クソの数
      let highScore = 0;  // ハイスコア
      let isPlaying = false;  // ゲーム中かどうか
      let noseWidth = 30;  // 鼻クソの大きさ
      let maxNoseWidth = 100;  // 鼻クソの最大の大きさ
      let noseX = canvas.width/2;  // 鼻クソのX座標
      let noseY = canvas.height/2;  // 鼻クソのY座標
      const noseColor = 'yellow';  // 鼻クソの色
      const bgColor = 'gray';  // 背景の色
      const scoreColor = 'white';  // スコアの色
      const highScoreColor = 'lightgreen';  // ハイスコアの色

// ゲームの開始
      function startGame() {
        if (isPlaying) return;
        isPlaying = true;
        score = 0;
        noseWidth = 30;
        noseX = canvas.width/2;
        noseY = canvas.height/2;
        draw();
        canvas.addEventListener('click', clickHandler);
      }

// ゲームの終了
      function endGame() {
        isPlaying = false;
        canvas.removeEventListener('click', clickHandler);
        if (score > highScore) highScore = score;
        draw();
      }

// 画面をクリックしたときの処理
      function clickHandler(event) {
        if (!isPlaying) return;
        const x = event.clientX - canvas.offsetLeft;
        const y = event.clientY - canvas.offsetTop;
        if (Math.sqrt((x-noseX)**2 + (y-noseY)**2) < noseWidth/2) {
          score++;
          if (noseWidth < maxNoseWidth) noseWidth += 10;
          noseX = Math.random() * (canvas.width - noseWidth) + noseWidth/2;
          noseY = Math.random() * (canvas.height - noseWidth) + noseWidth/2;
        } else {
          endGame();
        }
        draw();
      }

// 画面を描画する
      function draw() {
        // 背景を描画
        ctx.fillStyle = bgColor;
        ctx.fillRect(0, 0, canvas.width, canvas.height);

// 鼻クソを描画
        ctx.fillStyle = noseColor;
        ctx.beginPath();
        ctx.arc(noseX, noseY, noseWidth/2, 0, 2*Math.PI);
        ctx.fill();

if (isPlaying) {
          // スコアを描画
          ctx.fillStyle = scoreColor;
          ctx.font = '30px serif';
          ctx.fillText('スコア：'+score, 10, 40);

// ハイスコアを描画
          ctx.fillStyle = highScoreColor;
          ctx.fillText('ハイスコア：'+highScore, 10, 80);
        } else {
          // ゲームオーバー画面を描画
          ctx.fillStyle = scoreColor;
          ctx.font = '50px serif';
          ctx.fillText('ゲームオーバー', 40, canvas.height/3);
          ctx.font = '30px serif';
          ctx.fillText('スコア：'+score, 60, canvas.height/2);
          ctx.fillText('ハイスコア：'+highScore, 60, canvas.height/2+40);
          ctx.fillText('画面を再度タップしてスタート！', 20, canvas.height*2/3);
        }
      }

// ゲームを開始
      startGame();
    </script>
  </body>
</html>