Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). 6 P" o* D1 `# e4 N4 h8 x/ ^2 X# H4 t4 L9 _+ b, J2 R
3 J( V8 ?" e% U3 I* N! d7 AВажная инфа: + N5 ]7 L" i" C J0 ~6 |7 P+ X% vДавайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию. $ \, g& n8 G6 n. p6 VПри этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.( }# _' ^7 b, G% N- u# w$ Q: F# | Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию.2 l) a( G3 T9 v" p& e2 m Единица идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой. 9 v9 q! W$ |4 V! B- \( Y 2 i) M, v3 R. U! T$ ]& W6 X5 p8 l9 C) ~4 w$ T5 G1 u8 t% r
Открываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим:; f. W4 D% q+ V. |" a7 B$ J
[attach]493[/attach]/ V9 [- g+ r% w* O
/ [+ P6 @' R- D& |, d
1 - следующая текстура в нашей анимации. ! d& d* g& e D1 j2 - количество кадров в секунду (скорость прокрутки анимации). 7 i+ y% a' U0 ]6 d& J3 - общее количество текстур в анимации.9 y+ q3 W0 d8 ~ |; \
8 e. @+ w) S: g: T& z ; x c! T" E! c- BВажная инфа:* ^ u3 m; J0 a8 n7 P) y, P \+ Z Строго соблюдайте порядок добавления анимаций.' ?% Y2 r3 n' ~* r/ X+ q: a- I Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации. 9 ^' T: U8 a. S; X$ ] |Таким образом в Properties первой текстуры AnimNext стоит вторая текстура;2 Q J' p- s$ z# \3 q* ~4 p0 b& x В Properties второй текстуры AnimNext стоит третья текстура; 3 X# a$ v# K4 q9 @4 T& w' G% Y |+ [- k) m$ x, @ В Properties третьей текстуры AnimNext стоит первая текстура; $ v Z# ^. v# M 7 K' t# B, t+ Q* P + y& K6 P9 g0 jНе менее важная инфа: 1 i( m3 w$ e0 f) v7 [Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!- p- m1 b3 O) w8 ?
* e: M7 b! m- f Все последующие должны содержать только ссылку на следующую текстуру.+ C' ]# v7 z: s8 o+ m% {) d
. S, q% C" p$ Q* M% e% ]Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.+ C6 o: n( T0 j1 p( J5 F9 W9 O/ Q
# b; [) j& Z; v/ D* r( _
[attach]494[/attach]: Y7 X& e! Y6 w% E
0 x0 K: H: x j+ l6 y9 g0 X+ qКогда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров.- ?. a5 m" g4 F# a* m
, z+ z0 r; e; U& Q( w, s
t# `1 x: k6 V' ?0 G/ E+ u6 vЕсли что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.4 ~% p4 ?& n/ w3 |+ s; ]$ P. w
- M/ a/ m ?3 i* b& y3 M" `: j( F
Добро пожаловать artace.ru - творческий сектор (https://www.artace.ru/)