4.2 Добавляем спрайты на сцену. Создание HTML5 игр с помощь Phaser 3 и JavaScript

Автор Lyubov Stishevskaya
4.2 Добавляем спрайты на сцену. Создание HTML5 игр с помощь Phaser 3 и JavaScript

Всем привет в этом уроке мы добавим на сцену спрайты игрока и монетки хотите получить доступ к не опубликованному видео просматривать решение домашнего задания получить исходный проекта переходите на сайт dpd.ru Flash Player 3 знакомитесь с описанием курса нажимаете купить вводите свои данные и нажимаете кнопку оплатить сразу после успешной оплаты вас появится окошко чека нажимаете смотреть продукт и можете скачать любое видео предварительно.

Прочитайте документ. Спасибо вам за. Давайте на нашу сцену добавим наш объект плеер я его уже заранее подготовил его можно будет найти в архиве в пачке 13 Coin Collector и папочки дизайн мы ведем объекты Player, что мы можем сделать мы можем развернуть наш проект и перетащить прямо в бабочку дизайн нашего Player.

О'кей Copy File нажимаю.

О'кей и наш Player добавился папочку дизель также он сразу же перенесём. Если даже и монетку OK OK если мы попробуем сразу же перенести Player на сцену то ничего не получится объект плеер не создастся для того чтобы объект плеер появился на сцене то есть наш картинка с Player для этого мы раскрываем папочку в дальше у нас есть набор подпапок — это месяц ассеты либо в библиотеке. Кстати если мы развернем увидим наш библиотеку жрёт который может сайта фейзера дальше в пачке таппенс хранится смайлик который помогает подсказками для фидера к этому моменту вернёмся и дальше мы видим файлики Index json JS config. Ну сейчас мы пытаемся добавить Player поэтому я захожу в папочку месяц и здесь. Я открываю папку. Атлас и бабочки атлас есть от вас файл вот по нему мы кликаем два раза у нас открылось окно Pictures. Теперь сюда мы можем затащить наши картинку с Player для этого. Я зажимаю левой мыши картинку нашу Player png тащу в окно Texture Atlas и хочу заметить. Есть ли у вас Mac OS X и возможно под линуксом. Вам нужно будет здесь вот по центру перетянуть на такую маленькую кошечку посылка на Windows. Я просто сюда тащи в окно и отпускаю левую кнопку мыши теперь плеер появился в нашем специальном файле textures.. Атлас и я могу сохранить для этого я нажимаю вот — это вот диски тачку какую-то чем множество диски датчик коленвала и сохраняя все файлы проекта. Ну, что ж теперь перетащить нашего Player на сцену прихожу в окно цены на вкладку сцена 1. сцена и дальше перехожу в окошко месяц за, что если она у вас вдруг закрылась вы его всегда можете открыть через Windows Show You находимся здесь раздел Pack Files и в пэк.. Джексон мы находим мульти атлас дальше. Мы видим здесь у нас паучок. Добавился разворачиваем и находим Player. Теперь мы зажимаем левую кнопку мыши Player и перетаскиваем его на сцену и папа плеер появился заметим, что так часто обновляется автоматически когда мы добавляем в наш. Форекс текстурами какие-то спрайты. Ну точнее какие-то картинки. Давайте опять сохраним. Всё я нажимаю на ради скидки сохраняю и добавим в textures. А ещё монетки для этого. Я открываю textures и сюда мы перед дощем coins.ph для этого пейзажи моря кнопкой мыши тащу и в любое место бросаю отпускаю кнопку мыши у нас добавилась монетка теперь опять иду. Сохранить все файлы сохраняю и автоматически. Мы видим, что в мульти. Атлас у нас в textures появилась теперь монетка перейдем теперь на кошка со сценой выбираем монетку и textures дренаж Coin перетаскивать на стену и перекидываем видимо у нас клиент появился в окошке сцена. Отлично Теперь нажимаем сохранить всё и запускаем Grand Power Project посмотрим, что у нас получилось как только наш проект запустился через какое-то время у нас всё появилось. Мы видим, что появилась наша объект плеер и наши монетка отлично закроем окно в следующем видео уроки мы наконец-то перейдём к программированию объекта плеер и наши объекты монетки если вам понравился видео урок, тогда подписывайтесь на канал нажимайте на колокольчик жмите палец вверх, а также помогайте проекту приобретая пол курс или становитесь ангелом данного проекта все ссылке вы найдете под этим видео. Спасибо за.

0 комментариев
0

Читайте также