Codewords

Кодовые слова: многопользовательская настольная игра в реальном времени в Интернете.

Я большой поклонник настольных игр и коллекционер. Кроме того, я UX-дизайнер и гейм-дизайнер. Я уже некоторое время думал, что смогу совместить эти вещи в создании цифровых настольных игр.

Моя идея заключалась в том, что я мог бы сделать большой экран (как монитор компьютера или, что еще лучше, телевизор в гостиной) работать как общую доску, доступную всем игрокам, и использовать мобильные телефоны игроков в качестве частей и метода игры. взаимодействие.

Как я уже сказал, я люблю настольные игры и мне нравится социальное взаимодействие, которое они позволяют. Мне также нравится их физическая составляющая. Но я понимаю, что в любом доме они занимают огромное место. И зачастую их трудно достать, и их сложно доставить в нужное место.

Поэтому я подумал, что эти цифровые настольные игры могут стать интересной альтернативой игре, которую кто-то еще не мог купить, или игрой, в которую можно играть где угодно, где есть доступ в Интернет.

Создание смехотворного

Еще одна моя страсть — программирование. С самого детства я возился с BASIC, а теперь, как дизайнер, я всегда пытаюсь больше понять о кодировании для Интернета.

За последние месяцы я изучал некоторые фреймворки JavaScript, такие как Vue и React, и решил, что могу попытаться воплотить эти игры в жизнь.

Для этого я начинаю серию игр под брендом Ludoratory: Это будут эксперименты с веб-разработкой и геймдизайном. Каждая игра должна быть бесплатной, без рекламы и отслеживания, с открытым исходным кодом. Я надеюсь, что смогу учиться вместе с ними, одновременно делая что-то интересное для других людей.

Кодовые слова

«Кодовые имена» Влаады Хватил были моей первой целью для «Художества».

Если вы еще не играли в нее, я рекомендую вам попытаться получить копию как можно скорее, потому что это потрясающая игра.

На мой взгляд, Codewords — это многопользовательская версия этой настольной игры в реальном времени, где на большом экране хранятся все слова, а мобильные телефоны используются в качестве карты мастера кода. По сравнению с оригинальной игрой есть некоторые небольшие изменения (я создал игру, используя внутренние правила, в которые мы играем), поэтому я написал здесь короткую статью, объясняющую правила.

Кредиты

Я разработал дизайн и код для игры, используя фреймворки, библиотеки и ресурсы:

• Vue.js для внешнего интерфейса с использованием Vue-CLI и поддержкой PWA.
• Firebase для управления обновлениями в реальном времени.
• Vue QRCode от xkeshi для создания QRCодов для каждой новой игры.
• Vue Translate от Javisperez, позволяющий играть в игру как на английском, так и на португальском языке.
• Фотография неясного мужского лица в тени, сделанная Маликом Эрнестом, в качестве фонового изображения.
• Эффект CSS Glitch, созданный Мэри Лу на Codrops, также для фонового изображения.

Перевод на французский язык предоставлен Ивом Пеллетье.

Настройка проекта

 npm install

Компилирует и выполняет горячую перезагрузку для разработки.

 npm run serve

Компилирует и минифицирует для производства

 npm run build

Линты и исправления файлов

 npm run lint

Вот и все!

Вы можете сыграть в игру прямо сейчас на https://codewords.ludoratory.com. Как я уже сказал, код находится на github. Я с нетерпением жду любой критики, сомнений, комментариев и предложений, которые могут у вас возникнуть по поводу игры, моего кода или проекта Ludoratory.

Спасибо, и я надеюсь, что вам понравится игра.