Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). ; I; N1 o, N4 x/ O: {3 B/ O' c$ h* E0 B; s, d: k
9 _5 [' A# N0 s: J; P- VВажная инфа: + p6 X0 A ~$ G: O2 U. u9 \Давайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию. 8 H) y( P8 p8 m8 v9 v9 ^. CПри этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.' o8 T" D& C/ p4 R( Q ] Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию.1 s- F* c* W: G2 _) h& ] Единица идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой.3 ~4 r; ?1 p* @+ R
7 `2 k o: U. ?# S0 v! H ! Z9 K2 y# ^/ tОткрываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим: . X% ?' i# N) I[attach]493[/attach]3 ~. N( Z) R) L
6 [' o& x" h6 S j8 B/ ?2 ?4 Z1 - следующая текстура в нашей анимации. 2 t5 e- N4 S* P4 ?- T. R2 - количество кадров в секунду (скорость прокрутки анимации).9 I; ]! }0 r( K& n! z* v
3 - общее количество текстур в анимации. D! D# W- b- I+ Q6 W- K5 U8 k' y% q( B$ v- l
1 m0 y2 Q) V: [8 v( z% }. I8 G2 J8 iВажная инфа: ( @( t$ [, \7 B# @5 D% GСтрого соблюдайте порядок добавления анимаций. $ F9 x* r# H4 L: x6 N1 rВаша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.3 C' g) I! f9 E3 M( U" J Таким образом в Properties первой текстуры AnimNext стоит вторая текстура;2 L1 U5 j( E3 P+ B5 x' c В Properties второй текстуры AnimNext стоит третья текстура;; s0 b6 E; M" H, R4 e( ~
- m5 {" W/ e$ S% C' e! Z; _ В Properties третьей текстуры AnimNext стоит первая текстура; : n$ |' n8 n, t' d( w" T) j T4 X( { B7 r* ]1 |: n) V+ z3 ^
8 g) F4 F% _) w( J: K! }0 z4 D2 ^Не менее важная инфа:4 G \# `- a( A: {" s Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!: ^4 P( i6 V( ~2 j! E
9 G. f3 f2 h" ^/ S( BВсе последующие должны содержать только ссылку на следующую текстуру.6 _. F3 l/ q) P1 _$ `
8 |1 N! q2 V; e; R* JЕсть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации. \+ h* Q: M6 R7 }& n# I. z5 G2 |
1 U4 u3 ~8 d' y7 ]# f# b
[attach]494[/attach] " `3 r% D, B9 M ) ~. t, c" M& \$ b; QКогда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров. 2 E0 L+ n% D! W: p6 t 1 [/ Q+ t! c! v+ \, u6 u1 t! i* |, {9 L0 ]5 \ F! d
Если что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.7 r) J7 \9 i& K+ ~' F9 Y
: Z# @+ h- ?3 k4 ?* p$ F
Добро пожаловать artace.ru - творческий сектор (https://artace.ru/)