ria pc game
fle game engine - движок для создания игр
fle game engine - движок для создания игр


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
21 февраля 2019 1:36
Вход Регистрация Забыли пароль ?

Платная подписка на simple game fle game engine версия 1.0.7 от 05.01.2017
Платная подписка на simple game fle game engine версия 1.0.7 от 05.01.2017 Вы можете прямо сейчас оформить платную подписку на fle game engine -
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic - КАК СОЗДАТЬ СВОЮ ИГРУ - Веселый Буквоежка Ваше Визуальное Шоу / Fun Letter Eater You Visual Show

megainformatic - Формы оплаты заказа

megainformatic - оплата через систему QIWI - выбор продукта

megainformatic - КАК СОЗДАТЬ СВОЮ ИГРУ - Набор разработчика игр - Нечто: Необъяснимое - в плену желаний

megainformatic - Как создать игру ? - Программируем сами - Самый первый шаг

megainformatic - Как создать игру ? - Программируем сами - Самый первый шаг - страница 2

megainformatic - Как создать игру ? - Программируем сами - Содержание

megainformatic - Как создать игру ? - Программируем сами - Самый первый шаг - страница 3

megainformatic - Как создать игру ? - Программируем сами - Изучаем и модифицируем пример CreateDevice

megainformatic - Как создать игру ? - Программируем сами - пример CreateDevice страница 2

megainformatic - Как создать игру ? - Программируем сами - пример CreateDevice страница 3

megainformatic - Как создать игру - Vertices - Вершины - страница 1

megainformatic - Как создать игру - пример Matrices

megainformatic - Уроки Photoshop - Чудеса

megainformatic - Уроки Photoshop - Чудеса - Коллаж от нуля

megainformatic - Уроки Photoshop - Чудеса - Коллаж от нуля - страница 2

megainformatic - Уроки Photoshop - Чудеса - Коллаж от нуля - страница 3

megainformatic - Уроки Photoshop - Чудеса - Коллаж от нуля - страница 4

megainformatic - Купить Уроки Photoshop - Чудеса

megainformatic - Уроки Photoshop

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма стр 2

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма стр 3

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма стр 4

megainformatic - Уроки Photoshop - Анимируем волка из мультфильма

megainformatic - Уроки Photoshop - Анимируем волка из мультфильма стр 2

megainformatic - Уроки Photoshop - Анимируем волка из мультфильма стр 3

megainformatic - Уроки Photoshop - Анимируем волка из мультфильма стр 4

megainformatic - Эмулятор игры Ну, Погоди!

megainformatic - Оплата заказа через Сбербанк

megainformatic - Пример игры с исходным кодом Donuts3D

megainformatic - Как создать игру ВЕСЕЛЫЙ БУКВОЕЖКА - программируем сами

megainformatic - Как создать игру ВЕСЕЛЫЙ БУКВОЕЖКА - создаем игровую оболочку

megainformatic - Открытый Полный Исходный код игры Дорога в Город

megainformatic - Как создать игру - Веселый Единственный Буквоежка - программируем основу будущей игры

megainformatic - Как создать игру - Веселый Единственный Буквоежка - выводим заставку

megainformatic - Как создать игру - Веселый Единственный Буквоежка - игровое меню

megainformatic - Как создать игру - Веселый Единственный Буквоежка - движение и анимация героя

Как Создать игру ВЕБ - Веселый Единственный Буквоежка - Программируем сами

Как Создать игру ВЕБ - Веселый Единственный Буквоежка - Программируем сами

megainformatic - Примеры моих работ

megainformatic - Музыкальные темы

megainformatic - Уроки Photoshop - Чудеса

megainformatic - Купить Уроки Photoshop - Чудеса

megainformatic - Онлайн Обучение, Репетитор

megainformatic - Уроки Photoshop - Рисуем и Анимируем

megainformatic - Уроки Photoshop - Рисуем и Анимируем - Урок 1 - Старт

megainformatic - Уроки Photoshop - Рисуем и Анимируем на AllSoft.ru

megainformatic - DirectX 9c - Изучаем пример MultAnimation

megainformatic - megainformatic cms Система Управления Контентом

megainformatic - Темы для WordPress

megainformatic - Что нужно для создания собственного сайта ?

megainformatic - Макет дизайна Вашего сайта

скачать megainformatic cms

megainformatic - Итоги 2010 года

megainformatic - Что нужно для создания собственного сайта ?

подробнее

     
     
  Веселый Буквоежка - Ваше Визуальное Шоу - программа для создания компактных видео-презентаций в форме слайд-шоу с музыкой и звуком

КАК СОЗДАТЬ СВОЮ ИГРУ - Веселый Буквоежка Ваше Визуальное Шоу / Fun Letter Eater You Visual Show

размер файла: 74,9 Mb

Стоимость: 100 руб.

 

После подтверждения оплаты в течение 1-3 дней заказ будет обработан и выполнена электронная доставка данного продукта на Ваш e-mail.

 
     
 

КАК СОЗДАТЬ СВОЮ ИГРУ - Веселый Буквоежка Ваше Визуальное Шоу / Fun Letter Eater You Visual Show

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

Особенности данного продукта:

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

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

- неоценимое подспорье для начинающих создавать свои игры, а также для тех, кто занимается ими;

- продукт отличает простота использования и доступность для внесения изменений при создании собственных Визуальных Шоу;

- если Вы хотите продолжить развитие продукта - расширить и дополнить его возможности - дополнительный бонус: Полный исходный код на C++/DirectX 9c доступный для компиляции в средах MSVS 2005 или выше;

Возможности пакета демонстрируются в бесплатной и полной версиях Аудио Комикса Веселый Буквоежка - этот продукт был создан с помощью данного пакета.

Кроме того, Вашему вниманию предлагается небольшое демонстрационное видео - в котором показаны все характеристики Пакета Веселый Буквоежка Ваше Визуальное Шоу.

 
     
 

Форматы поддерживаемых файлов: *.jpg; *.tga - для изображений;

*.ogg; *.mp3; *.it; *.s3m; *.xm; *.mod; *.mid; - для музыки;

*.ogg; *.mp3; - для голоса;

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

Это означает, что созданная вами аудио-визуальная презентация будет работать на любом компьютере, с установленной Windows и DirectX9c. Какие-либо кодеки или дополнительное программное обеспечение для обеспечения функционирования не потребуются.

Системные требования: Windows 98SE/2000/Me/XP/Vista/Seven/ DirectX9c / Pentium III 997 MHz / 128 Mb RAM / 32 Mb Video RAM / около 93 Mb свободного места на HDD / DirectX-совместимая звуковая карта / клавиатура, мышь

 
     
  Этот пакет предназначен для создания собственных игровых приложений без программирования. При помощи него не написав ни единой строчки кода Вы сможете создавать свои автономные видео-презентации, озвученные музыкой и голосом.  
     
  С помощью данного пакета был создан проект Аудио Комикс Веселый Буквоежка.  
     
  Аудио Комикс - Веселый Буквоежка  
     
 

Ключевые особенности:

- полностью изменяемая оболочка - Вы можете использовать любые собственные изображения для оформления оболочки собственного Визуального Шоу;

- режим показа озвученного слайд-шоу/режим паузы;

- возможность детального увеличения/уменьшения изображения с помощью лупы;

- ручной/автоматический режим перелистывания страниц слайд-шоу;

- количество используемых изображений и звуковых дорожек неограничено;

 
     
 

Каким образом создаются Визуальные Шоу ?

Нужно всего лишь подготовить необходимые изображения и аудио-дорожки, например в таких программах как Adobe Photoshop и Adobe Audition.

Музыку можно написать например в Mod Plug Tracker 1.16 или Fruity Loops Studio 9.

 
     
 

Далее Вы просто запускаете любую программу для работы с текстом, например, Блокнот и прописываете названия необходимых для работы видео-шоу файлов, сохраняете изменения и наслаждаетесь результатом !

То есть как видим - никакого программирования и никакого кода Вам писать не придется !!!

Полученное приложение можно упаковать в дистрибутив любым архиватором, например WinRaR или программой для создания дистрибутивов - например Inno Setup.

Всё - Вы получаете полностью автономное видео-шоу, для использования на любых ПК с операционной системой Windows.

 
     
   
     
 

Пакет Веселый Буквоежка Ваше Визуальное Шоу / Fun Letter Eater You Visual Show

также включает:

- подробные, пошаговые описания и статьи по созданию персонажа и фона в Adobe Photoshop любых версий;

- подробные, пошаговые описания процесса подготовки озвученных голосом аудио-дорожек на примере Adobe Audition 3 и создания музыкальной композиции в FL Studio 8;

- полностью функциональный, готовый к применению пример презентации - видео Комикс Веселый Буквоежка - 5 комикс-страниц, 5 музыкальных тем, 28 озвученных комикс блоков;

- подробное пошаговое описание процесса создания собственного презентационного или видео-шоу;

- утилиту Coords2D, которая позволяет подбирать параметры изображений и анимаций, просматривать анимированные спрайты;

 
     
 

Возможные сферы применения пакета Веселый Буквоежка Ваше Визуальное Шоу / Fun Letter Eater You Visual Show

- простейшие игры в стиле текст-комикс-картинка или оболочки для игр;

- видео-комиксы - аналоги комикса Веселый Буквоежка;

- озвученные слайд-шоу из своих фотографий для созданий компьютерных живых фотоальбомов;

- профессиональные видео- и слайд-шоу для применения в профессиональной деятельности, школе и любых других подобных направлениях;

- собственные озвученные полноценные слайд-шоу фильмы - Вы можете создать и такое!

 
     
  Веселый Буквоежка - Ваше Визуальное Шоу - программа для создания компактных видео-презентаций в форме слайд-шоу с музыкой и звуком

КАК СОЗДАТЬ СВОЮ ИГРУ - Веселый Буквоежка Ваше Визуальное Шоу / Fun Letter Eater You Visual Show

размер файла: 74,9 Mb

Стоимость: 100 руб.

 

После подтверждения оплаты в течение 1-3 дней заказ будет обработан и выполнена электронная доставка данного продукта на Ваш e-mail.

 
     
  Все заказчики могут получить бесплатно ПОЛНЫЙ ИСХОДНЫЙ код Пакета Как Создать Свою игру на C++/DirectX 9c для самостоятельной сборки аналогичного или нового проекта. Необходимые инструкции прилагаются.  
     
подробнее

megainformatic.ru Синицин А. С. Шарики на лифте - Как создать игру - Анимация прыжков шарика

 

 

20.09.2016

 

 

В предыдущих уроках мы научились основам рисования шариков. Теперь пришло время научить наш шарик прыгать. Мы научимся рисовать спрайты, тестировать их при помощи утилиты Coords2D



Скачать Coords2D -


Размер sfx-архива: 36 Mb. Также содержит много примеров спрайтов и других
изображений из проекта fle, bol и др.

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

Как работать с утилитой Coords2D описано в приложенном файле readme.txt, который Вы найдете в папке после распаковки. Другим примером, возможно более наглядным, является статья Как анимировать паука ?

 

Ну и конечно же, здесь мы рассмотрим как это сделать на примере спрайта прыгающего шарика. Если Вы хотите узнать об анимации еще больше - читайте еще одну статью - Создаем анимацию хотьбы волка в Photoshop

Анимация прыжков шарика

 

Итак, давайте посмотрим на рисунки.

Шарики на лифте - Как создать игру - Анимация прыжков шарика gif на белом фоне

Шарики на лифте - Как создать игру - Анимация прыжков шарика gif на черном фоне

Шарики на лифте - Как создать игру - Анимация прыжков шарика gif на белом фоне, вариант 2

 

 

 

Шарик прыгает. Это происходит благодаря gif анимации. Если открыть gif файл из Photoshop, то увидим там последовательность слоёв, каждый из которых представляет 1 кадр анимации.

 

 

 

Шарики на лифте - Как создать игру - gif файл открыт из Photoshop

 

 

 

Временная задержка между кадрами задана в 0,1 секунды. Анимация сводится к сжатию и растяжению изображения шарика по вертикали, а также перемещению его позиции сначала вверх - во время прыжка и опусканию вниз под действием силы тяжести.

 

 

Я показал анимацию на белом и черном фоне, чтобы Вы представляли как добиться в игре наличия у спрайта прозрачного фона. В играх, gif-анимация не применяется. Вместо неё используются самые разные форматы, но для directx 9c используется формат tga, а сам спрайт представляет чаще всего квадрат, с расположенными на нём кадрами анимации.

Шарики на лифте - Как создать игру - Спрайт прыгающего шарика

Обратите внимание !!!, что для спрайтов никогда не применяется формат jpg, из-за того, что изображение в нём оптимизировано и хранися в сжатом виде, поэтому выделить кадры анимации, пока картинка не будет преобразована в несжатую, непредставляется возможным. Здесь картинка спрайта приведена в jpg только для демонстрации, т. к. браузеры не отображают картинки tga.

 

 

 

При создании спрайтов (а также если Вы будете читать статью - Создаем анимацию хотьбы волка в Photoshop), Вы познакомитесь с таким понятием как альфа-маска. Что это ? Детально это описано в статье - Создаем анимацию хотьбы волка в Photoshop - про альфа-маску

 

Шарики на лифте - Как создать игру - Спрайт прыгающего шарика с альфа-маской

 

 

На рисунке выше, альфа-маска показана красным цветом. Грубо говоря - это отдельный слой (реально - отдельный цветовой 8-битный канал), и всё что показано красным будет выводиться прозрачным. Альфа-маска представляет изображения в оттенках серого, где максимальная яркость (белый) соответствует полностью непрозрачным пикселям (на рисунке они не красные), и минимальная яркость (черный) - полностью прозрачным пикселям (на рисунке они красные). Все оттенки серого представляют различные градации полупрозрачности - те которые будут ближе к белому будут менее прозрачными, к черному - более прозрачными.

 

 

 

 

Теперь я думаю, Вы поняли что нужно сделать, чтобы создать такую анимацию и такой спрайт. Вам нужен будет шарик в его первоначальном виде - это будет у нас 0 кадр анимации. Поскольку анимация является цикличной, то последний кадр (7) представляет состояние шарика предшествующее плавному переходу в 0 кадр.

 

 

 

Итак, создадим новое изображение 512х512 пиксель, 72 dpi (точек на дюйм). Файл > Создать

Итак, создадим новое изображение 512х512 пиксель, 72 dpi (точек на дюйм). Файл > Создать

 

 

 

Включим отображение сетки и поместим в 1 блок изображение шарика, которое будет представлять 0 кадр. Саму картинку можно взять из предыдущего урока

 

 

 

 

Включим отображение сетки и поместим в 1 блок изображение шарика, которое будет представлять 0 кадр.

 

 

 

Поскольку каждая ячейка сетки у нас должна быть размером 1/4 от 512 т. е. 128, то заданим для неё такие параметры -

 

 

Поскольку каждая ячейка сетки у нас должна быть размером 1/4 от 512 т. е. 128, то заданим для неё такие параметры

 

 

 

Нажав комбинацию клавиш [Ctrl] + ["] увидим сетку, отображаемую поверх созданного пустого изображения. Теперь очень удобно размещать по сетке кадры спрайта, чтобы не выйти за их границы. Итак, как я уже говорил, поместим первое изображение шарика в блок 1 слева вверху, это будет наш 0 кадр - начальный кадр всей анимационной цепочки. Обратите внимание, что я уменьшил шарик до необходимых размеров ячейки - не более 128 пикселей по ширине и разместил тень (черный эллипс) на отдельном нижележащем слое. Также удобно каждый кадр анимации хранить в виде отдельной группы слоёв - frame_0. Тогда frame_1 и т. д. можно просто дублировать и создавать новые кадры анимации, смещая изображения в нужные границы кадра.

 

поместим первое изображение шарика в блок 1 слева вверху, это будет наш 0 кадр - начальный кадр всей анимационной цепочки. Обратите внимание, что я уменьшил шарик до необходимых размеров ячейки - не более 128 пикселей по ширине и разместил тень (черный эллипс) на отдельном нижележащем слое. Также удобно каждый кадр анимации хранить в виде отдельной группы слоёв - frame_0. Тогда frame_1 и т. д. можно просто дублировать и создавать новые кадры анимации, смещая изображения в нужные границы кадра.

 

 

 

Далее я дублирую группу frame_0 и даю ей имя frame_1

 

Далее я дублирую группу frame_0 и даю ей имя frame_1

Далее я дублирую группу frame_0 и даю ей имя frame_1

 

 

 

Перемещаю шарик с его тенью в новую позицию для кадра 1. Сначала перемещаю всю группу frame_1 целиком. А потом уже отдельно шарик и его тень, расположив их в нужных местах кадра 1.

 

Далее я дублирую группу frame_0 и даю ей имя frame_1

 

Также я слегка приплюснул шарик в 1 кадре по вертикали, т. к. в момент прыжка он немного сжимается, чтобы затем резко выпрямиться и выполнить прыжок.

 

Далее я дублирую группу frame_0 и даю ей имя frame_1

 

 

 

 

Как сделать остальные кадры видно из приведенного ниже рисунка.

 

Как сделать остальные кадры

 

 

 

 

Финальный шаг: создаем альфа-маску. Для этого выделяем все группы, дублируем их и объединяем в один слой.

 

Финальный шаг: создаем альфа-маску.

 

 

 

 

При помощи пункта меню Изображение > Коррекция > Цветовой тон/Насыщенность - делаем изображение на слое максимально ярким - превращая в белый. (Как вы помните, всё что будет белым - будет полностью непрозрачным).

 

Финальный шаг: создаем альфа-маску.

 

 

 

 

Теперь осталось создать отдельный слой, залить его черным, объединить со слоем ставших белыми элементов и вставить полученное в альфа-канал. ОБРАТИТЕ ВНИМАНИЕ !!! Когда Вы копируете содержимое исходного слоя с будущей альфа-маской Вам нужно во вкладке Каналы иметь выделенным канал RGB - иначе вы копируете не весь слой, а только его цветовую составляющую для выбранного канала. Когда же вставляете скопированное в альфа-канал, то он и должен быть выбран во вкладке Каналы. Копирование и вставку можно выполнять через меню Редактирование > Скопировать / Вставить. Либо используя горячие клавиши [Ctrl] + [C] и [Ctrl] + [V] при выделенном слое (отображается рамка в виде пунктира). Выделить весь слой можно по [Ctrl] + [A].

 

Финальный шаг: создаем альфа-маску.

 

 

 

 

На заключительном шаге сохраняем наш спрайт в формате tga и переходим к его тестированию утилитой Coords2D



Скачать Coords2D -


Размер sfx-архива: 36 Mb. Также содержит много примеров спрайтов и других
изображений из проекта fle, bol и др.

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

 

На заключительном шаге сохраняем наш спрайт в формате tga

 

 

 

 

Флажок уплотнение RLE отмечать не нужно, иначе спрайт может исказиться. RLE применяется для сжатия и можно использовать только для tga не являющихся спрайтами - т. е. каких-то статичных изображений в которых нужна полупрозрачность, но анимация не применяется - например у каких-то игровых панелей или индикаторов.

 

Флажок уплотнение RLE отмечать не нужно, иначе спрайт может исказиться. RLE применяется для сжатия и можно использовать только для tga не являющихся спрайтами - т. е. каких-то статичных изображений в которых нужна полупрозрачность, но анимация не применяется - например у каких-то игровых панелей или индикаторов.

 

 

 

 

Прежде чем вставлять созданный спрайт прыгающего шарика в игру - нужно протестировать как он будет отображаться и подобрать подходящие параметры анимации.

 

тестируем спрайт: прыгающий шарик утилитой Coords2D

 

 

 

 

Всё что для этого нужно, это открыть папку с утилитой, предположим она называется у Вас Coords2D, далее открыть папку Coords2D\Media\textures\ball и вставить туда файл вашего анимированного шарика. После этого любым текстовым редактором понимающим формат txt, открыть файл Coords2D\Media\textures\tex_list.txt и убрав всё что там есть добавить только одну строчку - (предполагаю что файл с прыгающим шариком вы назвали anim_ball.tga)

ball\anim_ball.tga; 0.0f; 0.1f; 0.8f; 0.52f; 0.52f; 128; 256; 0; 0; 4; 8.0f; 0.5f;

 

Лишние переводы строк тоже нужно убрать, иначе возникнут ошибки. Файл разумеется сохранить.

Далее в утилите Coords2D выбираем пункт меню File > Reload

 

тестируем спрайт: прыгающий шарик утилитой Coords2D

 

 

 

И наблюдаем результат - как Ваш шарик прыгает.

 

 

Поясню, что означают параметры в строке -

 

 

ball\anim_ball.tga; 0.0f; 0.1f; 0.8f; 0.52f; 0.52f; 128; 256; 0; 0; 4; 8.0f; 0.5f;

Кстати о них можно прочитать подробнее в readme.txt приложенном к утилите Coords2D.

ball\anim_ball.tga; 0.0f; 0.1f; 0.8f; 0.52f; 0.52f; 128; 256; 0; 0; 4; 8.0f; 0.5f;
filename; X; Y; Z; xScale; yScale; Width; Height; TexOffsetX; TexOffsetY; FramesPerLine; fMaxFrame; Delay;

По-порядку: filename - 1 параметр означает имя файла спрайта;

X, Y, Z - соответственно его векторные координаты на экране;

xScale, yScale - масштабные коэффициенты;

Width, Height - ширина и высота кадра спрайта в пикселях;

TexOffsetX, TexOffsetY - смещение по осям X и Y, в пикселях, соответственно (если спрайт изображен со смещением, обычно применяется для мультиспрайтов - т. е. изображение включает несколько спрайтов);

FramesPerLine - количество кадров в одной горизонтальной линии на текстуре спрайта;

fMaxFrame - Номер последнего кадра считая с 1;

Delay - временная задержка, между показом кадров, определяет скорость показа анимации. Значения больше 1.0f отображают спрайт с увеличением скорости по мере роста значения; Значения ниже 1.0f, но выше 0.0f - т. е. 0.9f, 0.1f и т. п. отображают спрайт с большим замедлением по мере уменьшения значения.

Малая буква f в параметрах, где требуется число с плавающей точкой, т. е. float обязательно должна указываться т. к. по этому символу для чисел с плавающей точкой определяется, что число является числом в одинарной float точности. Такие числа имеют меньшую точность знаков после запятой (десятичной точки), но хранятся в памяти занимая меньшее число байт. В приложениях directx повсеместно используется данный тип для большинства чисел и параметров.

 

Попробуйте поэкспериментировать с параметрами, меняя их значения, сохраняя изменения и выполняя File > Reload. Так вы лучше поймете их назначение. Но конечно не меняйте все параметры разом, иначе запутаетесь. Советую менять их по-одному, по-очередно.

 

В следующем уроке мы займемся рисованием подвижных фонов для игры.

 

 

 

к содержанию

подробнее

megainformatic.ru Синицин А. С. Шарики на лифте - Как создать игру - Вставка созданной графики, звуков и музыки в игру

Теперь мы научимся вставлять созданные на протяжении предыдущих уроков - спрайты, фоны, звуки и музыку в игру.

к содержанию

 

 

 

 

На протяжении предыдущих уроков мы с Вами занимались тем, что рисовали шарик, делали из него спрайт, затем рисовали фон, учились создавать звуки и музыку. Для чего всё это делалось ? Ну конечно же, чтобы научиться, если Вам это было нужно, а еще для того, чтобы вставить всё это в реально работающую игру и потом поиграть в созданное своими руками !

 

 

 

Это на самом деле непередаваемое ощущение - когда ты не просто нарисовал спрайт или сочинил музыку, но и когда твоё творчество ожило и стало частью игры - почти живого существа, за которым можно наблюдать и с которым можно поиграть !

 

 

 

Вы можете использовать для вставки созданных ресурсов тот дистрибутив игры, который есть в данном комплекте уроков, а можете скачать с сайта более свежую версию игры и вставить ресурсы в неё.

 

 

 

Шарики на лифте - Как создать игру -

Прежде чем вставить свой ресурс в игру - запустите игру и убедитесь что она у вас корректно работает. Это нужно обязательно сделать, в противном случае после вставки своего ресурса и последующего запуска игры с возникновением ошибки - Вы не будете знать её причину. Поэтому прежде чем что-то вставлять - убедитесь, что изначально игра работает !

 

 

 

 

 

Для начала давайте попробуем вставить игру фон, который мы учились делать в уроке Создание фона заднего плана

 

Там я уже наглядно показывал в какой папке размещен фон -

Media\textures\moved_bg\

 

 

 

 

Давайте откроем папку с игрой и внутри неё найдём папку Media. В этой папке лежат все ресурсы используемые игрой.

Ну а теперь Вам остается просто открыть подпапку представленную путём указанным выше, т. е.

Media\textures\moved_bg\

 

 

Шарики на лифте - Как создать игру - Вставляем фон заднего плана в игру

 

 

!!! ВАЖНО !!! Обращаю ваше внимание на то, что все манипуляции со вставкой ресурсов в игру можно выполнять только при выключенной игре. Иначе это приведет к ошибкам. Вновь вставленные ресурсы не будут работать пока игра не будет выключена полностью - т. е. её приложение полностью закрыто, и запущена снова. Поэтому учитывайте этот ВАЖНЫЙ !!! момент.

 

 

Переименовываем файл back_bg.jpg например в back_bg_.jpg

А на его место вставляем новый фон, и называем его также как был назван переименованный - back_bg.jpg

 

 

Потому что именно с таким именем использовался в игре предыдущий фон. Обратите внимание !!! Имя должно быть записано именно так - без добавления каких-то еще символов, изменения размера каких-то букв с заглавных на строчные и т. д.

Т. е. варианты Back_bg.jpg или back_bg.JPG и любые их варриации будут неправильными и приведут к ошибкам при запуске игры !

 

 

Также все буквы должны быть записаны латиницей !!! Если вы например "a" или "c" напишете как русскую, это тоже приведет к ошибке при запуске игры.

 

Шарики на лифте - Как создать игру - Вставляем фон заднего плана в игру

 

 

 

После того, как всё сделано - пробуем запустить игру. Если игра стартовала как обычно и никаких ошибок не возникло - значит всё ОК. Если же возникли ошибки - внимательно проверьте всё и найдите, что Вы сделали не так.

 

 

 

На скриншоте ниже видно, как фон заднего плана виден через просветы в фонах переднего и среднего планов.

 

Шарики на лифте - Как создать игру - Вставляем фон заднего плана в игру

 

 

 

Давайте теперь попробуем вставить прыгающий шарик из урока - Анимация прыжков шарика в игру.

 

Закрываем игру нажав кнопку Close (красная кнопка с белым крестиком) справа вверху окна программы или по клавише [Esc], или выбрав пункт меню Game > Quit

 

Спрайты шариков есть в нескольких видах. Сначала давайте попробуем заменить один из тех, которые лежат в папке -

Media\textures\ball\small_jump\

 

 

Обратите внимание !!! В уроке Анимация прыжков шарика мы создавали спрайт размерами 512х512 пиксель, а в игре для этих шариков используются спрайты 256х256. Вы можете сами уменьшить спрайт до нужных размеров в Photoshop - через пункт меню Изображение > Размер Изображения, либо взять готовый спрайт из папки - bol_hmg\lessons\content\anim_ball\work\ дистрибутива комплекта уроков, спрайт называется anim_ball_256.tga

 

Если пренебречь этим, то в игре Ваш шарик будет отображаться некорректно - как показано на скриншоте ниже.

 

 

Шарики на лифте - Как создать игру - Некорректно выводимый шарик

 

 

Чтобы шарик отобразился корректно даже если спрайт использовать размерами 512x512 или вообще какого-то произвольного размера, есть еще другой способ. Об этом речь пойдёт ниже. А пока давайте завершим начатое.

 

Итак, проделываем аналогичные манипуляции, которые мы делали когда вставляли фон. Т. е.

 

Файл green_ball_small_jump.tga переименовываем в green_ball_small_jump.tga, а на его место вставляем новый и называем green_ball_small_jump.tga т. е. в точь-в точь также как назывался первый вариант зеленого шарика.

 

Шарики на лифте - Как создать игру - Вставляем спрайт шарика в игру

 

 

 

Запускаем игру и видим результат. Если возникли ошибки - разбирайтесь пошагово что Вы сделали не так.

 

 

Ниже представлены примеры скриншотов на которых видно и наш вставленный в игру шарик и фон заднего плана.

 

 

Шарики на лифте - Как создать игру - Вставляем фон заднего плана в игру

 

Шарики на лифте - Как создать игру - Вставляем фон заднего плана в игру

 

 

 

Вообщем, как видим, вставка ресурсов в игру не представляет особого труда. По такому же принципу хранятся ресурсы во многих играх. Гораздо сложнее создать этот самый ресурс. А вставка его по сравнению с этим - сущий пустяк. Однако Важно не допустить ошибок. Назвать файл правильно, также как назывался оригинальный файл который Вы заменяете. Еще, если речь идёт о спрайте - важно соблюсти те же правила, которые были определены для первоначального заменяемого вами спрайта. Т. е. спрайт должен иметь те же размеры, то же количество кадров и изображаемый персонаж или объект должен быть примерно такого же масштаба, как и оригинальный.

 

Я намеренно нарисовал и предложил Вам вставить шарик несколько больших размеров и отличающийся цветом - чтобы было более наглядно и Вы сразу же его заметили !!!

 

 

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

 

 

 

Для этого воспользуемся утилитой Coords2D, которую я также упоминал в уроке Анимация прыжков шарика.

 

 

 

Возможно Вы уже сами догадались, что нужно сделать. Это станет понятным из скриншота ниже -

Шарики на лифте - Как создать игру - Вставляем фон заднего плана в игру

 

 

Обратите внимание, что в файле

bol_hmg\lessons\utils\Coords2D\Media\textures\tex_list.txt

содержимое которого Вы и видите на скриншоте выше,

 

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

Так вот, если смотреть слева-направо, то самый первый шарик - он же первый в списке tex_list.txt

ball\anim_ball_256.tga; -0.4f; -0.17f; 0.8f; 0.32f; 0.32f; 64; 128; 0; 0; 4; 8.0f; 7.5f;

Это наш вставленный шарик, но уменьшенный. Сравните масштабные коэффициенты (которые я отметил красным цветом) с этими же значениями у этого же шарика, но того, который самый крайний справа, т. е. по счёту четвертый.

и в списке tex_list.txt он также 4ый и имеет такие параметры -

ball\anim_ball_256.tga; 0.5f; 0.1f; 0.8f; 0.52f; 0.52f; 64; 128; 0; 0; 4; 8.0f; 7.5f;

 

Теперь Вы поняли в чём дело ? Просто изменились значения масштабных коэффициентов xScale и yScale, поэтому шарик стал меньше. Однако как Вы можете судить по картинке - он не очень хорошего качества (сравните левый крайний шарик и все остальные). Поэтому сжимать спрайты или растягивать крайне нежелательно - чтобы как раз не было таких вот визуальных искажений.

 

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

 

Разные масштабные коэффициенты можно применять если например нужно сделать в игре Шарики разных размеров, не рисуя при этом соответствующие спрайты. Правда, как я уже говорил, нужно учитывать визуальные искажения. Но иногда они достаточно приемлемы. Это можно установить экспериментальным путём.

 

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

 

Для этого в файле -

bol_hmg\bol\Media\textures\ball\tex_list.txt

 

Вам нужно строчку -

small_jump\green_ball_small_jump.tga; 300.6f; 180.1f; 0.85f; 0.52f; 0.52f; 64; 128; 0; 0; 4; 8.0f; 25.5f;

 

изменить на -

small_jump\green_ball_small_jump.tga; 300.6f; 180.1f; 0.85f; 0.32f; 0.32f; 64; 128; 0; 0; 4; 8.0f; 25.5f;

 

т. е. масштабные коэффициенты - 0.52f; 0.52f;

заменить на 0.32f; 0.32f;

 

Правда тут нас ждёт неудача. Дело в том, что в игре данные значения жестко прописаны в коде и изменение их в данном файле ни к чему не приведет. Просто потому что значение игнорируется.

 

Но зато теперь Вы знаете как изменить масштаб игрового спрайта в игре, и можете поэкспериментировать в утилите Coords2D.

 

В ближайшем будущем я планирую выпустить уроки по программированию на примере игры Шарики на лифте, и думаю там мы затронет этотт вопрос, а также множество других. И для примера можно будет реализовать чтобы показанная возможность работала.

 

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

Для изменения звуков создания и удаления шарика - который слышен при нажатии правой и левой кнопок мыши соответственно, Вам нужно заменить такие файлы (по аналогии предварительно переименуйте их, чтобы сохранить оригиналы):

bol_hmg\bol\Media\sounds\bol_create.wav - это звук создания шарика

bol_hmg\bol\Media\sounds\bol_delete.wav - это звук удаления шарика

 

Файлы должны быть в качестве 16 bit, 44100 Hz, стерео.

Это важно учитывать, иначе игра просто не сможет загрузить и использовать данный звук. Кроме того, звуки не должны быть слишком долгими. Например длина представленных всего 0,5 сек. Слишком длинные звуки приведут к большим задержкам прежде чем Вы кликните и услышите следующий звук.

 

С музыкой дело обстоит еще проще.

Вам достаточно даже не заменять, а всего лишь положить Ваш mp3 файл в папку

bol_hmg\bol\Media\sounds\music\

И добавить его имя в список

bol_hmg\bol\Media\sounds\music\music_themes_list.txt

Обратите внимание в данном файле также не должно нигде быть пустых строчек !!!

Ну а дальше - сохраняем изменения в файле, запускаем игру и слушаем. Музыка будет воспроизводиться в случайном порядке из всех имеющихся в списке композиций. Вы можете даже убрать все оригинальные композиции и оставить только свои. Или оставить только одну - чтобы прослушать как она будет звучать в игре.

Не забудьте только при этом внести изменения в файл

bol_hmg\bol\Media\sounds\music\music_themes_list.txt

 

 

Ну что ж, это было пожалуй всё, что я хотел Вам рассказать на сегодня. Остается только поздравить Вас с тем, что Вы научились создавать контент для реальных игр !!! Вы теперь можете создавать и вставлять в игру свой собственный контент.

 

 

 

 

До новых встреч ! Ждите обновлений на сайте - новых игр, уроков и прочих полезных и интересных материалов. Спасибо за проявленное внимание.

 

 





к содержанию

первый независимый онлайн-журнал комиксов ККК Костя Коробкин Комикс номер 1 март 2016

первый независимый онлайн-журнал комиксов ККК Костя Коробкин Комикс номер 1 март 2016

если кликать картинку она будет последовательно меняться в размерах от 620 до 2048 пиксель.

 

Приключения Кости Коробкина - Как я провел лето - интерактивный комикс (akk hiss) - теперь можно читать онлайн !!!


Приключения Кости Коробкина - Как я провел лето - интерактивный комикс - читать онлайн
Костя Коробкин (akk hiss)
Привет ! Меня зовут КОСТЯ КОРОБКИН. Этим летом я гостил у бабушки на даче и там со мной случилась одна история... читать онлайн
 
     
 

Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - читать онлайн


Приключения Кости Коробкина - С новым годом - интерактивный комикс - читать онлайн
Костя Коробкин -
С новым годом
(kk hny)
Костя :- Эта история произошла со мной под новый год. Что-то может показаться вам выдумкой или даже фантастикой, но я Вас уверяю - это было на самом деле !... читать онлайн
 
     
 

Костя Коробкин - Секретный проект - интерактивный комикс (kk scp) - читать онлайн


Костя Коробкин - Секретный проект - интерактивный комикс - читать онлайн
Костя Коробкин -
Секретный проект
(kk scp)
В один прекрасный день Костя Коробкин как обычно летом сел на поезд и отправился к бабушке. Но в пути с ним приключилась одна история... Помимо мистических и таинственных вещей Вы встретитесь с легендарными Петькой и Василием Ивановичем Чапаевым. читать онлайн
 
     
 

Костя Коробкин - В гостях у тёти Светы (kk as) - читать онлайн


Костя Коробкин - В гостях у тёти Светы (kk as) - читать онлайн
Костя Коробкин (kk as)
В предметах и явлениях, которые нас окружают часто кроется нечто большее, чем мы привыкли. Замечать особенное и извлекать из этого пользу я научился совсем недавно... читать онлайн
 
     
megainformatic live chat
Начать беседу
X
 

Оставленные комментарии



fle game engine - движок для создания игр
fle game engine - движок для создания игр


Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
megainformatic Размещение баннерной рекламы у нас
Время загрузки: 1,6943