Вручную Скачайте файл index.js и подключите его в вашем HTML-проекте.

📚 Использование

1. Подключение через script (проще всего) html

<script src="path/to/index.js"></script>
<script>
    MoveBall('game', {
        width: 600,
        height: 400,
        radius: 25,
        color: 'blue',
        step: 15
    });
</script>

MoveBall('container', { width: 500, height: 500, radius: 30, color: 'green', step: 12 }); 3. Минимальный пример (всё по умолчанию) html

Параметр Тип По умолчанию Описание width number 500 Ширина canvas (px) height number 400 Высота canvas (px) radius number 20 Радиус шарика (px) color string 'red' Цвет шарика (любой CSS-цвет) step number 10 Количество пикселей за одно нажатие клавиши startX number 250 Начальная X-координата шарика startY number 200 Начальная Y-координата шарика borderColor string 'black' Цвет рамки canvas 🎮 Управление Клавиша Действие ↑ (Стрелка вверх) Движение вверх ↓ (Стрелка вниз) Движение вниз ← (Стрелка влево) Движение влево → (Стрелка вправо) Движение вправо Шарик не может выйти за границы canvas.

🧩 Возвращаемое значение Функция MoveBall() возвращает объект с методом destroy():

javascript const game = MoveBall('game');

// Удалить canvas и остановить анимацию game.destroy(); 🖼️ Пример с разными настройками html

📁 Структура проекта text move-ball/ ├── index.js # Основной файл библиотеки ├── package.json # Конфигурация npm-пакета ├── README.md # Документация ├── LICENSE # Лицензия MIT └── demo.html # Демонстрационный файл 📄 Лицензия MIT License. Свободно используйте, изменяйте и распространяйте.

👤 Автор Ваше Имя GitHub:https://www.npmjs.com/package/move-ball-by-xiaohanrui

⭐ Пример использования в реальном проекте html

2. Можно ли использовать несколько шариков на одной странице? Да. Каждый вызов MoveBall() с разным containerId создаёт независимый шарик.

3. Работает ли на мобильных устройствах? Нет, библиотека предназначена для управления с клавиатуры (ПК).

4. Есть ли зависимость от jQuery или других библиотек? Нет, это чистый JavaScript без зависимостей.

🛠️ Разработка и сборка bash

Клонирование репозитория

git clone https://www.npmjs.com/package/move-ball-by-xiaohanrui

Установка зависимостей (если нужны)

npm install

Запуск демо

open demo.html