Vegetable Wine! Dont let the wine beat you! Compete for market share!'s game

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

No:4777

1220

←

Prev Next

→

Vegetable Wine! Dont let the wine beat you! Compet..ALL
Developer User3589｜Date and time 23/6/28 20:04:54
Build time 52.614 sec｜Game capacity 5.908KB｜

Script

了解しました！以下に、スマホで遊べる簡単なゲームの例を示します。

このコードは、スワイプによってプレイヤーを移動させて、ワインに到達するゲームです。ゲームフィールドは5x5のマスで構成されており、プレイヤーは🍺の絵文字、ワインは🍷の絵文字で表示されます。プレイヤーがワインに到達すると、「ワインGET！」と表示されます。ただし、スワイプ操作が正常に検知できない場合や、絵文字が正しく表示されない場合があるかもしれませんので、ご了承ください。また、このコードはあくまで簡単な例ですので、他の機能やエラーハンドリングなどは省略しています。

←

Prev　Next

→ 　

Back　

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

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

了解しました！以下に、スマホで遊べる簡単なゲームの例を示します。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>野菜酒！</title>
    <script>
      // スマホでの操作を検出する関数
      function detectSwipe(el, callback){
        const swipe_det = {
          sX: 0,
          sY: 0,
          eX: 0,
          eY: 0
        };
        let min_x = 30;  // 横方向の最小スワイプ距離
        let max_y = 40;  // 縦方向の最大スワイプ距離
        let dir = '';
      
        el.addEventListener('touchstart', function(e){
          const t = e.touches[0];
          swipe_det.sX = t.screenX; 
          swipe_det.sY = t.screenY;
        }, false);
      
        el.addEventListener('touchmove', function(e){
          e.preventDefault();
          const t = e.touches[0];
          swip_det.eX = t.screenX; 
          swip_det.eY = t.screenY;   
        }, false);
      
        el.addEventListener('touchend', function(e){
          // 横方向のスワイプ距離が十分であれば左右の方向を判定
          if (swipe_det.eX > swipe_det.sX + min_x){
            dir = 'right';
          }
          else if (swipe_det.eX < swipe_det.sX - min_x){
            dir = 'left';
          }
          
          // 縦方向のスワイプ距離が十分であれば上下の方向を判定
          if (swipe_det.eY < swipe_det.sY - max_y){
            dir = 'up';
          }
          else if (swipe_det.eY > swipe_det.sY + max_y){
            dir = 'down';
          }
          
          if (dir !== ''){
            if (typeof callback === 'function'){
              callback(dir);
            }
          }
          dir = '';
        }, false);
      }
      
      // ゲームのメイン処理
      function startGame(){
        // ゲーム用フィールドの大きさ
        const fieldSize = 5;
      
        // プレイヤーの現在位置
        let playerPos = {
          x: Math.floor(fieldSize / 2),
          y: Math.floor(fieldSize / 2)
        };
      
        // ワインの位置
        let winePos = {
          x: Math.floor(Math.random() * fieldSize),
          y: Math.floor(Math.random() * fieldSize)
        };
      
        // ゲームフィールドの作成
        function createField(){
          const field = document.getElementById('field');
          for (let y = 0; y < fieldSize; y++){
            for (let x = 0; x < fieldSize; x++){
              const cell = document.createElement('div');
              cell.className = 'cell';
              cell.id = `cell-${x}-${y}`;
              field.appendChild(cell);
              if (x === playerPos.x && y === playerPos.y){
                cell.textContent = '🍺';
              }
              else if (x === winePos.x && y === winePos.y){
                cell.textContent = '🍷';
              }
            }
          }
        }
      
        // プレイヤーの移動
        function movePlayer(dir){
          // 移動前の位置を取得
          const oldPos = {...playerPos};
      
          // 移動方向に応じて座標を更新
          if (dir === 'up' && playerPos.y > 0){
            playerPos.y--;
          }
          else if (dir === 'down' && playerPos.y < fieldSize - 1){
            playerPos.y++;
          }
          else if (dir === 'left' && playerPos.x > 0){
            playerPos.x--;
          }
          else if (dir === 'right' && playerPos.x < fieldSize - 1){
            playerPos.x++;
          }
      
          // 移動後の位置を取得
          const newPos = {...playerPos};
      
          // プレイヤーの位置を更新
          document.getElementById(`cell-${oldPos.x}-${oldPos.y}`).textContent = '';
          document.getElementById(`cell-${newPos.x}-${newPos.y}`).textContent = '🍺';
      
          // ワインとの衝突判定
          if (newPos.x === winePos.x && newPos.y === winePos.y){
            // プレイヤーがワインに到達した場合
            document.getElementById('result').textContent = 'ワインGET！';
            document.removeEventListener('swipe', movePlayer);
          }
          else{
            // プレイヤーがワインに到達していない場合
            document.getElementById('result').textContent = '';
          }
        }
      
        // ゲーム埋め込み時の初期化
        function init(){
          // ゲームフィールドを作成
          createField();
      
          // スワイプ操作を検出してプレイヤーを移動
          detectSwipe(document, movePlayer);
        }
      
        init();
      }
    </script>
    <style>
      #field {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        text-align: center;
      }
      
      .cell {
        background-color: lightgray;
        padding: 20px;
        font-size: 40px;
      }
    </style>
  </head>
  <body>
    <div id="field"></div>
    <div id="result"></div>
    <script>
      // ゲームの開始
      startGame();
    </script>
  </body>
</html>
```

このコードは、スワイプによってプレイヤーを移動させて、ワインに到達するゲームです。ゲームフィールドは5x5のマスで構成されており、プレイヤーは🍺の絵文字、ワインは🍷の絵文字で表示されます。プレイヤーがワインに到達すると、「ワインGET！」と表示されます。

ただし、スワイプ操作が正常に検知できない場合や、絵文字が正しく表示されない場合があるかもしれませんので、ご了承ください。また、このコードはあくまで簡単な例ですので、他の機能やエラーハンドリングなどは省略しています。