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

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

Автор: admin    Время: 2024-9-17 18:23
Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса
Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип).5 h1 O$ t$ E) R( Y2 e

1 y/ [* }2 [; [! J

; Y; ], A# O$ Q3 hВажная инфа:7 v4 w2 R9 f8 h3 F, q/ T
Давайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию.3 }: b, g3 ?8 w6 a$ r+ N
При этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.
4 V+ Y5 o: V/ F3 R4 P4 M/ KДругими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию.
* b. c1 D  G2 ~3 \2 |Единица идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой.
# \/ Y! z" a$ g
+ \2 Z/ m" F& D5 K  v; y( i9 T

6 L/ L6 ~; L4 b0 fОткрываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим:! J- {1 L1 [! i" E- e1 C
[attach]493[/attach]
7 I. n+ u* T" V" ~4 t  }

2 J; g/ l: M& j1 - следующая текстура в нашей анимации.
4 S! `  h( q4 ]' B2 m9 D* X# v2 - количество кадров в секунду (скорость прокрутки анимации).
4 |* _% O2 G. _5 z/ T5 \3 - общее количество текстур в анимации.
9 C+ _1 P; o1 Z( g5 @1 q4 {6 g) z; b7 X8 ^2 O. V2 Q$ B) |; o+ J1 K* \

. i0 L" s% v( ~  L6 S, }2 YВажная инфа:5 m2 W( J/ O  p! v- h) L" i0 q
Строго соблюдайте порядок добавления анимаций.7 t! k8 o' p& f1 L
Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.0 z$ D6 l' d# m# R( p3 P, u/ K
Таким образом в Properties первой текстуры AnimNext стоит вторая текстура;+ N! s6 d- i- K0 W' @" Q
В Properties второй текстуры AnimNext стоит третья текстура;" z, H9 T8 }# O( h
" B* ^5 o, k$ E5 ]/ {* R9 t
В Properties третьей текстуры AnimNext стоит первая текстура;6 u1 a2 `( q  W9 l: U
6 V; ]3 Z4 M0 I

3 X% Q4 \  q$ ]Не менее важная инфа:9 p1 S# R% }# H- z  ]5 q, L
Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!' D! J6 x! C" X3 w$ v

7 q' c, x6 I4 H% ]0 JВсе последующие должны содержать только ссылку на следующую текстуру.
2 U# B% i7 N9 p& K' m+ E+ n
( V  o/ A% S* t* p( xЕсть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.1 n+ j- w4 `3 c8 o9 F$ i# P
& K0 P% P/ [0 _  b8 r
[attach]494[/attach]0 F& R2 X# H+ V
! ~4 M# s) n% z; a
Когда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров.
/ D. }- V  m4 L: `4 {7 _4 ^+ S. S0 s0 P; n1 E8 r, l

6 Z, t+ e( s, L/ B9 q$ U1 _Если что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.5 q0 V4 H3 N! J  w) v+ r2 T6 ~

# @8 Z+ l1 N* N0 ~; i3 y! d, p: @$ I




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