Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип).0 H B+ a/ h5 S' \
3 G* U" A2 O8 P3 T) ^
7 } C4 w" [" r0 z Важная инфа:5 M& q: J1 l( d6 T+ k Давайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию.4 j/ q( L6 N' q Z# U, ] При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.& H7 f* t& I/ A$ _' { Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию. " R9 ~' B3 D: J# K1 cЕдиница идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой. ) C; V2 X0 N$ P' q" u( g# c8 X& [/ g9 o% P8 ?
4 z" w+ A N" w& N& I
Открываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим: ! R, j- `; P6 Z# k[attach]493[/attach]3 u' U" n. u. v! J
' T7 k; |. y9 y
1 - следующая текстура в нашей анимации. 4 Q* e' w# P9 ?7 A0 P( M2 - количество кадров в секунду (скорость прокрутки анимации).4 @% C0 A& v( e9 T
3 - общее количество текстур в анимации.# Q( K" L: O2 v! @( u, @
( }) T1 b# o, A6 N9 A" y3 V6 c ( H: W$ D' I, x: o( W1 x- s9 O- cВажная инфа: E. U% [6 u, } H n1 ]! u) g Строго соблюдайте порядок добавления анимаций." ^- p6 Y3 \2 {6 H4 @; r Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации. 1 `6 ?2 c. E! o9 eТаким образом в Properties первой текстуры AnimNext стоит вторая текстура; , t# m: S& X% k2 p. @' v- n+ iВ Properties второй текстуры AnimNext стоит третья текстура;7 r9 T; P, K3 J/ \
5 t" V( g" s) t$ P$ Q) o2 j5 n1 vВ Properties третьей текстуры AnimNext стоит первая текстура;# w+ {; ]: f# X, X& d
6 B/ `, c7 I+ u7 K2 a% V
( a7 Y5 U) F, F' QНе менее важная инфа:+ G. P' ?6 p3 U* S# T- I# A Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!; J* T8 x- T4 g
8 p& C1 C2 W$ e2 D/ c0 R" p* M5 {2 tВсе последующие должны содержать только ссылку на следующую текстуру. 3 o2 H6 W" v" V9 A& w3 D$ o. i; X% X- M* J+ M
Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.8 w6 E4 v; [& x- k0 _( n
# T( X" V9 _( \2 }% I7 Z
[attach]494[/attach] ; N& n, O$ o, z: ^1 s! S0 _4 _ . z* F8 S9 i. b9 AКогда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров. ' ?5 U) \' _6 {; c * z) `3 `) E6 W5 G9 @3 {# ^7 G& t2 \! C, Q* Q: o
Если что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей. % k# L! Y- O, w9 r9 k0 ^7 w 2 y& ~ T' V- D0 ?
Добро пожаловать artace.ru - творческий сектор (https://www.artace.ru/)