Автор оригинала: Emre Sakarya.
Обо мне
Прошло более 20 лет, что я пробую вещи в программном обеспечении, особенно в области веб-разработки. Я разработал много инструментов и плагинов, используя JavaScript для браузеров, а также модули NODEJS.
Почему игра в память?
Я хотел бы попробовать веб-компоненты, но я также хотел бы сделать то, что многие люди могут легко реализовать свои веб-страницы или их веб-приложения. Игра памяти – это классическая игра, может быть, все они любят играть в нее. Но это также полностью функциональный тестовый случай, чтобы попробовать веб-компоненты.
Я давно следую по новостям о WebComponents. Инкапсулированное поведение WebComponents на самом деле сказочно. Независимое, развязанное развитие и упрощение реализации являются наиболее привлекательными ключевыми словами о веб-компонентах. Поскольку он все еще не поддерживается во многих браузерах, у меня не было возможности использовать их в реальных проектах. Существует множество рамки, облегчает разработки WebComponents легко и содержит необходимые полифилки, поэтому охват браузера очень высок.
Игра памяти должна быть,
– родной: Без каких-либо структуры или полифилл, – автономный Подается на публичном CDN. Кто когда-либо хотелось бы разместить эту игру в своей веб-странице, Juts надо разместить 2 строки кода. – Независимая платформа: Также можно включить в веб-приложения, разработанные с Cordova и т. Д.
Насколько настраивается игра памяти?
- Используйте свои собственные изображения: определите пользовательский сервер изображения. Просто вил мой другой проект с открытым исходным кодом Image-Server
- Много языки: простой набор
Лэнгатрибут элемента. - Set Maxios: Set
Матрицаатрибут мин. 2×2 до MAX 10×10 - Полный экран: установить
Видатрибут для запуска в полноэкранный режим
Tech Stack
Простой проект WebPack с одной точкой входа. Чистый JavaScript скомпилирован с Вавилом.
Процесс строительной памяти игры
Хотите использовать в вашей веб-странице, <Мини-память> и ссылка библиотеки мини-памяти из CDN Отказ Это пакет NPM, который можно просто включить в свои собственные сборки. NPM -I мини-память --save
Советы и советы
Попробуй это на себя: Живая демонстрация: https://www.emresakarya.com/mini-memory/
Портить
git clone https://github.com/softberry/memory-game.git
NPM
npm i mini-memory --save
WebComponents.org: https://www.webcomponents.org/element/mini-memory.
Окончательные мысли и следующие шаги
Я хотел бы продлить эту игру, чтобы она доступен больше людей, добавив больше настроек и дополнительных полификров. Я был бы очень рад услышать ваши комментарии или предложения о том, как сделать его веселее.