Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). % R5 i& U" @: @# { 1 g4 R- v: c+ Y2 H* N % e7 ^0 I' _1 a8 P1 p9 mВажная инфа:8 l* w9 {/ z/ [% k' H8 }, g6 e! v, i Давайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию.% \& g4 E% |8 z* `, u4 e При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2./ @# ?6 S' U6 ?, d Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию. ! H; y: S" {( V3 MЕдиница идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой. 1 M( B& @" | f1 A& \ ; c& u* R8 B! k- p0 u' F + C$ ^- t- |! L' S/ YОткрываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим: / f; C9 ]' Q$ Y- o5 z2 I& X0 v$ w[attach]493[/attach] 2 a! w5 B/ ~. J2 j8 t2 t$ r( O5 u+ f! l0 h2 R( T
1 - следующая текстура в нашей анимации. 1 l& [% i1 I" p$ s2 - количество кадров в секунду (скорость прокрутки анимации).( O7 H3 K* O/ ^* L
3 - общее количество текстур в анимации. / O; d! y; U+ P0 t0 s9 \2 a; G+ z2 }! f9 ]- F9 L( J( m. _" d$ c
' g0 ~) y# c. S$ t# A Важная инфа:2 K4 \- E/ p! P+ l( F Строго соблюдайте порядок добавления анимаций.4 Z* y; H \6 r) O) d Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации. v, x! {' X8 y' ], CТаким образом в Properties первой текстуры AnimNext стоит вторая текстура; 5 R$ a+ w' I2 ?) M2 L0 u9 y& b* hВ Properties второй текстуры AnimNext стоит третья текстура; , n% i4 h! U4 A1 F9 S" Z$ e' V# {- i В Properties третьей текстуры AnimNext стоит первая текстура; ( |: A6 b( l- y3 ^, K. u1 y2 J $ J4 }9 I7 @' I" U * y7 d& ?8 r9 C5 c/ y7 pНе менее важная инфа: B9 o& B- |9 O7 J$ m Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!) w9 X: w- G- t
1 M" N9 Q, ^( h4 n' z* ? Все последующие должны содержать только ссылку на следующую текстуру. ) R; v; U6 Y# _ t& ^& f: T* V' O
Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.6 n E3 m- K4 x' o
: W# D4 M8 y0 j[attach]494[/attach] ' v+ d% J8 z4 M/ @5 ^3 g* V4 K* {7 C5 I& ~" {6 F/ b6 _
Когда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров. $ f+ y- d# g% \2 V9 O: w! j3 B# P4 D3 [/ _# j4 e" l( S3 O& f
6 x& o: O" R% y2 hЕсли что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей. 3 L) }! }: _. D0 C* n/ d : w2 ^; n t/ ~& W7 Q
Добро пожаловать artace.ru - творческий сектор (https://artace.ru/)