Просмотр и Сборка

На данный момент мы представили вам основные панели редактора, чтобы вы могли управлять ресурсами, создавать сцены и настраивать компоненты. Теперь пришло время предварительного просмотра и создания игры для запуска на вашей платформе.

Выбор платформы просмотра

Мы можем нажать кнопку Предварительный просмотр над окном редактора, чтобы увидеть игру в действии. Слева от кнопки Предварительный просмотр мы можем выбрать платформу Simulator или Browser.

Обратите внимание: должна быть открыта сцена, прежде чем вы сможете увидеть что-либо в предварительном просмотре.

Simulator (Симулятор)

Выберите Simulator и нажмите Предварительный просмотр, чтобы запустить Cocos Simulator для запуска текущей игровой сцены.

При запуске симулятора журналы скриптов будут отображаться на панели Console.

Browser (Браузер)

Выберите Browser и нажмите Предварительный просмотр, чтобы запустить игру в браузере по умолчанию. Мы рекомендуем Chrome в качестве браузера по своему выбору, так как DevTools из Chrome является самым передовым в веб-отладке и проверке.

На странице предварительного просмотра есть управление:

• Слева представлены предустановленные размера экранов, чтобы имитировать, как выглядит ваша игра на мобильных устройствах.
• Rotate - Кнопка переключения между пейзажным и портретным видом..
• Третий элемент управления слева - для переключения между режимами рендеринга WebGL и Canvas.
• Debug Mode - Режим отладки позволяет вам контролировать строгий уровень логировния.
• Show FPS - Показывает FPS частоты кадров и отображения статистики вызовов.
• FPS - Частоты кадров.
• Pause - Пауза, чтобы приостановить игру.

Отладка с VS Code

Мы можем отлаживать наши проекты с помощью текстового редактора VS Code, пожалуйста, прочитайте Использование VS Code для отладки web игр.

Отладка с помощью Инструментов для разработчиков в браузере

Возьмите Chrome, например, откройте меню и выберите More Tools/Dev Tools, чтобы открыть Инструменты разработчика. Мы можем проверить исходный код, добавить точку останова, проверить стек вызовов и управлять шагами во время отладки.

Чтобы узнать больше об использовании DevTools, прочитайте руководство пользователя Chrome Dev Tools или другую документацию разработчиков.

Сборка

Следующим шагом будет сборка вашей игры, чтобы она могла работать на устройстве целевой платформы. Откройте панель Build в Project/Build главного меню, вы можете опубликовать свою игру в iOS, Android, HTML5, Windows, Mac, Cocos Play с помощью этого инструмента.

Для получения более подробной информации о публикации вашей игры, пожалуйста, прочитайте Кросс-платформенная публикация игры Кросс-платформенная публикация игры.

Обратите внимание, что запуск вашей игры в симуляторе может быть не таким, как запуск вашей игры на реальном устройстве. Всегда проверяйте игру на целевой платформе перед ее выпуском.