Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). ) a9 Y/ t3 E0 n E5 l' j* s+ |* r2 D * R x$ x. U" ]$ f8 d8 u6 l$ W* f6 u# g8 L* ? Важная инфа: ) c( M$ m/ H- r4 W; l) U6 l3 D( XДавайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию. % i; \9 E8 e: ]! N( XПри этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2.7 ?* ^) {& |3 [' i- i Другими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию. % W ?1 P2 p: W: N% IЕдиница идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой.: @( W0 a2 U3 j) |# P% g
( a2 b+ O7 N" l* g% y ?/ c- f9 R" c; Z$ [2 [
Открываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим: & ] D# H' q: c+ _* e[attach]493[/attach] # s- a% v) I2 h4 @% M7 V% }" l, f d& T( W) s8 L
1 - следующая текстура в нашей анимации.: |7 K, _( \2 a1 b0 s
2 - количество кадров в секунду (скорость прокрутки анимации). - I9 A! F- i$ o# ]& P1 p+ ^3 - общее количество текстур в анимации. & f$ @/ i$ h8 f2 W. j7 R. z- S; ? H, K! p! k
% |. h8 B' N! b+ x! u- l- ~Важная инфа:! A! X7 W" f5 k, E Строго соблюдайте порядок добавления анимаций. ; X$ s5 R+ T5 d0 lВаша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.. d+ e9 o& m# [" y2 ^- f) t4 q Таким образом в Properties первой текстуры AnimNext стоит вторая текстура;+ _) r, ]0 O1 H В Properties второй текстуры AnimNext стоит третья текстура;# U! W3 M# x. p, \% o
" _$ w. n* D: K В Properties третьей текстуры AnimNext стоит первая текстура;) D& ^- o" h0 F" @" @2 P; G
; ^1 N: A9 ?* Y) ?. ]: h+ R. W: O4 P" x8 t Не менее важная инфа:" {! H0 J. Y9 M1 u: D% k Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!4 }4 E9 f$ S7 }* n7 e/ J
& t9 F/ C7 g! A$ @$ i* W& wВсе последующие должны содержать только ссылку на следующую текстуру.9 k' O, J3 n$ F2 T! M8 A
6 z, y8 d; J, pЕсть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.( y- ?/ d# Q* [4 o; j3 n. \" q7 M
+ ]+ V( |, m% Z: s4 d; o
[attach]494[/attach] / |0 v5 \' ^: t1 W+ i 8 [# {8 S2 f5 q9 KКогда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров.& ? K. I+ F9 k) r8 `# W
% F- r) h9 R5 m3 W( U8 r0 H4 H/ i7 t* `& H/ E6 j/ \
Если что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.& q; A2 E. X6 H7 l; j. ^; }3 d
6 x* P+ G" O2 F) u: q1 p( `
Добро пожаловать artace.ru - творческий сектор (https://artace.ru/)