Гра “Головоломка із зображенням” за допомогою HTML, CSS і JavaScript (безкоштовний джерельний код)

текст перекладу
Гра Puzzle із зображенням за допомогою HTML, CSS і JavaScript є дуже цікавою і хорошим способом навчити гравців використовувати свій мозок для вирішення проблем.

Джерело коду: Puzzle із зображенням

pic

Це простий спосіб практикуватися і веселий метод для розширення вашого розуміння програмування. Що стосується гри, ви хочете побачити її джерельний код — я надам вам джерельний код безкоштовно, але я напишу його з коментарями для кращої читаності і використовуючи найкращі практики програмування, що означає, що код буде повторно використовуваний.

GitHub Source: Picture Puzzle Game

Особливості

  • Адаптивний дизайн: Як ви бачите, це гра, яка змінюватиметься в залежності від розміру екрану.
  • Завантаження зображень: Користувачі можуть завантажувати свої зображення, щоб використовувати їх при створенні головоломок.
  • Таймер і лічильник ходів: Записує загальний час, який витратив користувач, та кількість ходів.
  • Легкий варіант скидання: Я думаю, що користувачі можуть продовжити гру в будь-який час.

Використані технології

  • HTML (Мова розмітки гіпертексту)
  • CSS (Каскадні таблиці стилів)
  • JS (JavaScript)

Перекладено з: Picture Puzzle Game Using HTML, CSS, and JavaScript (Free Source Code)

Leave a Reply

Your email address will not be published. Required fields are marked *