Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). + }1 b' x3 L4 }6 @ t6 m8 g# F) R: P# e2 L. y9 W8 I7 n/ c
8 U, w( S3 E2 S i8 U Важная инфа:) d& K& z# e2 r' i1 U, ] Давайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию.. T+ h# r& C2 O1 U/ m3 J При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.) [7 m+ x! ]- s& p' K- N5 \ Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию. 8 a/ p: J! T! u- uЕдиница идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой. 5 L* L/ J* Y& B. x* k- g; N ?+ j# A6 {- t/ m' h
* c1 M5 \: t3 Q' D: W1 Z! V RОткрываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим:4 j6 y9 h; g! m4 C6 _. v
[attach]493[/attach]/ s* Z' ]+ d6 r; l y' ?( v
5 L0 P7 @- X; o+ M7 Y9 k. w" R
1 - следующая текстура в нашей анимации.# G, z& v6 K1 E* r1 q
2 - количество кадров в секунду (скорость прокрутки анимации).4 ^; K W0 _, n0 X
3 - общее количество текстур в анимации. 1 g0 t& Z9 V A- X7 b# b: g! i' c0 Q4 c7 }% b* L5 ?/ b
& K% y% [! C& |( E Важная инфа:: N# t5 _- j9 \: Q$ ?8 i5 o4 ^ Строго соблюдайте порядок добавления анимаций. * ]2 y" O' z: K6 A3 y0 ^$ i8 @ LВаша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации. 8 }6 _! q3 _7 z# Y" L- GТаким образом в Properties первой текстуры AnimNext стоит вторая текстура; % o- m) K5 m7 C6 G3 f3 n$ `В Properties второй текстуры AnimNext стоит третья текстура;6 ]$ P3 @% I m- Z1 u
$ p* ]7 n; S/ V% g! J; g8 X' WВ Properties третьей текстуры AnimNext стоит первая текстура;7 _ D G; G3 l' u* R l
; }7 @7 Q& I2 z' v0 d/ ]% ]1 E
6 q2 s6 |, M( y Не менее важная инфа:$ \3 p, R. M) y/ Z Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре! ( f& U5 H. @1 X0 p' m4 c4 C! i2 B; ~/ |) ~. ?" L8 W' k Все последующие должны содержать только ссылку на следующую текстуру. ( C/ {! g0 E; a; T# r9 R0 m, V7 P! U$ c: C! L
Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.$ z7 Y# O9 q/ S
) _9 D+ V V9 U; X" @+ G0 m/ y[attach]494[/attach]) h4 N Q. T, p7 O, K5 p& l
6 P( e" {9 R# Y/ }6 q1 G" R
Когда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров. . F, X( F+ ~8 H$ E1 v" i6 ]. D " V6 G( D% ^, s# y- x0 t, S4 H* F5 P" e" l/ \# m6 |
Если что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.2 L2 e& _& I5 r9 U* m" H
- y3 ~# r3 `& N( K# m% p1 m7 U
Добро пожаловать artace.ru - творческий сектор (https://artace.ru/)