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

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

Автор: admin    Время: 2024-9-17 18:23
Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса
Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип).
$ a( X% B+ _3 t) r7 H/ b' j2 z* R9 c
5 W4 B2 E& S4 z
Важная инфа:
8 u, y' U+ q) N% ]# s' FДавайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию.
+ T' d& }5 o5 T+ kПри этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.) C6 t+ g# l- X- ?1 V5 t
Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию.
) w+ a3 ~. r( }7 zЕдиница идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой.
; \- D8 {( t1 F- l5 n
- q/ m  h$ @- ^* ^7 N" ]  }2 @

. S& s0 k9 k" pОткрываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим:
1 E1 J# `+ J4 q6 T[attach]493[/attach]
% o0 M0 K! _4 T0 A! H% s
. ~. P; @- D( Z
1 - следующая текстура в нашей анимации.
. M5 ^" W" U3 N2 - количество кадров в секунду (скорость прокрутки анимации).( t8 _) A5 U- i0 z
3 - общее количество текстур в анимации.( Z# n2 \4 g- L+ Q
& H- p8 a1 [0 s  I4 S

' a. o" H5 e1 D2 {% s* ?Важная инфа:! g9 U3 _# ^. V
Строго соблюдайте порядок добавления анимаций.- ]% A  u7 `& b1 Y5 H, R: l4 g6 [
Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.+ N" a# }) i8 J
Таким образом в Properties первой текстуры AnimNext стоит вторая текстура;
$ o: _* `7 H9 H% D6 N0 B5 W  dВ Properties второй текстуры AnimNext стоит третья текстура;& N& u/ N. W. q* [' u
# v0 B8 ~( R. o
В Properties третьей текстуры AnimNext стоит первая текстура;3 G" c1 Q: R! Z6 ]
0 E+ o6 R1 }/ y

4 W8 Y, ]$ A" ^& c8 q4 z* {Не менее важная инфа:
/ x5 P* x( t7 e, C* y, Y  qНе нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!
0 d2 [* T4 ]) Z: I
% p8 x# N- \* ?3 U5 a; R  tВсе последующие должны содержать только ссылку на следующую текстуру.
) n! b: G8 P' t( N) {) A6 j7 m1 Z
% |; l' G4 B; {: }- V8 y+ zЕсть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.
$ ]7 F9 U* s, p+ l" @' J  O: E2 [: O
[attach]494[/attach]3 p# E5 N3 b  ?5 i! S: d, Q

* `) V% L* `  l8 J  F5 _& VКогда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров.
2 z* }$ P+ p4 z  q. A5 S) m+ x9 h3 O$ ^0 Z8 y

* t- M0 c2 }3 |' @Если что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.
! l. B: i5 E8 D3 P' \8 N! e# b7 G" Y
2 ~  q! D* F: d7 o% L% V; j% N




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