Wagtail + Lottie is a Wagtail package for playing Adobe After Effects animations exported as json with Bodymovin.

Last update: Aug 18, 2022

Overview

Wagtail Lottie

Wagtail + Lottie is a Wagtail package for playing Adobe After Effects animations exported as json with Bodymovin.

Usage

Export your animation from Adobe After Effect with Bodymovin.
Compress the folder in zip format.
Create a Lottie animation from Wagtail and add this zip file.

Can be used like this at Wagtail page level :

from wagtail_lottie.models import LottieAnimation
from wagtail_lottie.widgets import LottieAnimationChooser
from wagtail_lottie.blocks import LottieAnimationChooserBlock


class HomePage(Page):
    lottie_animation_foreign_key = models.ForeignKey(LottieAnimation, on_delete=models.SET_NULL)
    lottie_animation_stream_field = StreamField([
        ('lottie_animation_block', LottieAnimationChooserBlock()),
        ('rich_text', blocks.RichTextBlock())
    ])

    content_panels = [
        FieldPanel('lottie_animation_foreign_key', widget=LottieAnimationChooser),
        StreamFieldPanel('lottie_animation_stream_field')
    ]

And rendered this way at html level :


{% include 'wagtail_lottie/lottie_animation.html' with value=page.lottie_animation_foreign_key %}


{% for block in page.lottie_animation_stream_field %}
    {% include_block block %}
{% endfor %}


<script src="{% static 'wagtail_lottie/lottie-player.js' %}">script>
<script src="{% static 'wagtail_lottie/lottie-animation.js' %}">script>

Setup

Install with pip :

pip install wagtail_lottie

Add wagtail_lottie to Django apps installed :

INSTALLED_APPS = [
    'wagtail_lottie',
    'wagtail.contrib.modeladmin',
    'generic_chooser',
    ...
]

Run some Django commands :

python manage.py collectstatic
python manage.py migrate

Set if needed Wagtail Lottie download folder in the Django settings (default value is 'wagtail_lottie') :

WAGTAIL_LOTTIE_UPLOAD_FOLDER = 'custom_location'

Wagtail + Lottie is a Wagtail package for playing Adobe After Effects animations exported as json with Bodymovin.

Related tags

Overview

Wagtail Lottie

Usage

Setup

Owner

Alexis Le Baron

Discord's own Dumbass made for shits n' Gigs!

Data 25 Star Wars Project With Python

ChieriBot,词云API版,用于统计群友说过的怪话

Ghost source since the developer of the project quit due to reasons

Fixed waypoint(pose) navigation for turtlebot simulation.

Create VSCode Extensions with python

A tool to help the Poly copy-reading process! :D

This is a repository containing the backend and the frontend of a simple pokédex.

Automated, progress quest-inspired procedural adventuring

(Pre-)compromise operations for MITRE CALDERA

A simple script that shows important photography times. written in python.

Implementation of the MDMC method to search for magnetic ground state using VASP

A simple and convenient build-and-run system for C and C++.

A Python script to delete movies with a certain tag after a certain amount of days.

An execution framework for systematic strategies

Load, explore and analyse data from Scotland and rest of the world related to Covid19.

Use a real time weather API to apply wind to your mouse cursor.

Nmap script to detect a Microsoft Exchange instance version with OWA enabled.

Yakuake session management

These are my solutions to Advent of Code problems.