Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). , j t" V9 K8 b- s7 q' i' M1 r$ L; Q( A+ d" L/ ^
' b# L e* V3 f! f' eВажная инфа:, d: K" k8 Q0 D Давайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию.7 ~! l$ a' F$ h( _2 s( ^ При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2. 8 V* Q6 b" |3 w0 x- w" _: J) GДругими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию. 5 J2 ?/ E6 g! nЕдиница идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой. : y) g' G+ Y1 s& E. m+ k( O5 u" W3 f& n4 Q
% r: w( b3 D% G5 D- F+ R, M
Открываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим: % i$ \3 i4 ]0 p; } o[attach]493[/attach] 8 O1 Q8 F% X5 L: Y2 Y6 ^5 B 9 f1 F( B0 e2 w1 - следующая текстура в нашей анимации. 1 L1 _: h" n6 v5 A! J2 - количество кадров в секунду (скорость прокрутки анимации).7 m6 A8 r' \+ ?7 E w+ @) K
3 - общее количество текстур в анимации. ; Q7 R Y, R; }% p# x2 _) s4 m i4 l
8 d9 S& i6 d9 o s Важная инфа: 0 u! y D8 L) x# J" kСтрого соблюдайте порядок добавления анимаций. + l6 `/ E. \3 h, X( G* CВаша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.* R! p3 T+ P) l+ _( g Таким образом в Properties первой текстуры AnimNext стоит вторая текстура; & H: `% Z6 r0 y. h9 @, \' i! t2 zВ Properties второй текстуры AnimNext стоит третья текстура;2 V8 k& i& n& K+ |8 L4 }. j8 e
' Q, K. m2 E" m# ZВ Properties третьей текстуры AnimNext стоит первая текстура; 0 @" v: B' Q) A. M 7 L* k% t* K7 q' _# q c) {* P' P$ d8 b) ~% d& AНе менее важная инфа: : H0 ^$ L5 g4 l) {Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре! ) `; Q8 O7 y6 S1 o N5 ^5 W: @/ @4 f9 h% {/ I9 g Все последующие должны содержать только ссылку на следующую текстуру. % Q) X: Y; a6 b) y; t3 [+ h: s! I$ Q3 x9 l. Y2 O
Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.( _- ?( h; a+ I4 Y6 }
0 S) K: a L0 Z
[attach]494[/attach] , L6 G! ^1 M& V4 W* |! I7 { & A' X9 c1 \: T; S/ n0 EКогда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров. " F) R) T5 O" O 2 T; [& J! q& c; @, _! r( r. [ J! d! f8 I1 X( n" a4 iЕсли что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей. ( M5 {! O/ _+ d- W / g% T W* V2 X$ w
Добро пожаловать artace.ru - творческий сектор (https://www.artace.ru/)