Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). - I' N$ N, \+ v( Z) y( U: [ # M4 }, M4 U& i0 ^ ) f. j: X1 r9 N) aВажная инфа: " F. K$ P4 f% U; T3 T# m" ?# W# e IДавайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию." C# f ]5 l3 u4 i4 G: ` При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.8 X3 {- ^ M* P) F# J3 y: j5 x Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию.; Z% b4 b. l6 t0 Y& \5 E Единица идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой.5 F% v, d6 c: X4 f- X; Z1 Y
) o1 P3 V. I" P8 a8 g2 C4 q- h5 k; b
Открываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим: : g5 d" ^+ p, n0 `. Y[attach]493[/attach]9 H: A! k7 e: { P3 k" D* D& {+ r
! N: l. H. v3 F5 n1 ^: v1 - следующая текстура в нашей анимации. ) k9 |' V/ m4 t1 s7 n( G4 ^2 - количество кадров в секунду (скорость прокрутки анимации).- w0 [: N8 Z. E3 P& u5 R+ c N ]
3 - общее количество текстур в анимации. 9 I$ z1 _; \8 N9 i6 _ ! h7 I2 j5 F. r. @2 b/ b + ]( K" O0 q, d' V" d% `Важная инфа:5 s m$ c, n5 u& G Строго соблюдайте порядок добавления анимаций.$ m+ [' Z. {& O1 z Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации. H) [7 q0 A( CТаким образом в Properties первой текстуры AnimNext стоит вторая текстура;- F @9 g8 t* s- I* O, X В Properties второй текстуры AnimNext стоит третья текстура; 2 y/ V! x+ H {: f4 N g0 b3 q4 O: w В Properties третьей текстуры AnimNext стоит первая текстура;& x0 W& M" x8 z* S
# R; f+ L5 x* B$ I$ i+ A3 M
- G6 F3 n2 W v: Q Не менее важная инфа: * Z6 o8 i# {& a% p0 P- o. ` ZНе нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре! $ t2 q/ u) B: c+ c + z( ?" ^+ D) g) SВсе последующие должны содержать только ссылку на следующую текстуру.2 t" O/ E& O; l* z1 J, q* L. ?$ @
! b- f$ X l4 J4 I6 ]$ L( wЕсть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации./ {* S5 Z, E. A+ r
' e. e5 @& G! j8 @$ Q. c q[attach]494[/attach] + }7 J9 Z! \; j8 R! Q- q2 F( H# }0 Q
Когда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров. 3 O" B4 v5 c6 ?# ?- K- r: t k$ I9 ]; S* q8 D9 s
) V, k7 r1 e& ~3 |) M
Если что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.5 k( p$ m$ s+ q0 T; b
7 V1 {4 l( h4 I6 [8 g9 {0 h0 A
Добро пожаловать artace.ru - творческий сектор (https://www.artace.ru/)