Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип).# y9 s3 S( y! j/ W: _
u" L/ H8 e' j ]7 M7 T! f# k# e2 |
6 q; p ?$ ]1 d& Q) ? Важная инфа:" X0 d" Z- D2 Z' f% E Давайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию. - d- a+ n' Q* Q' D+ h& |При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.3 j: D: w3 A! ]' U Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию. ( @/ k3 e! v1 q, iЕдиница идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой. ( s* Y( z4 B: B0 w. z, V# [- ?6 P8 W" A7 b- @
8 c9 X) d7 Q( M2 ^
Открываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим: & B' `# T0 X8 @5 ?, o8 s' h- d. M[attach]493[/attach] + I, ?( u7 f$ K& |' [% ]( _) v7 O" P- L8 U5 [; l' X7 t- E" Q0 _6 l
1 - следующая текстура в нашей анимации. R* r0 V3 b) F. X; Q2 - количество кадров в секунду (скорость прокрутки анимации).) F' Z& F# \8 k3 R: _/ s5 R
3 - общее количество текстур в анимации.# p. P! f. |3 w6 B3 i. O
" t$ Z+ F5 N8 o# V& w# N & m% s( ~3 P g/ _' x; OВажная инфа: : M x/ |! k. i, |7 }# B' HСтрого соблюдайте порядок добавления анимаций.; _# S- S% ]9 H# {% Q Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.3 k9 c( I. D( y; {4 r" | Таким образом в Properties первой текстуры AnimNext стоит вторая текстура;+ |! s u7 s9 P O) c В Properties второй текстуры AnimNext стоит третья текстура;7 Z6 X0 g P2 y$ ]" w' H7 Q2 l
% ?) {0 }1 ]0 \* w2 t В Properties третьей текстуры AnimNext стоит первая текстура; ( c$ U. h ? K7 p, @1 \' X7 H7 b- D2 ?% o% c* T
. h V l2 C; k) o9 r4 PНе менее важная инфа: 1 u5 N0 R. B, x, K' E QНе нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре! : |. B2 |8 q4 b q- c/ @8 b 4 r/ M0 `. w+ J* e" HВсе последующие должны содержать только ссылку на следующую текстуру.5 T$ {- X1 A( h! u) i; G X/ X
( w+ }8 f" U5 n5 k" w+ o
Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации. / |( G0 Q- |) i- G, {" n$ f K7 B * {1 i0 @% ^4 l C# M+ ^# e% `[attach]494[/attach]; j8 w; ?* E8 q a+ z' m8 M4 h1 ~
1 W S& q: W7 n
Когда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров.1 K0 N+ O% ^! u. `" `8 o
; W, @+ s0 U* T2 c+ `/ _' h0 K
, e* r& P! J! H1 O5 m- GЕсли что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей., H/ j% l' U6 J# E3 C
7 g7 Z3 w7 J0 O
Добро пожаловать artace.ru - творческий сектор (https://www.artace.ru/)