Скачать или смотреть Создайте сайд-скроллинговую веб-игру с использованием естественного языка программирования (GitHu...

Создайте играбельную веб-игру «Avocado Adventure» с сайд-скроллингом, используя подсказки на естественном языке с помощью GitHub Copilot в Visual Studio Code. В этом руководстве вы узнаете, как генерировать HTML, CSS и JavaScript непосредственно в index.html с помощью агентского режима Copilot, выполнять локальный предварительный просмотр с помощью Go Live, фиксировать изменения через систему управления версиями и разворачивать игру в интернете с помощью GitHub Pages. Мы также рассмотрим сенсорное управление для мобильных устройств, механику перехода по пробелам и практическую разницу между локальным (127.0.0.1) предварительным просмотром и URL-адресами для прямой трансляции (github.io или ваш собственный домен).

Что вы изучите:

– Основы программирования на естественном языке для быстрого прототипирования в VS Code
– Использование GitHub Copilot (режим агента: спросить или изменить) для создания полноценной игры на HTML5
– Добавление игровых функций: сайд-скроллинг, сбор начальных значений, переход по пробелу, сенсорное управление на мобильных устройствах
– Локальный предварительный просмотр с помощью Go Live и развёртывание на GitHub Pages
– Использование системы управления версиями для инициализации репозитория, коммита, публикации и синхронизации
– Чтение сгенерированного кода: заголовок/CSS, тело/JS в одном файле index.html и итерация с подсказками

Для кого это:

– Новички, которым нужно краткое введение в программирование на естественном языке для веб-игр
– Веб-разработчики, интересующиеся рабочими процессами Copilot в Visual Studio Code
– Все, кто отправляет быстрые прототипы на GitHub Pages

Главы:
00:00 Введение: программирования на естественном языке с LLM
00:22 Открытие VS Code и создание проекта Папка
00:43 Создание файла index.html
00:58 Открытие чата Copilot, выбор модели и режимов
01:22 Режим агента записывает код в index.html
01:52 Предварительный просмотр игры с помощью Go Live
02:08 Сохранение изменений и открытие системы управления исходным кодом
02:25 Публикация ветки (публичный репозиторий)
02:42 Настройка страниц GitHub (развёртывание из ветки)
02:57 Получение URL-адреса работающего сайта
03:10 Локальная версия против серверной: 127.0.0.1 против github.io/custom domain
03:45 Проверка сгенерированной структуры: заголовок/CSS, тело/JS
04:09 Итерация с использованием естественного языка (увеличение области)
04:31 Изучение различий для уменьшения зависимости от подсказок
04:51 Фиксация и синхронизация изменений
05:05 Подведение итогов и следующее шаги

Теги/Хештеги:

#GitHubCopilot #VisualStudioCode #JavaScript #HTML5Game #GitHubPages #WebDev #NaturalLanguageCoding #VSCodeTips