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


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
13 декабря 2017
19:37
Вход Регистрация Забыли пароль ?

megainformatic - Пишем свою cms - шаг 1
Пишем свою cms - шаг 1 Итак, Вы уже немного изучили язык php или еще не совсем, но уже чувствуете в себе силы создать что-то большое и особенное. Вообще-то язык php в первую очередь предназначен для создания web-приложений, т. е. сайтов. Сам я начинал изучение языков программирования ради одной цели - создания игр. Поэтому в моё
подробнее...

Теги

создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт

Статьи сайта

megainformatic - Урок 3 Оконный и полноэкранный режимы работы D3D-приложения. Управление игрой средствами DirectInput8 - Страница 2

megainformatic - Урок 3 Оконный и полноэкранный режимы работы D3D-приложения. Управление игрой средствами DirectInput8 - Страница 3

megainformatic - Урок 4 Построение класса приложения

megainformatic - Урок 4 Построение класса приложения - Страница 2

megainformatic - Урок 5 Построение классов игровых объектов и других необходимых классов

megainformatic - Урок 5 Построение классов игровых объектов и других необходимых классов - Страница 2

megainformatic - Урок 6 Игровая логика

megainformatic - Заметки по joomla - JFolder::create: Path not in open_basedir paths. Что это?

megainformatic cms express files - Добавление статей на сайт под управлением megainfromatic cms express files

megainformatic - Урок 7 2D-анимация

megainformatic - Урок 8 Загрузка/Сохранение текущей игры, режим паузы, режимы часов/будильника, запуск браузера Internet Explorer для показа сайта разработчика и других интернет-ресурсов

megainformatic - Урок 9 Тестирование и отладка приложения

megainformatic - Мои Музыкальные Миры

megainformatic - уроки Photoshop free

megainformatic cms express

megainformatic cms express

megainformatic cms express

megainformatic cms express files

megainformatic - Методы создания растровых изображений в Adobe Photoshop

megainformatic - Создание фотореалистичной текстуры травы

megainformatic - Рабочее пространство Adobe Photoshop

megainformatic - Бесшовные (тайловые) текстуры

megainformatic - Создание изображений огня, воды, неба

megainformatic - Создание текстур горных пород и суши (урок 5)

megainformatic - Рисование персонажей (урок 6)

megainformatic - Рисование фона (урок 6 часть 2)

megainformatic - Рельефные изображения

Добавление статей на сайт под управлением megainformatic cms express

megainformatic - Воспроизведение файлов в форматах it, xm, s3m, mod

megainformatic - Воспроизведение файлов в форматах it, xm, s3m, mod - страница 2

megainformatic - Воспроизведение в игре музыки в формате XM

megainformatic - Воспроизведение файлов в формате OGG Vorbis

megainformatic - игра "Веселый Буквоежка" - инструменты разработки

megainformatic - Игра "Веселый Буквоежка" - история создания проекта

megainformatic - Как анимировать паука ?

megainformatic - Уроки Photoshop

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

megainformatic - Купить Уроки Photoshop - Рисуем и Анимируем

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

сайт megainformatic - Говорящий Комикс Веселый Буквоежка

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

megainformatic - Моделируем девушку в 3d используя 3ds max

megainformatic - Уроки Fruity Loops Studio - пишем свою музыку

megainformatic - Уроки Fruity Loops Studio - пишем свою музыку - урок 1 - Быстрый старт

megainformatic - Сброник статей по дизайну и компьютерной графике. Обзор.

megainformatic - Уроки 3d на delphi directx - Вывод Заставки

Добро пожаловать в систему управления сайтом megainformatic cms

megainformatic - Создание эскиза и макета страницы сайта

megainformatic - Верстка созданного макета

megainformatic - Добавление модулей обеспечивающих минимально необходимый функционал

megainformatic - Основы добавления контента на сайт, управления и поддержки сайта

megainformatic - Проверка работы сайта, установка на хостинг

megainformatic - Основы продвижения созданного сайта

megainformatic - Создание шаблонов

megainformatic - Создание интернет-магазина

megainformatic - Музыкальные миры - композиция Морозное утро - 10 версий

     
  Уроки Photoshop  
     
  Рисуем волка из мультфильма  
     
  08/11/2008  
     
 

Создаем анимацию хотьбы волка в Photoshop и ImageReady

Анимацию будем создавать на основе волка нарисованного в предыдущем уроке - рисуем волка

 
     
   
     
 

В этом уроке мы познакомимся с тем, как выполнить анимирование персонажа на примере хотьбы волка.

Мы создадим два варианта анимации - в формате gif для использования в интернет-публикациях и тестовых целях и в формате tga для использования в компьютерной игре

 
     
  [к началу] [страница 1] [страница 2] [страница 3] [страница 4]  
     
  Если просмотр созданной анимации Вас удовлетворил, значит вы разобрались с тем как создается анимация.  
     
  Нам осталось рассмотреть как подготовить анимацию в tga-файле для использования в компьютерной игре  
     
 

Моменты которые мы рассмотрим:

- последовательность кадров в анимационной цепочке.

- тень от персонажа;

- создание альфа-маски для альфа-канала;

 
     
  Окончательная анимационная цепочка должна выглядеть следующим образом -  
     
   
     
  такая последовательность кадров от последнего к первому была удобна тем, что наш персонаж двигался влево, поэтому было понятней куда должна двигаться та или иная конечность  
     
  в игровом приложении анимация проигрывается как правило слево направо, поэтому стоповым кадром всегда будет оказываться крайний левый вместо крайнего правого.  
     
  для того, чтобы учесть порядок проигрывания анимации слева-направо, а не справа-налево достаточно лишь переставить кадры местами по следующей схеме:  
     
  старая позиция кадра новая позиция кадра  
  0 7  
  1 6  
  2 5  
  3 4  
  4 3  
  5 2  
  6 1  
  7 0  
       
       
     
  в итоге получим такую анимационную цепочку -  
     
   
     
  для рисования тени нужно предварительно удалить фоновый цвет и сделать его прозрачным. далее создайте новый слой и используйте непрозрачную кисть с нетвердыми краями. цвет тени черный.  
     
   
     
  после создания тени данный слой сделайте полупрозрачным  
     
   
     
 

перед тем как сохранить созданную анимацию в формате tga для использования в компьютерной игре нужно создать альфа-маску.

Альфа-маска - это особое изображение используемое в игровых приложениях для передачи полупрозрачных объектов. Изображение альфа-маски - это градации серого. Черный цвет соответсвует абсолютной прозрачности, оттенки серого - определенной степени полупрозрачности, белый - абсолютно непрозрачным частям изображения.

Поскольку формат tga позволяет хранить альфа-маску внутри себя (в альфа-канале), то он идеально подходит для анимированных изображений с альфа-маской.

 
     
  дублируем слои wolf и shadow и назовем wolf_alpha и shadow_alpha  
     
  для превращения wolf_alpha в альфа-маску изображение нужно привести к предельной яркости - белому цвету  
     
   
     
   
     
  поскольку тень должна быть слегка полупрозрачной, то она должна содержать оттенки серого, а не полупрозрачный черный, поэтому слой shadow_alpha инвертируем  
     
   
     
  слой back заливаем черным и дублируем, связываем слои wolf_alpha, shadow_alpha и дубликат back, склеиваем и размещаем под back  
     
   
     
   
     
   
     
  выделяем содержимое слоя wolf_alpha [Ctrl] + [A], копируем в буфер обмена Edit > Copy  
     
  в панели слоев выбираем вкладку Channels (каналы), создаем альфа-канал и вставляем в него скопированное [Ctrl] + [V] или Edit > Paste  
     
   
     
  отобразив все каналы (щелкнуть видимость RGB) увидим альфа-маску в красном цвете  
     
   
     
  текстуру с анимированным волком нужно обязательно сделать квадратной, например 512х512  
     
  для этого изменить размер изображения на 512х64, изменить размер холста на 512х512, сместить анимационную цепочку и альфа-маску вверх, пустоту залить черным цветом на слое back  
     
   
     
  осталось сохранить файл в формате tga  
     
  File > Save As  
     
   
     
   
     
  на этом наша работа закончена.  
     
     
  [назад]  
     
  [Все уроки]  
     
 

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



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


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