Описание тега bodymovin
Bodymovin - это расширение AfterEffects, которое экспортирует анимацию в SVG или Canvas. Вопросы, связанные с этим, должны касаться реализации на стороне JavaScript/SVG/Canvas, а не самого AfterEffects.
1
ответ
Обратное воспроизведение анимации JS при отпускании мышью.
У меня есть код, который прекрасно работает. Мне не нравится то, что при отпускании мышки анимация останавливается. Это не хорошо. У меня есть пара идей: Как сделать эту "остановку" более гладкой и удобной? Как сделать "обратный ход" после отпускани…
15 янв '17 в 00:17
1
ответ
JSON анимация экспортируется как видео MPEG
У меня есть анимация json, созданная в AfterEffects, экспортированная с BodyMovin. https://github.com/bodymovin/bodymovin Есть ли способ взять этот файл JSON и программно преобразовать его в видео? По сути, я пытаюсь создать видео в стиле JibJab, гд…
18 сен '17 в 14:44
1
ответ
JSON-формат SVG внутри React Component
Я использовал расширение bodymovin для AfterEffects, чтобы создать анимацию и экспортировать ее в формате JSON, совместимом с Интернетом. Я попытался выполнить это пошаговое руководство, чтобы выяснить, как включить его в компонент: https://gist.git…
12 мар '18 в 04:57
0
ответов
Экспорт с Bodymovin не работает, как ожидалось
Я новичок в After Effect CC 2018, у меня есть композиция, которая состоит из 3 анимированных видео и 1 текстуры. Затем я экспортирую его как JSON, используя расширение bodymovin. Затем я загружаю json на lottiefiles.com для предварительного просмотр…
12 фев '19 в 22:50
1
ответ
Адаптивная анимация Бодемовина
Как встроить экспортированный файл bodymovin, чтобы он был отзывчивым, но при этом сохранял правильное соотношение сторон логотипа и шрифтов и соответствовал границам моего сайта? Есть идеи? заранее спасибо
03 фев '17 в 17:09
3
ответа
Хотите отключить зацикливание в лотерее анимации
Мне было интересно, как я могу запустить анимацию Lottie только один раз, так как она по умолчанию зацикливается. Вот ссылка на код, который я пытаюсь изменить: https://docs.expo.io/versions/latest/sdk/lottie.html Благодарю.
29 мар '18 в 18:06
0
ответов
Изменить контейнер игрока bodymovin, наведя курсор мыши
Я хочу использовать bodymovin в качестве эффекта парения в моем новом проекте. в моем html много DIV, и я хочу, чтобы моя анимация воспроизводилась в каждом div, когда на нее наведена мышь. на самом деле мне нужно изменить контейнер моего игрока. Я …
10 ноя '18 в 15:19
1
ответ
Изменение значений окна просмотра в SVG с помощью bodymovin JSON
Новое в общении с бодмовином. Есть ли способ изменить окно просмотра экспортированного SVG после его анализа в браузере, либо с помощью Javascript, либо путем редактирования data.json? По сути, я хочу, чтобы конечный вывод окна просмотра был "50 0 4…
25 авг '17 в 07:14
1
ответ
Бодимовин не работает
Я попробовал примеры, представленные на сайте и codepen. Они работают через сервер Xampp. Но мои пользовательские анимации, экспортированные из эффектов, не работают. Файлы существуют в моей директории проекта: (1) Index.html (2) index.js (3) bodymo…
03 июл '18 в 18:19
2
ответа
Как вызвать функцию при прокрутке
У меня есть несколько анимаций, которые я хочу активировать, когда прокручиваю определенную точку на странице. Я не думаю, что у меня есть правильный синтаксис для вызова моей функции анимации со свойством scrollTop. Я проверил это с предупреждением…
06 мар '17 в 22:27
1
ответ
bodymovin в Angular4, исправление appendChild из неопределенного
Я использую скрипт bodymovin в своем проекте. Даже при том, что некоторые из моих анимированных SVG рендерится в браузере, я все еще получаю эту ошибку Uncaught TypeError: Cannot read property 'appendChild' of undefined at SVGRenderer.configAnimatio…
31 авг '17 в 11:20
3
ответа
Лотти Анимация на холсте фабрики
Можно ли загрузить анимацию Лотти в холст fabricjs? Я пробовал следующие образцы bodymovin.loadAnimation({ wrapper: animateElement, // div element loop: true, animType: 'canvas', // fabricjs canvas animationData: dataValue, // AE json rendererSettin…
31 авг '18 в 10:42
0
ответов
Как уничтожить анимацию в бодимовине, отреагировать
Поэтому я пытаюсь уничтожить анимацию в своем приложении реакции, но она не разрушается, если я использую какой-либо прослушиватель событий, я получаю ошибки, не знаю почему, вот код import React, { Component } from 'react'; import './Cool.css'; imp…
08 июл '18 в 18:34
0
ответов
Почему мое событие bodyCovple.js loopComplete срабатывает до завершения анимации?
Я пытаюсь оживить иконки при нажатии на них. Я бы хотел, чтобы анимация была завершена до ее перезапуска. Сначала я создаю свои значки, выбирая элементы, а затем используя их идентификаторы для загрузки данных анимации с помощью параметра пути: var …
13 сен '17 в 12:11
0
ответов
Маски BodyMoving игнорируются при экспорте
Я пытаюсь экспортировать текстовую анимацию в SVG, но маски, которые создают внутренние части письма, игнорируются. Что бы я хотел получить Что я получаю Я пытался переключить все возможные настройки в BodyMoving, но ничего не получалось. Я пробовал…
20 сен '17 в 15:41
2
ответа
Почему bodymovin экспортирует PNG, а не SVG?
Я пытаюсь использовать lottie для анимации SVG-анимации, созданной в After Effects. Я использую расширение bodymovin для экспорта файла данных JSON. Но я также заметил, что экспорт включает в себя некоторые изображения PNG. Я также получаю консольны…
21 фев '18 в 14:03
1
ответ
Мероприятие по наведению курсора с Бодемовиным
Я пытаюсь добавить событие наведения мыши в SVG, который был экспортирован из After Effects. Я бы хотел, чтобы SVG играл на mouseover, До сих пор я играл с animation-play-state атрибут, но это не сработало. Я также пытался использовать onmouseover в…
26 апр '16 в 15:38
2
ответа
Бодимовин зависает, играя анимацию только один раз
Получил мою анимацию, чтобы вызвать игру при наведении. У меня все работает, но когда я снова пытаюсь играть, ничего не получается. Есть идеи, что я написал не так? var squares = document.getElementById("test"); var animation = bodymovin.loadAnimati…
03 авг '17 в 17:24
1
ответ
Как сделать scrollevent для bodymovin и управлять анимацией?
Я хочу запускать анимацию при прокрутке для bodymovin [JSON], которой можно управлять при прокрутке, т.е. вперед и назад, а также. Альфред, нужно подобное поведение. Приветствуются предложения. Как мне подходить к этим событиям OnScroll?
21 июл '17 в 12:26
2
ответа
Запуск анимации Лотти на Scroll
В настоящее время я создаю веб-сайт с использованием полноразмерной анимации js и lottie. Теперь я пытаюсь запустить анимацию, когда пользователь прокручивает раздел с анимацией. Вот что я попробовал: (пожалуйста, обратите внимание, что я очень плох…
23 апр '18 в 17:54