Создание HUD. Здоровье, энергия, боезапас - История изменений

Alex626: переименовал «Создание HUD. Здоровье, энергия, боезапас.» в «Создание HUD. Здоровье, энергия, боезапас»

2012-04-28T18:05:37Z

переименовал «Создание HUD. Здоровье, энергия, боезапас.» в «Создание HUD. Здоровье, энергия, боезапас»

← Предыдущая

Версия 18:05, 28 апреля 2012

Alex626: /* Экспорт */

2012-04-28T18:00:39Z

Экспорт

← Предыдущая		Версия 18:00, 28 апреля 2012
Строка 323:		Строка 323:
	[[Image:Скрин22.jpg]]		[[Image:Скрин22.jpg]]

-	Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Создаем папку "Libs", в ней создаем еще одну папку - "UI". В эту папку кидаем наш файл. Запаковываем папку "Libs" в архив zz_GameData.rar, меняем его расширение на .pak. Копируем этот архив в папку Crysis/Game. ~~Зпускаем~~ редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:	+	Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Создаем папку "Libs", в ней создаем еще одну папку - "UI". В эту папку кидаем наш файл. Запаковываем папку "Libs" в архив zz_GameData.rar, меняем его расширение на .pak. Копируем этот архив в папку Crysis/Game. Запускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:

Dr Ars: /* Экспорт */

2012-04-28T17:57:06Z

Экспорт

← Предыдущая		Версия 17:57, 28 апреля 2012
Строка 323:		Строка 323:
	[[Image:Скрин22.jpg]]		[[Image:Скрин22.jpg]]

-	Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. ~~Идем в~~ папку ~~Crysis/Game~~, ~~там находим архив GameData~~.~~pak~~. ~~Открываем его, идем в~~ Libs~~/UI и заменяем оригинальный HUD_AmmoHealthEnergySuit~~.~~gfx~~ на ~~наш новый~~. ~~Не забудьте предварительно сделать резервную копию оригинального файла~~. Зпускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:	+	Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Создаем папку "Libs", в ней создаем еще одну папку - "UI". В эту папку кидаем наш файл. Запаковываем папку "Libs" в архив zz_GameData.rar, меняем его расширение на .pak. Копируем этот архив в папку Crysis/Game. Зпускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:

Alex626 в 17:41, 28 апреля 2012

2012-04-28T17:41:14Z

← Предыдущая		Версия 17:41, 28 апреля 2012
Строка 325:		Строка 325:
	Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Идем в папку Crysis/Game, там находим архив GameData.pak. Открываем его, идем в Libs/UI и заменяем оригинальный HUD_AmmoHealthEnergySuit.gfx на наш новый. Не забудьте предварительно сделать резервную копию оригинального файла. Зпускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:		Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Идем в папку Crysis/Game, там находим архив GameData.pak. Открываем его, идем в Libs/UI и заменяем оригинальный HUD_AmmoHealthEnergySuit.gfx на наш новый. Не забудьте предварительно сделать резервную копию оригинального файла. Зпускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:

-	[[~~Image~~:Скрин23.jpg]]	+
		+	[[Файл:Скрин23.jpg\|border\|500px\|center\|Скриншот]]

	Голубая полоска, огибающая нижний черный фон - это индикатор энергии. Как я уже писал, его создание практически не отличается от создания индикатора здоровья. Поэтому я не стал описывать процесс его создания в этой статье. Но если вам это интересно и нужно, изучите исходник, приложенный к статье. Уверен, с этим проблем возникнуть не должно.		Голубая полоска, огибающая нижний черный фон - это индикатор энергии. Как я уже писал, его создание практически не отличается от создания индикатора здоровья. Поэтому я не стал описывать процесс его создания в этой статье. Но если вам это интересно и нужно, изучите исходник, приложенный к статье. Уверен, с этим проблем возникнуть не должно.
Строка 336:		Строка 337:
	Для просмотра исходника .fla вам необходим Adobe Flash версии не ниже CS4.		Для просмотра исходника .fla вам необходим Adobe Flash версии не ниже CS4.

-	[[~~File~~:HUD_Example.rar]]	+	[[Media:HUD_Example.rar\|HUD_Example.rar]]
		+
		+
		+	[[Категория:ActionScript]]

Dr Ars в 15:55, 28 апреля 2012

2012-04-28T15:55:09Z

← Предыдущая		Версия 15:55, 28 апреля 2012
Строка 78:		Строка 78:
	[[Image:Скрин7.jpg]]		[[Image:Скрин7.jpg]]

-	Теперь дело за скриптом. Создаем новый слой. Называем "ActionScript". ~~Вот так:~~	+	Теперь дело за скриптом. Создаем новый слой. Называем "ActionScript".

	[[Image:Скрин14.jpg]]		[[Image:Скрин14.jpg]]
Строка 108:		Строка 108:
	[[Image:Скрин16.jpg]]		[[Image:Скрин16.jpg]]

-	Теперь надо разобраться со параметрами этого поля. Переходим к ~~нашей любимой~~ панели "Свойства".	+	Теперь надо разобраться с параметрами этого поля. Переходим к панели "Свойства".

	[[Image:Скрин17.jpg]]		[[Image:Скрин17.jpg]]

-	В строке "Назначить имя экземпляру" пишем "health_percent". Выбираем тип "Динамический текст". Шрифт можно выбрать любой, но стандартный, иначе не будет читаться на других компьютерах. Лучше поставить тип шрифта "Regular". Цвет тоже ставьте какой вам нужно. В свитке "Символ", в самом низу есть три кнопочки. Проверяем, чтобы они не были нажаты. Рядом с выбором шрифта есть кнопка "Внедрить". Нажимаем ее, выбираем пункт "Цифры" и кликаем "ОК". Мы внедрили шрифт для того, чтобы в игре цифры не отображались как .	+	В строке "Назначить имя экземпляру" пишем "health_percent". Выбираем тип "Динамический текст". Шрифт можно выбрать любой, но стандартный, иначе не будет читаться на других компьютерах. Лучше поставить тип шрифта "Regular". В противном случае могут возникнуть проблемы с чтением шрифта в игре. Цвет тоже ставьте какой вам нужно. В свитке "Символ", в самом низу есть три кнопочки. Проверяем, чтобы они не были нажаты. Рядом с выбором шрифта есть кнопка "Внедрить". Нажимаем ее, выбираем пункт "Цифры" и кликаем "ОК". Мы внедрили шрифт для того, чтобы в игре цифры не отображались как .

	Теперь переходим к редактированию кода. Открываем наш старый код и добавляем туда строки:		Теперь переходим к редактированию кода. Открываем наш старый код и добавляем туда строки:
Строка 201:		Строка 201:
	Таким образом мы сделали, чтобы при понижении уровня здоровья ниже 20% цифры становились красными.		Таким образом мы сделали, чтобы при понижении уровня здоровья ниже 20% цифры становились красными.

-	Теперь сделаем, чтобы ~~красным~~ становилась и шкала здоровья. Разблокируем нижний слой - слой, на котором находится шкала-индикатор. Открываем символ со шкалой с помощью двойного щелчка мышью по нему. Разблокируем нижний слой. Слой-маску на время сделаем невидимым. Для этого щелкнем по точке под иконкой глаза.	+	Теперь сделаем, чтобы красной становилась и шкала здоровья. Разблокируем нижний слой - слой, на котором находится шкала-индикатор. Открываем символ со шкалой с помощью двойного щелчка мышью по нему. Разблокируем нижний слой. Слой-маску на время сделаем невидимым. Для этого щелкнем по точке под иконкой глаза. Появился красный крестик.

	[[Image:Скрин19.jpg]]		[[Image:Скрин19.jpg]]
Строка 319:		Строка 319:
	== Экспорт ==		== Экспорт ==

-	Что ж, ~~худ~~ готов. Теперь настроим параметры публикации. Заходим "Файл" > "Параметры публикации", убеждаемся, что напротив Flash стоит галочка, переходим на вкладку "Flash", где в пункте "Проигрыватель" выбираем Flash Player 8 и удостоверяемся, что в пункте "Сценарий" выбран ActionScript 2.0.	+	Что ж, HUD готов. Теперь настроим параметры публикации. Заходим "Файл" > "Параметры публикации", убеждаемся, что напротив Flash стоит галочка, переходим на вкладку "Flash", где в пункте "Проигрыватель" выбираем Flash Player 8 и удостоверяемся, что в пункте "Сценарий" выбран ActionScript 2.0.

	[[Image:Скрин22.jpg]]		[[Image:Скрин22.jpg]]

-	Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Идем в папку Crysis/Game, там находим архив GameData.pak. Открываем его, идем в Libs/UI и заменяем оригинальный HUD_AmmoHealthEnergySuit.gfx на наш новый. Не забудьте предварительно сделать резервную копию оригинального файла! Зпускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:	+	Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Идем в папку Crysis/Game, там находим архив GameData.pak. Открываем его, идем в Libs/UI и заменяем оригинальный HUD_AmmoHealthEnergySuit.gfx на наш новый. Не забудьте предварительно сделать резервную копию оригинального файла. Зпускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:

	[[Image:Скрин23.jpg]]		[[Image:Скрин23.jpg]]

Dr Ars в 15:43, 28 апреля 2012

2012-04-28T15:43:16Z

← Предыдущая		Версия 15:43, 28 апреля 2012
Строка 1:		Строка 1:
-	{{Статья\|автор= Dr Ars \|сложность=Средняя\|совместимости=All\|требования= Adobe Flash CS4/CS5. \|добавлена=28/04/12}}~~<!-- The article’s topic (AI scripting…)-->~~	+	{{Статья\|автор= Dr Ars \|сложность=Средняя\|совместимости=All\|требования= Adobe Flash CS4/CS5. \|добавлена=28/04/12}}

	= Создание HUD. Здоровье, энергия, боезапас. =		= Создание HUD. Здоровье, энергия, боезапас. =
Строка 276:		Строка 276:
	else		else
	{		{
-	red_text.setRGB([нужный цвет]);	+	red_text.setRGB(0x[нужный цвет]);
	}		}
	}		}
Строка 300:		Строка 300:
	else		else
	{		{
-	red_ammo.setRGB(~~'''~~[нужный цвет]~~'''~~);	+	red_ammo.setRGB(0x[нужный цвет]);
	}		}
	}		}

Dr Ars: /* Индикаторы здоровья */

2012-04-28T15:37:33Z

Индикаторы здоровья

← Предыдущая		Версия 15:37, 28 апреля 2012
Строка 6:		Строка 6:
	== Индикаторы здоровья ==		== Индикаторы здоровья ==

-	Итак, в этой статье мы научимся создавать свой собственный HUD. Пока что только правый нижний блок (Здоровье, энергия, боеприпасы).	+	Итак, в этой статье мы научимся создавать свой собственный HUD для Crysis. Пока что только правый нижний блок (Здоровье, энергия, боеприпасы).

	Начнём с того, что запустим Adobe Flash. Перед вами появится окно с выбором дальнейших действий. Нажимаем "Файл ActionScript 2.0" в колонке "Создать".		Начнём с того, что запустим Adobe Flash. Перед вами появится окно с выбором дальнейших действий. Нажимаем "Файл ActionScript 2.0" в колонке "Создать".

Dr Ars в 15:33, 28 апреля 2012

2012-04-28T15:33:50Z

← Предыдущая		Версия 15:33, 28 апреля 2012
Строка 333:		Строка 333:
	== Исходник .fla (пример) ==		== Исходник .fla (пример) ==

		+	Здесь можно скачать исходный файл HUD'а, созданный согласно этому уроку и представленный на скриншотах выше.
	Для просмотра исходника .fla вам необходим Adobe Flash версии не ниже CS4.		Для просмотра исходника .fla вам необходим Adobe Flash версии не ниже CS4.

	[[File:HUD_Example.rar]]		[[File:HUD_Example.rar]]
-	~~[[Файл:http://wiki.crymod.net/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:HUD_Example.rar http://wiki.crymod.net/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:HUD_Example.rar]]~~
-
-	~~[[Категория:Crysis:Пользовательский_интерфейс]]~~

Dr Ars в 15:30, 28 апреля 2012

2012-04-28T15:30:19Z

← Предыдущая		Версия 15:30, 28 апреля 2012
Строка 335:		Строка 335:
	Для просмотра исходника .fla вам необходим Adobe Flash версии не ниже CS4.		Для просмотра исходника .fla вам необходим Adobe Flash версии не ниже CS4.

		+	[[File:HUD_Example.rar]]
	[[Файл:http://wiki.crymod.net/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:HUD_Example.rar http://wiki.crymod.net/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:HUD_Example.rar]]		[[Файл:http://wiki.crymod.net/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:HUD_Example.rar http://wiki.crymod.net/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:HUD_Example.rar]]
		+
		+	[[Категория:Crysis:Пользовательский_интерфейс]]

Dr Ars в 15:24, 28 апреля 2012

2012-04-28T15:24:35Z

← Предыдущая		Версия 15:24, 28 апреля 2012
Строка 4:		Строка 4:


-	== ~~Индикатор~~ здоровья ==	+	== Индикаторы здоровья ==

	Итак, в этой статье мы научимся создавать свой собственный HUD. Пока что только правый нижний блок (Здоровье, энергия, боеприпасы).		Итак, в этой статье мы научимся создавать свой собственный HUD. Пока что только правый нижний блок (Здоровье, энергия, боеприпасы).
Строка 206:		Строка 206:

	Теперь находим 20-й кадр напротив нижнего слоя. Нажимаем правой кнопкой мыши и выбираем "Вставить ключевой кадр".		Теперь находим 20-й кадр напротив нижнего слоя. Нажимаем правой кнопкой мыши и выбираем "Вставить ключевой кадр".
-	~~<p style="margin-left~~: ~~-1cm; text-align: center; ">http://wiki.crymod.net/images/thumb/7/7a/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD20.jpg/800px-%D0%A1%D0%BA%D1%80%D0%B8%D0%BD20~~.jpg~~</p>~~	+
		+	[[Image:Скрин20.jpg]]
		+
	Переводим красный бегунок на первый кадр, в самое начало. Полностью выделяем индикатор. Изменяем его цвет на красный путем изменения цвета заливки. Теперь поводите бегунок по временной шкале. В промежутке от первого до 20-го кадра индикатор здоровья должен быть красным. Начиная с 20-го кадра и до конца окраска индикатора должна остаться прежней. Возвращаемся к монтажному кадру.		Переводим красный бегунок на первый кадр, в самое начало. Полностью выделяем индикатор. Изменяем его цвет на красный путем изменения цвета заливки. Теперь поводите бегунок по временной шкале. В промежутке от первого до 20-го кадра индикатор здоровья должен быть красным. Начиная с 20-го кадра и до конца окраска индикатора должна остаться прежней. Возвращаемся к монтажному кадру.

Строка 309:		Строка 311:
	Давайте украсим HUD. Создадим статичный фон. Для этого создаем в основной сцене еще один слой так, чтобы он был ниже всех слоев. Остальные слои советую заблокировать. На новом слое рисуем сам фон. Тут уже все зависит от вашей фантазии. Покажу, что вышло у меня:		Давайте украсим HUD. Создадим статичный фон. Для этого создаем в основной сцене еще один слой так, чтобы он был ниже всех слоев. Остальные слои советую заблокировать. На новом слое рисуем сам фон. Тут уже все зависит от вашей фантазии. Покажу, что вышло у меня:

-	[[~~Файл~~:~~http://wiki.crymod.net/images/5/5a/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD21~~.jpg]]	+	[[Image:Скрин21.jpg]]

	Напомню еще раз, если вы сделали шкалу здоровья правильно, то она не должна быть видна.		Напомню еще раз, если вы сделали шкалу здоровья правильно, то она не должна быть видна.
Строка 319:		Строка 321:
	Что ж, худ готов. Теперь настроим параметры публикации. Заходим "Файл" > "Параметры публикации", убеждаемся, что напротив Flash стоит галочка, переходим на вкладку "Flash", где в пункте "Проигрыватель" выбираем Flash Player 8 и удостоверяемся, что в пункте "Сценарий" выбран ActionScript 2.0.		Что ж, худ готов. Теперь настроим параметры публикации. Заходим "Файл" > "Параметры публикации", убеждаемся, что напротив Flash стоит галочка, переходим на вкладку "Flash", где в пункте "Проигрыватель" выбираем Flash Player 8 и удостоверяемся, что в пункте "Сценарий" выбран ActionScript 2.0.

-	[[~~Файл~~:~~http://wiki.crymod.net/images/thumb/5/51/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD22.jpg/503px-%D0%A1%D0%BA%D1%80%D0%B8%D0%BD22~~.jpg]]	+	[[Image:Скрин22.jpg]]

	Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Идем в папку Crysis/Game, там находим архив GameData.pak. Открываем его, идем в Libs/UI и заменяем оригинальный HUD_AmmoHealthEnergySuit.gfx на наш новый. Не забудьте предварительно сделать резервную копию оригинального файла! Зпускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:		Нажимаем "ОК". Теперь идем в "Файл" > "Экспорт" > "Экспортировать ролик". Называем файл HUD_AmmoHealthEnergySuit, сохраняем в формате .swf. Сворачиваем Adobe Flash, идем в папку с сохраненным файлом. Меняем его расширение .swf на .gfx. Идем в папку Crysis/Game, там находим архив GameData.pak. Открываем его, идем в Libs/UI и заменяем оригинальный HUD_AmmoHealthEnergySuit.gfx на наш новый. Не забудьте предварительно сделать резервную копию оригинального файла! Зпускаем редактор, входим в режим игры с помощью комбинации Ctrl+G. Вуаля! На экране вы видите ваш HUD! А я покажу свой скриншот:

-	[[~~Файл~~:~~http://wiki.crymod.net/images/thumb/0/0b/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD23.jpg/800px-%D0%A1%D0%BA%D1%80%D0%B8%D0%BD23~~.jpg]]	+	[[Image:Скрин23.jpg]]

	Голубая полоска, огибающая нижний черный фон - это индикатор энергии. Как я уже писал, его создание практически не отличается от создания индикатора здоровья. Поэтому я не стал описывать процесс его создания в этой статье. Но если вам это интересно и нужно, изучите исходник, приложенный к статье. Уверен, с этим проблем возникнуть не должно.		Голубая полоска, огибающая нижний черный фон - это индикатор энергии. Как я уже писал, его создание практически не отличается от создания индикатора здоровья. Поэтому я не стал описывать процесс его создания в этой статье. Но если вам это интересно и нужно, изучите исходник, приложенный к статье. Уверен, с этим проблем возникнуть не должно.