[Udemy] JavaScript Создайте 5 забавных словесных игр, создайте свои собственные веб-игры (2022)
Узнайте, как ВЫ можете создавать свои собственные онлайн-игры с помощью JavaScript. Узнайте о дизайне игры и шагах по созданию ПОЛНОСТЬЮ функциональной игры от начала до ГОТОВО.
5 ПОТРЯСАЮЩИХ ПРОЕКТОВ, КОТОРЫЕ ВЫ МОЖЕТЕ СОЗДАТЬ – Вы не найдете больше нигде – весь код уникален и создан с нуля.
- ИГРА ПО ПОИСКУ СЛОВ на JavaScript
- Динамическая ВИКТОРИНА из данных Google Sheet
- JavaScript игра «Виселица»
- Игра декодера чисел JavaScript
- Word Scramble с ДИНАМИЧЕСКИМ списком слов из листов
Создайте свою собственную версию игры всего за несколько часов — исходный код прилагается. Попробуйте и сыграйте прямо СЕЙЧАС.
# 1 Javascript Game Word Scramble — выберите из нескольких списков слов — разгадайте зашифрованное слово, используя как можно меньше неверных догадок. Подсчет очков и загрузка динамических списков слов для создания полностью интерактивной и динамичной игры с нуля.
- Как настроить и подготовить игровое поле
- Значения игры и переменная для игры в слова
- Добавить слова в игру
- Зашифруйте буквы со значениями случайного массива JavaScript
- Обновление и добавление контента на веб-страницы. Вывод зашифрованных слов на страницу.
- Подсчитайте буквы в строке с помощью JavaScript Letter Counter.
- Добавьте подсчет очков и GamePlay в свою игру с помощью JavaScript
- Отладка игры и как настроить и улучшить игру
- Добавьте динамический список слов из таблиц Google в свою игру.
- Динамический контент из таблицы Google — несколько списков слов
# 2 Javascript Game Word Decoder — Каждая буква имеет связанный с ней номер — игроку нужно разгадать фразу, используя числовые коды для букв. Слова и фразы загружаются динамически.
- Секретное слово настройки игровой доски
- Создать взаимодействие для игрока
- Настройте игровой процесс и установите кодовые значения
- Как передать код вывода сообщений игроку в Player.
- Использование методов массива, таких как карта, для сокращения кода
- Превратите его в игровой декодер JavaScript Word
- Создайте игровой процесс и ценности
- Создать взаимодействие Входы игрока
- Условия и логика начала и окончания игры
- Отладка и финальные настройки и улучшения игры
#3 Javascript Game Hangman Game – Select Letters решает фразу – игрок должен угадать скрытую фразу, нажимая на доступные буквы. Решите это будет как можно меньше пропущенных букв.
- Настройка игрового поля «Виселица» на JavaScript.
- Запуск содержимого приложения при загрузке DOM DomContentLoaded Запустить приложение DOM готово для записи и создания элементов
- Шаг за шагом добавляйте игровую логику для создания JavaScript Hangman
- Создать запуск игры Запустите настройку игры.
- Настройка и создание игрового процесса, добавление и создание писем игроков
- Использовать условия JavaScript Проверить верное предположение Проверить буквы в Word
- Обновить элементы проигрывателя и значения DOM Обновить скрытые буквы
- добавить условия Score и Player Score
- установить условия победы в игре и использовать логику JavaScript для обеспечения игрового процесса
# 4 JavaScript Wordsearch — Поиск слов — это весело играть и еще интереснее создавать. Этот игровой раздел покажет вам, как создать полнофункциональный поиск слов, который заполняет сетку как можно большим количеством слов, скрытых в словах, и готов к тому, чтобы игрок мог бросить вызов и решить головоломку. Динамическая сетка автоматически подставляет в нее слова из вашего списка. Вы выбираете размер и позволяете JavaScript построить игровое поле.
- Настройте Word Search Board с JavaScript и логикой для игрового процесса
- Создайте добавление игровых элементов на страницу, используя метод CreateElement документа.
- генерировать игровые ценности и сетку настроек.
- Добавить слова в сетку для игры поиска слов JavaScript
- При построении доски и подсчете доступных мест на сетке применяется игровая логика в JavaScript. Проверка существующих букв.
- Добавить слова по вертикали в сетку поиска Word с помощью логики кода JavaScript
- Слова по горизонтали — вертикально и перевернутыми буквами для 4 возможных направлений размещения слова в сетке поиска слов.
- Fill Game Letters автоматически заполняет и создает доску для поиска слов
- Добавьте список слов игрока, чтобы помочь игроку подобрать оставшиеся слова Список слов
- Как протестировать и отладить вашу игру с поиском слов на JavaScript
- добавить опыт игрока Взаимодействие с игроком
- Создайте динамичную и гибкую игру, в которую можно играть
- Игровая логика как применять условия победы Проверить условие победы
# 5 JavaScript Dynamic Quiz Game — файл данных JSON, управляющий вопросами и ответами викторины. Создайте простой тест, который динамически генерируется с помощью JavaScript — создает все элементы DOM и взаимодействия в зависимости от данных JSON.
- Как настроить файлы викторины и исходный HTML-файл Setup Dev Environment Files
- Как создать файл данных JSON для вашего теста с помощью AJAX Fetch Создать данные JSON
- Как настроить HTTP-протокол Localhost — необходим для AJAX
- Создайте вопросы викторины в файле JSON для игры викторины JavaScript
- Создайте игровой процесс, создайте игровые экраны игроков.
- Создавайте интерактивные элементы игрока с помощью JavaScript, генерируйте элементы DOM
- добавить слушателей событий в игру Добавить взаимодействие с игроком в игру
- Движение игрока переходит к следующему вопросу — автоматический игровой процесс следующий JavaScript
- Добавить подсчет очков для викторины
- Твики и отладка JavaScript Quiz Game
Исходный код включен — создайте свою собственную версию игры
Преподает инструктор с более чем 20-летним опытом работы в РЕАЛЬНОМ МИРЕ, готовый ответить на любые ваши вопросы.
Вам нечего терять — создайте собственную версию игры. РАЗВЛЕКАЙТЕСЬ — Присоединяйтесь СЕЙЧАС>
Для кого этот курс:
- Веб-разработчики и веб-дизайнеры
- Всем, кто хочет создавать веселые интерактивные игры
- Любой, кто хочет создавать сложные словесные игры
- Веб-мастера кодеры разработчики приложений
- Кодеры и разработчики игр
- Разработчики игр
Требования
- Базовый опыт HTML CSS и JavaScript
- Использование редактора кода — написание кода
Материал на английском языке
Подробнее:
Скачать: