Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). + a; f! C7 x7 L C" x M) X- }/ k7 J/ K- p- X
8 G; `5 [3 B9 V. aВажная инфа: 8 n$ ?/ M4 [' M2 T3 v) A' b- t2 RДавайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию.( o- \, M. N- X" `3 g; k При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.: `. S+ s0 h, j( T' X! n Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию.! J. H1 c) a% P; C6 H. n& d, L Единица идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой. 7 i" E& V/ _+ x" n- `. s" G. T2 s1 {; e5 B; j }
' S( X3 D- ~' e! d7 A5 D4 N/ V" lОткрываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим:: K; n1 N6 Z. ]; `
[attach]493[/attach]& c: d. |: q$ p
+ g! |7 P3 r$ ? [8 |
1 - следующая текстура в нашей анимации. . X c. {$ r. h) y% v% ?& p2 - количество кадров в секунду (скорость прокрутки анимации). 1 K1 D/ n9 }! }3 - общее количество текстур в анимации.3 U/ n) E5 ]/ m8 V" Z( e$ v+ y$ R2 n
, H2 |; T. p: U% G
E$ s# r8 t$ M+ |* l. j/ T* ^Важная инфа: / ]/ g$ J* ]. l6 ^1 P# h' Y- HСтрого соблюдайте порядок добавления анимаций.% t! Y- C8 A1 m4 ]* J Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.; ^! G. X0 G* n Таким образом в Properties первой текстуры AnimNext стоит вторая текстура;( w( H$ R- V4 h В Properties второй текстуры AnimNext стоит третья текстура; 2 @) J/ x0 f X9 `* x/ S2 L0 a8 j$ P1 H9 o; ~ r- x/ V3 Z В Properties третьей текстуры AnimNext стоит первая текстура; Y& ?, E4 P5 m) J& k B& r
; C. P0 Y( _& a6 E: L! `% b/ Y8 X) ~0 Y Не менее важная инфа: * B! ^. R4 {* r3 h3 O3 a# H$ DНе нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре! 7 I1 {+ Z9 I% W 6 L' \, p9 d" N2 XВсе последующие должны содержать только ссылку на следующую текстуру.9 Y. f4 [+ Q; G2 T
: V v. i" S* X. f& |
Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.# v8 M8 _) u$ z# H* q" a! z
5 R% V; c, f" o; d2 ~[attach]494[/attach]# X0 H2 T4 m/ q; J; P$ g$ h) X
8 s- o9 ]/ O- v9 |* A: G+ z
Когда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров.& {5 r" u: @3 b. G: J2 X7 \
W- c x$ a) i8 F0 m" t' R. E; X/ k5 d
Если что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей. ! R/ M# W$ b, o; [ 5 V$ R+ \* g$ r& D: z
Добро пожаловать artace.ru - творческий сектор (https://artace.ru/)