artace.ru - творческий сектор

Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати]

Автор: admin    Время: 2024-9-17 18:23
Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса
Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип).  x, v( m8 M2 Z0 S2 @
* G- Y3 X6 g" l# K0 z

0 X2 j) U. L, @Важная инфа:
- Q7 ?9 a6 x% V* rДавайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию.) W) O, P! J: I5 u
При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.
5 H, Z& J1 Y2 KДругими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию.4 N" M  \# r; I  `" g! Y4 _
Единица идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой.* q5 k2 d2 q2 J: }' C
, `% U, S. y! R7 W9 x2 w
+ w) }3 \4 `" k& e
Открываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим:- L6 J7 X/ e2 I5 [% {* k
[attach]493[/attach]; X% _* _- j, c* r2 J
/ H+ R5 `* n: a! ]8 h' z
1 - следующая текстура в нашей анимации.* {( P$ h* o3 Y* Q1 |* J. q
2 - количество кадров в секунду (скорость прокрутки анимации).+ u4 s8 `- z$ q
3 - общее количество текстур в анимации.1 p/ `5 y7 R6 u8 v

5 G5 R0 R0 B" L

0 z. t  p2 I0 {$ b3 ?# z" eВажная инфа:
" M/ d* P9 v/ j# PСтрого соблюдайте порядок добавления анимаций.: P3 P1 G: T% m& M6 l
Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.
  P* W8 c) i3 CТаким образом в Properties первой текстуры AnimNext стоит вторая текстура;, u1 d0 c+ g6 b
В Properties второй текстуры AnimNext стоит третья текстура;' ~! J! d/ D' V. m) Y/ v: |

1 v& T& t( q. IВ Properties третьей текстуры AnimNext стоит первая текстура;
8 H( }4 j9 B, l; N9 B
5 {4 s$ u5 Q- M7 s
* D8 h0 y' e/ x9 D
Не менее важная инфа:
8 E% c, i" K: G$ F+ XНе нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!/ z: K* M0 H' v+ ~# O5 [, X
' B) K( J9 R  P. j
Все последующие должны содержать только ссылку на следующую текстуру.
6 F: H5 f( D5 ?, w5 v" }, v4 ~, e
Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.
5 a1 W# d; {7 D9 A7 u+ t/ W% B) X$ P( v! E6 p8 x
[attach]494[/attach]
# C9 p5 ?% e% j4 n. B( n$ j, ~
4 p- E  E: y+ y, Z/ \Когда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров.8 I  c! r) E; u) h5 d# D

1 d' A- z. ^. N6 Y6 N+ I& Q, F7 p

7 ?/ Q* J0 X/ N0 q3 v7 E' w( TЕсли что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.
4 P1 T( `' @% a5 u: q: `4 e. ^- d7 s





Добро пожаловать artace.ru - творческий сектор (https://artace.ru/) Powered by Discuz! X3.5