CoP создание главного меню с анимацией. - История изменений

91.218.192.254: оформление

2013-08-03T20:37:37Z

оформление

WillsherT: /* Редактирование ui_mm_main.xml */

2011-06-27T14:07:47Z

‎Редактирование ui_mm_main.xml

WillsherT в 17:04, 26 июня 2011

2011-06-26T17:04:46Z

WillsherT в 14:30, 26 июня 2011

2011-06-26T14:30:40Z

92.49.180.159 в 12:29, 26 июня 2011

2011-06-26T12:29:49Z

WillsherT в 12:27, 26 июня 2011

2011-06-26T12:27:07Z

First Tramp: Маловато коллега, желательно побольше + скрины

2011-06-26T11:56:36Z

Маловато коллега, желательно побольше + скрины

95.86.205.252 в 09:58, 26 июня 2011

2011-06-26T09:58:41Z

95.86.205.252: Новая страница: «Доброго времени суток, сегодня мы научимся создавать собственное меню с анимацией.

...»

2011-06-26T09:56:30Z

Новая страница: «Доброго времени суток, сегодня мы научимся создавать собственное меню с анимацией. ...»

Новая страница

Доброго времени суток, сегодня мы научимся создавать собственное меню с анимацией. 
 
Что нам понадобится: 
Распакованная игра S.T.A.L.K.E.R.: Call of Pripyat; 
Adobe Photoshop или любой другой графический редактор способный править альфа-каналы и открывать .dds файлы; 
Любой видео конвертер способный переконвертировать в .ogm формат; 
Блокнот для правки конфигов. 

Начнём. 
Предполагается, что у вас уже есть готовая текстурка и видеофайл. И осталось только подредактировать альфа-канал. 
Выделяем на нашем меню то место, которое будет анимационным. После того, как вы его выделили переходим на альфа-канал и закрашиваем то, что выделяли черным. 
Снимаем координаты места с анимацией, записываем (если у вас не идеальная память) и закрываем нашу текстурку. 
Далее идем в папку '''S.T.A.L.K.E.R. - Зов Припяти\gamedata\configs\ui''' 
И находим там файл '''ui_mm_main.xml''' 
В данном файле нам нужно найти вот такое высказывание:
<code>
<background width="1024" height="768">
<auto_static x="500" y="130" width="432" height="160" stretch="1">
<texture width="432" height="160">ui\video_voroni_crop</texture>
</auto_static>
<auto_static x="413" y="352" width="576" height="416" stretch="1">
<texture width="576" height="416">ui\video_water_crop</texture>
</auto_static>
<auto_static width="1024" height="768">
<texture>ui_inGame2_background</texture>
</auto_static>
</background></code>
А точнее, нас интересует только эта часть кода:
<code>
<auto_static x="500" y="130" width="432" height="160" stretch="1"> ''<----- это координаты расположения видео на текстуре''
<texture width="432" height="160">ui\video_voroni_crop</texture> ''<----- расположение видео''
</auto_static>
</code>
В ней прописаны координаты размещения видео и его размер, а так же и само название. 
Сколько видеороликов вы собираетесь запихнуть, столько таких строчек и нужно делать. 
Вписываем свои координаты, и размер своего ролика. 
Сохраняем. 
 
'''<big>Внимание! Фон видеоролика должен совпадать с фоном текстуры, иначе будет должного эффекта.</big>''' 
[[Категория:Texturing]]

@@ Строка 35: / Строка 35: @@
 Откроем файл '''ui_mm_main.xml''' блокнотом (я использую Notepad++).
 Нас интересует только эта строка:
-<code>		<auto_static x="500" y="130" width="432" height="160" stretch="1">
+<xml>		<auto_static x="500" y="130" width="432" height="160" stretch="1">
 			<texture width="432" height="160">ui\video_voroni_crop</texture>
-		</auto_static></code>
+		</auto_static></xml>
 Рассмотрим подробнее:
-<code><auto_static x="500" y="130" width="432" height="160" stretch="1"></code>
+<xml><auto_static x="500" y="130" width="432" height="160" stretch="1"></xml>
 Первые две координаты отвечают за расположение видео на экране, вторые две размер дырки на альфа-канале.
-<code><texture width="432" height="160">ui\video_voroni_crop</texture></code>
+<xml><texture width="432" height="160">ui\video_voroni_crop</texture></xml>
 Первая часть разрешение видеоролика, вторая часть расположение ролика включающее папку и название без расширения(.ogm)
 Подставляем свои координаты, у меня получилось вот что:
-<code>	<background width="1024" height="768">
+<xml>	<background width="1024" height="768">
 		<auto_static x="277" y="475" width="128" height="256" stretch="1">
 			<texture width="128" height="256">ui\ui_mm_rug02</texture>
@@ Строка 54: / Строка 54: @@
 	      <texture>ui_inGame2_background</texture>
 	    </auto_static>
-	</background></code>
+	</background></xml>
 Сохраняем.<br />
 Заходим в игру и любуемся.<br />

@@ Строка 40: / Строка 40: @@
 Рассмотрим подробнее:
 <code><auto_static x="500" y="130" width="432" height="160" stretch="1"></code>
-Первые две координаты отвечают за расположение видео на экране, вторые две размер самого видео(можем задать сами если хотим немного уменьшить его размер).
+Первые две координаты отвечают за расположение видео на экране, вторые две размер дырки на альфа-канале.
 <code><texture width="432" height="160">ui\video_voroni_crop</texture></code>
-Первая часть опять же размер видеоролика, только эти две величины уже нужно писать из разрешения ролика, а не какого размера он должен быть, вторая часть расположение ролика включающее папку и название без расширения(.ogm)
+Первая часть разрешение видеоролика, вторая часть расположение ролика включающее папку и название без расширения(.ogm)
 Подставляем свои координаты, у меня получилось вот что:
 <code>	<background width="1024" height="768">

@@ Строка 55: / Строка 55: @@
 	    </auto_static>
 	</background></code>
-Сохраняем.
+Сохраняем.<br />
-Заходим в игру и любуемся.
+Заходим в игру и любуемся.<br />
 Вот, что у меня вышло (коряво, так как я особо не парился делая тутор):
 [http://www.youtube.com/watch?v=GH6oTnudO10 YouTube]
-[[Категория:Texturing]]
+[[Категория:Texturing]]<br />

@@ Строка 1: / Строка 1: @@
 Доброго времени суток, сегодня мы научимся создавать собственное меню с анимацией.<br />
 <br />
-Что нам понадобится:<br />
-Распакованная игра S.T.A.L.K.E.R.: Call of Pripyat;<br/>
+== Что нам понадобится. ==
-Adobe Photoshop или любой другой графический редактор способный править альфа-каналы и открывать .dds файлы;<br />
+<br />
-Любой видео конвертер способный переконвертировать в .ogm формат;([http://stalkerin.gameru.net/modules.php?name=Downloads&d_op=getit&lid=393 скачать])<br/>
+Распакованная игра S.T.A.L.K.E.R.: Call of Pripyat;<br />
 Блокнот для правки конфигов.<br />
 Начнём.<br />
-Предполагается, что у вас уже есть готовая текстурка и видеофайл. И осталось только подредактировать альфа-канал.<br />
+== Рассмотрение оригинального меню. ==
-Выделяем на нашем меню то место, которое будет анимационным. После того, как вы его выделили переходим на альфа-канал и закрашиваем то, что выделяли черным.<br />
+Начнём с создания основного статического изображения меню.<br />
-Снимаем координаты места с анимацией, записываем (если у вас не идеальная память) и закрываем нашу текстурку.<br />
+Открываем файл '''ui_actor_main_menu.dds''' который расположен в папке '''gamedata\textures\ui'''.
-Далее идем в папку '''S.T.A.L.K.E.R. - Зов Припяти\gamedata\configs\ui'''<br />
+И видим обычное статическое изображение, хотя в главном меню вода пускает волны и птички летают.<br />
-И находим там файл '''ui_mm_main.xml'''<br />
+[[Файл:Tut01.JPG|200px|thumb|right|Вот, что мы видим]]
-В данном файле нам нужно найти вот такое высказывание:
+Переходим в управление каналами и нажимаем на Alpha 1 и видим, что на местах где должны летать птички и вода шевелится черные пятна. Которые говорят о том, что изображение в этих местах прозрачное.
-<code>
+[[Файл:Tut02.JPG|200px|thumb|right|Альфа 1]]
-	<background width="1024" height="768">
+Файлы которые должны проигрываться в этих черных дырах лежат по адресу '''gamedata\textures\ui''' и называются '''video_voroni_crop.ogm''' и '''video_water_crop.ogm''', координаты их расположения на экране прописаны в файле '''ui_mm_main.xml''' по адресу '''gamedata\configs\ui'''.
-		<auto_static x="500" y="130" width="432" height="160" stretch="1">
 			<texture width="432" height="160">ui\video_voroni_crop</texture>
 		</auto_static>
-		<auto_static x="413" y="352" width="576" height="416" stretch="1">
+		<auto_static x="326" y="0" width="876" height="400" stretch="1">
-			<texture width="576" height="416">ui\video_water_crop</texture>
+			<texture width="876" height="400">ui\ui_mm_main_back_crop</texture>
 		</auto_static>
 	    <auto_static width="1024" height="768">
@@ Строка 26: / Строка 55: @@
 	    </auto_static>
 	</background></code>
-А точнее, нас интересует только эта часть кода:
+Сохраняем.
-<code>
+Заходим в игру и любуемся.
-		<auto_static x="500" y="130" width="432" height="160" stretch="1">   <----- это координаты расположения видео на текстуре
+Вот, что у меня вышло (коряво, так как я особо не парился делая тутор):
-			<texture width="432" height="160">ui\video_voroni_crop</texture>   <----- расположение видео
+[http://www.youtube.com/watch?v=GH6oTnudO10 YouTube]
-		</auto_static>
+[[Категория:Texturing]]
-</code>
-В ней прописаны координаты размещения видео и его размер, а так же и само название.<br />
-Сколько видеороликов вы собираетесь запихнуть, столько таких строчек и нужно делать.<br />
-Вписываем свои координаты, и размер своего ролика.<br />
-Сохраняем.<br />
-<br />
-'''<big>Внимание! Фон видеоролика должен совпадать с фоном текстуры, иначе будет должного эффекта.</big>'''<br />
-[[Категория:Trash]]

@@ Строка 38: / Строка 38: @@
 <br />
 '''<big>Внимание! Фон видеоролика должен совпадать с фоном текстуры, иначе будет должного эффекта.</big>'''<br />
-[[Категория:Texturing]]
+[[Категория:Trash]]