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

No:6460

207

←

Prev Next

→

pachinko with feathers
Developer User3884｜Date and time 23/7/2 13:57:25
Build time 27.587 sec｜Game capacity 2.613KB｜

Script

了解しました。羽根モノパチンコのゲームを作成します。

羽根モノパチンコ

このHTMLファイルをブラウザで開くと、羽根モノパチンコのゲームが遊べます。ボタンをクリックするとボールが発射され、ペグに当たるとペグが動き、ボールが特定の位置に止まった時に当たり判定が行われます。当たりの判定位置は200pxから220pxの間です。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解しました。羽根モノパチンコのゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>羽根モノパチンコ</title>
  <style>
    #board {
      width: 400px;
      height: 600px;
      background-color: #88ccff;
      margin: 0 auto;
      position: relative;
    }
    .peg {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: white;
      position: absolute;
    }
    #ball {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: yellow;
      position: absolute;
      bottom: 0;
      left: 180px;
    }
  </style>
</head>
<body>
  <h1>羽根モノパチンコ</h1>
  <div id="board">
    <div id="peg1" class="peg" style="left: 30px; top: 100px;"></div>
    <div id="peg2" class="peg" style="left: 130px; top: 100px;"></div>
    <div id="peg3" class="peg" style="left: 230px; top: 100px;"></div>
    <div id="peg4" class="peg" style="left: 330px; top: 100px;"></div>
  </div>
  <button id="launchButton">ボールを発射！</button>