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

No:19971

78

Game creator
Developer User8892｜Date and time 23/10/7 16:08:09
Build time 32.459 sec｜Game capacity 5.231KB｜

Конечно, вот пример простой игры в виде одного HTML файла:

Игра "Ловец фруктов"

Счёт: 0

В этой игре вы будете контролировать корзину, которая должна ловить падающие фрукты. Фрукты будут появляться сверху и падать вниз. Если фрукт пересечет корзину, то ваш счет увеличится на 10 очков. Устройство наклона (accelerometer) используется для управления движением корзины. Просто сохраните этот код в файле с расширением HTML, откройте его в веб-браузере на вашем телефоне и вы сможете играть в эту простую игру. Убедитесь, что у вас есть изображения `emozi_all/basket.png`, `emozi_all/apple.png`, `emozi_all/banana.png` и `emozi_bear.png`, которые будут использоваться в игре (расположите их в той же папке, где находится HTML файл).

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Конечно, вот пример простой игры в виде одного HTML файла:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Игра "Ловец фруктов"</title>
  <style>
    body {
      background-color: #F0F0F0;
      text-align: center;
    }

#game {
      width: 300px;
      height: 400px;
      position: relative;
      margin: 20px auto;
      border: 2px solid #000;
      background-color: #FFF;
      overflow: hidden;
    }

#basket {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      background-image: url('basket.png');
      background-size: cover;
    }

.fruit {
      width: 30px;
      height: 30px;
      position: absolute;
      top: -30px;
      background-size: cover;
    }

#apple {
      background-image: url('apple.png');
    }

#banana {
      background-image: url('banana.png');
    }

#orange {
      background-image: url('orange.png');
    }

#score {
      font-size: 18px;
    }
  </style>
</head>
<body>
  <h1>Игра "Ловец фруктов"</h1>
  <div id="game">
    <div id="basket"></div>
  </div>
  <div id="score">Счёт: 0</div>

<script>
    // Создание элемента с фруктами и его падение
    function createFruit() {
      const fruits = ['apple', 'banana', 'orange'];
      const randomFruit = fruits[Math.floor(Math.random() * fruits.length)];
      const fruit = document.createElement('div');
      fruit.classList.add('fruit');
      fruit.id = randomFruit;
      fruit.style.left = Math.random() * 220 + 'px';
      document.getElementById('game').appendChild(fruit);

const speed = Math.random() * 2 + 1; // Скорость падения фрукта
      let fruitTimer = setInterval(() => {
        const topPosition = fruit.offsetTop;
        fruit.style.top = topPosition + speed + 'px';

if (topPosition > 400) {
          clearInterval(fruitTimer);
          document.getElementById('game').removeChild(fruit);
        }
      }, 10);
    }

// Проверка пересечения фрукта и корзины
    function checkCollision() {
      const basket = document.getElementById('basket');
      const fruitElements = document.getElementsByClassName('fruit');

for (let i = 0; i < fruitElements.length; i++) {
        const fruit = fruitElements[i];
        const fruitLeft = fruit.offsetLeft;
        const fruitRight = fruit.offsetLeft + fruit.offsetWidth;
        const fruitTop = fruit.offsetTop + fruit.offsetHeight;
        const basketLeft = basket.offsetLeft;
        const basketRight = basket.offsetLeft + basket.offsetWidth;

if (fruitTop > 360 && fruitLeft > basketLeft && fruitRight < basketRight) {
          document.getElementById('game').removeChild(fruit);
          increaseScore(10);
        }
      }
    }

// Увеличение счета
    function increaseScore(points) {
      const score = parseInt(document.getElementById('score').innerText.split(': ')[1]);
      document.getElementById('score').innerText = 'Счёт: ' + (score + points);
    }

// Старт игры
    function startGame() {
      setInterval(() => {
        createFruit();
        checkCollision();
      }, 1000);
    }

// Обработчик движения корзины
    window.addEventListener('deviceorientation', handleDeviceOrientation);

function handleDeviceOrientation(event) {
      const basket = document.getElementById('basket');
      const turn = event.gamma * 2;  // Множитель для усиления скорости
      let leftPosition = basket.offsetLeft + turn;

if (leftPosition < 10) {  // Проверка достижения левой границы игрового поля
        leftPosition = 10;
      } else if (leftPosition > 240) {  // Проверка достижения правой границы игрового поля
        leftPosition = 240;
      }

basket.style.left = leftPosition + 'px';
    }

// Запуск игры
    startGame();
  </script>
</body>
</html>
```

В этой игре вы будете контролировать корзину, которая должна ловить падающие фрукты. Фрукты будут появляться сверху и падать вниз. Если фрукт пересечет корзину, то ваш счет увеличится на 10 очков. Устройство наклона (accelerometer) используется для управления движением корзины.

Просто сохраните этот код в файле с расширением HTML, откройте его в веб-браузере на вашем телефоне и вы сможете играть в эту простую игру. Убедитесь, что у вас есть изображения `basket.png`, `apple.png`, `banana.png` и `orange.png`, которые будут использоваться в игре (расположите их в той же папке, где находится HTML файл).