Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса [Версия для печати] Автор: admin Время: 2024-9-17 18:23 Название: Анимация на иконке/логотипе/любой текстуре для HTML/интерфейса Прежде всего нам нужно раздобыть "кадры" нашей анимации, т.к. сама собой она представляет ряд быстро (или не очень) прокручивающихся по кругу текстур, такой себе зацикленный мини-мультик. Когда текстуры уже готовы, грузим их в UE2 (предполагается, что Вы это умеете, раз задались целью сделать свой анимированный логотип). 2 X0 F, C. }" c$ o' |: S2 `3 c8 K+ V: Y. i# B& a0 U$ x" c
6 A- z* C8 |% O3 [ Важная инфа:* P7 c& w8 v- @; D$ X. [+ i/ X Давайте текстурам названия с нумeрацией, это значительно упростит Вам жизнь при сборке текстур в анимацию. & x8 N7 B! c7 q9 IПри этом учтите, UE прежде поставит файл с названием texture_11, нежели texture_2. ! I/ P: }, b- }* q( z1 f% EДругими словами, сортирует он по совпадающим символам, и не считывает Вашу нумeрацию. 5 ~8 B$ `" w* {" j& [; @Единица идет раньше двойки, следовательно будь там хоть 100 миллионов, текстура будет впереди текстуры с двойкой. ) V8 ~" W' x+ P# S( ^1 } 3 n9 h) z Q0 p. l; e. f4 X) h% F0 X* x, r) F
Открываем правой кнопкой нашу первую текстуру, клацаем Properties, во всплывшем окне открываем блок Animation, и смотрим:8 I6 e6 a% @" _/ m) }6 l
[attach]493[/attach] 4 V. b8 X6 d4 F+ x/ p2 W% T6 ~* o) X' r# X' m, F1 C& t5 s0 J
1 - следующая текстура в нашей анимации., j5 h- b* `" b& O8 e1 a3 |
2 - количество кадров в секунду (скорость прокрутки анимации). " x$ k$ g! Z* ^6 E3 - общее количество текстур в анимации./ }4 G$ u3 |4 u; h) h
6 Z- o) U: ]( M' K! J$ N( t: N+ K! J+ b: {+ Y2 h Важная инфа: 3 O* R; t& p8 Y( t7 m0 y9 ZСтрого соблюдайте порядок добавления анимаций.9 o9 i7 I/ n$ S Ваша цель - в строке AnimNext (сейчас будет неожиданно) указать следующую текстуру в анимации.- }4 e1 v4 I- |9 I0 h, K! }- E Таким образом в Properties первой текстуры AnimNext стоит вторая текстура; % |1 i' m0 h# u- h5 hВ Properties второй текстуры AnimNext стоит третья текстура; 9 d0 r9 F8 x F) ^( c" y8 z6 T . \7 q ?1 ^- \7 T0 FВ Properties третьей текстуры AnimNext стоит первая текстура;( t( J) E" G/ N5 L' c* J
' K- a; h" h7 e+ d# t
; d. E7 @* N) e1 dНе менее важная инфа:+ ]1 M7 m: F" H Не нужно в каждой текстуре называть количество и скорость воспроизведения текстур, это делается только в первой текстуре!1 G7 {. U+ P9 L% L
6 g H& r' p% N- d, b: t5 Y! f/ pВсе последующие должны содержать только ссылку на следующую текстуру.3 d" j2 j. M" }" {' x; F$ B
+ |+ m) C0 \- P1 p4 W1 \Есть небольшой нюанс добавления следующей текстуры, скопировать в строку название следующей текстуры - очевидный, но не верный ход. Делается это следующим образом: Выбираем текстуру, открываем ее Properties, теперь отодвигаем всплывшее окно, клацаем на следующую текстуру, и в Properties первой текстуры, в строке AnimNext клацаем use. Именно таким образом добавляем все текстуры в цепь анимации.- }/ l# S5 {/ o: D2 h; H/ |
# F+ M1 m" w/ k+ V/ {8 j! m
[attach]494[/attach] 1 T7 L! F( T% m# O, c7 q3 h* z7 R$ q' `) ^; y
Когда мы зациклим последнюю текстуру на первой, и перейдем в Properties первой текстуры, мы увидим саму анимацию, если ее нет, что-то дергается/пропадает - вероятнее всего, Вы пропустили какую-то текстуру, либо плохо скомпоновали ряд текстур, либо не соблюдён порядок, либо Вы изобрели новый способ все запороть с чем я Вас поздравляю и сочувствую одновременно. А на этом все, дальше сохраняйте как обычную текстуру, в HTML вставляется название самой первой текстуры, где задается количество и частота обновления кадров. + r+ C4 `( r$ v0 S/ d1 _ + B* E4 C. x- o' V! i 3 j* G4 A+ m! e) t- d9 o8 m- U' UЕсли что-то идет не так, убедитесь так же, что пытаетесь всё делать подходящим софтом, вот этот, например, может справиться с такой задачей.8 z6 i& Z$ o+ C% ^0 J+ ]1 R+ q& P
2 T1 d- f# W% |& |
Добро пожаловать artace.ru - творческий сектор (https://artace.ru/)