27 июн 2022 · 12:17
{"document":[{"text":[{"type":"string","attributes":{},"string":"Подробный урок о создании спрайтов."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":["heading1"]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"italic":true},"string":"В этом уроке в узнаете:"},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Как пользоваться инструментами для создания персонажа"},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":["bulletList","bullet"]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"В первую очередь нам нужно создать спрайт: "},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"italic":true},"string":"Спрайт"},{"type":"string","attributes":{},"string":" — это графический объект в компьютерной графике, проще говоря это изображение. Для создания спрайта нужно нажать на красного \"Пакмена\"."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Жмём на кнопку","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"1.png","filesize":23286,"height":346,"pic_id":87002,"url":"/files/article_image/2022/06/27/1_B9wva67.jpeg","width":637}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Далее у нас откроется окно:"},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Окно выбора действий над спрайтом","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"2.png","filesize":16778,"height":458,"pic_id":87003,"url":"/files/article_image/2022/06/27/2_t8J11zh.jpeg","width":769}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"\"Имя\" можно менять для того, чтобы знать, что это за спрайт."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Кнопка \"Загрузить спрайт\" нужна для того, чтобы открыть спрайт извне (с любой папки вашего ПК)."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Кнопка \"Сохранить спрайт\" сохраняет спрайт на ваш ПК, чтобы потом можно было его загрузить."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"\"Редактировать\" отвечает за изменение самих спрайтов."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Приступим к редактированию."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Редактирование","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"3.png","filesize":12178,"height":463,"pic_id":87005,"url":"/files/article_image/2022/06/27/3_L7GyQdZ.jpeg","width":831}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Кнопка с изображением пустого листа (левый верхний угол) - создаёт холст для рисования, с изменяемым размером."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Кнопка с изображением жёлтой папки со стрелкой - открывает ранее сохранённый спрайт с заменой открытого здесь спрайта (с возможностью редактирования)."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Кнопка жёлтой папки с плюсиком - открывает ранее сохраненный спрайт без замены открытого здесь спрайта(с возможностью редактирования)."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Кнопка пустого листа с плюсиком - вставляет пустое изображение с таким же размером (форматом), перед текущим изображением."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Кнопка пустого листа со стрелкой - вставляет пустое изображение с таким же размером (форматом), в конец."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Синяя стрелка влево (закруглённая) - отменяет последнее действие. Так же "},{"type":"string","attributes":{"italic":true},"string":"Ctrl + Z"},{"type":"string","attributes":{},"string":"."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Синяя стрелка вправо (закруглённая) - возвращает последнее отмененное действие. Так же "},{"type":"string","attributes":{"italic":true},"string":"Ctrl + Shift + Z"},{"type":"string","attributes":{},"string":"."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Ножницы - вырезают (копируют с удалением) выделенную область либо выделенное изображение (в буфер обмена). Так же "},{"type":"string","attributes":{"italic":true},"string":"Ctrl + X"},{"type":"string","attributes":{},"string":"."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Два листочка - копирование выделенной области либо выделенного изображения (в буфер обмена). Так же"},{"type":"string","attributes":{"italic":true},"string":" Ctrl + C"},{"type":"string","attributes":{},"string":"."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Планшет с бумагой - вставляет изображение (из буфера обмена). Так же "},{"type":"string","attributes":{"italic":true},"string":"Ctrl + V"},{"type":"string","attributes":{},"string":"."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Карандашик - редактирование изображения. Так же двойной щелчок по картинке."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Создал несколько изображений и закрасил их для наглядности","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"4.png","filesize":11612,"height":365,"pic_id":87007,"url":"/files/article_image/2022/06/27/4_f5jvkFY.jpeg","width":536}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Синяя стрелка влево - меняет изображения местами (это пригодится для создания анимации) двигая выделенное изображение влево."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Синяя стрелка вправо - меняет изображения местами (это пригодится для создания анимации) двигая выделенное изображение вправо."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Пример нажатия стрелки влево","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"1.png","filesize":11216,"height":283,"pic_id":87010,"url":"/files/article_image/2022/06/27/1_T5XHNi5.jpeg","width":544}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Пример нажатия стрелки вправо","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"1.png","filesize":11230,"height":257,"pic_id":87011,"url":"/files/article_image/2022/06/27/1_vNlwACO.jpeg","width":522}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Ещё в левом углу есть \"Просмотр\" в котором можно будет просмотреть получившуюся анимацию нажав \"галочку\"."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Пример анимации","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"1.png","filesize":17272,"height":487,"pic_id":87012,"url":"/files/article_image/2022/06/27/1_imGZeu6.jpeg","width":517}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Вот пример анимации. Получилось что сначала идет чёрный квадрат, затем белый, а потом прозрачный (пустой). Пустой - не закрашенный холст."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Ещё можно менять скорость анимации в строке \"Ск-ть\", но только в момент просмотра (в редакторе спрайтов). Конечно, её можно легко менять в самой игре (при создании, а не при запуске =) )."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Можно менять цвет фона","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"1.png","filesize":14546,"height":455,"pic_id":87014,"url":"/files/article_image/2022/06/27/1_wuc5zNb.jpeg","width":421}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Незакрашенная часть изображения будет пустой, поэтому при просмотре незакрашенный холст выглядит серым. Серым он выглядит потому, что сам фон серого цвета. Но можно и поменять цвет фона нажав на кнопку \"Цвет фона\"."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Это хорошо видно на примере моего спрайта."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"attachment","attributes":{"caption":"Мой спрайт","presentation":"gallery"},"attachment":{"caption":"","contentType":"image/png","filename":"1.png","filesize":15976,"height":364,"pic_id":87015,"url":"/files/article_image/2022/06/27/1_CWhAz4F.jpeg","width":332}},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Здесь, скин игрока нарисован с пустыми полями. Я поставил цвет фона бирюзовым."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Конечно, если вы запустите игру, там не будет такого цвета вокруг объектов. Фон здесь для того чтобы лучше видеть спрайт."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"bold":true},"string":"\nВ следующем уроке Вы научитесь рисовать спрайты, а так же я покажу, как можно брать некоторые спрайты прямо из Game Maker."},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":[]},{"text":[{"type":"string","attributes":{},"string":"Спасибо, что дочитали статью до конца!"},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":["heading1"]},{"text":[{"type":"string","attributes":{},"string":"Подписывайтесь на канал и предлагайте свои идеи в комментариях!"},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":["heading1"]},{"text":[{"type":"string","attributes":{},"string":"Не стесняйтесь задавать вопросы)"},{"type":"string","attributes":{"blockBreak":true},"string":"\n"}],"attributes":["heading1"]}],"selectedRange":[3036,3036]}
Комментарии 0