Lottie exporter v1

src/app/GUI/mainwindow.cpp

@@ -64,6 +64,7 @@
 #include "GUI/edialogs.h"
 #include "eimporters.h"
 #include "dialogs/exportsvgdialog.h"
+#include "dialogs/exportlottiedialog.h"
 #include "widgets/alignwidget.h"
 #include "widgets/welcomedialog.h"
 #include "Boxes/textbox.h"
@@ -107,6 +108,8 @@ MainWindow::MainWindow(Document& document,
     , mSaveBackAct(nullptr)
     , mPreviewSVGAct(nullptr)
     , mExportSVGAct(nullptr)
+    , mPreviewLottieAct(nullptr)
+    , mExportLottieAct(nullptr)
     , mRenderVideoAct(nullptr)
     , mCloseProjectAct(nullptr)
     , mLinkedAct(nullptr)
@@ -424,6 +427,8 @@ void MainWindow::updateSettingsForCurrentCanvas(Canvas* const scene)
 
     if (mPreviewSVGAct) { mPreviewSVGAct->setEnabled(scene); }
     if (mExportSVGAct) { mExportSVGAct->setEnabled(scene); }
+    if (mPreviewLottieAct) { mPreviewLottieAct->setEnabled(scene); }
+    if (mExportLottieAct) { mExportLottieAct->setEnabled(scene); }
     if (mSaveAct) { mSaveAct->setEnabled(scene); }
     if (mSaveAsAct) { mSaveAsAct->setEnabled(scene); }
     if (mSaveBackAct) { mSaveBackAct->setEnabled(scene); }
@@ -1210,6 +1215,27 @@ void MainWindow::exportSVG(const bool &preview)
     }
 }
 
+const QString MainWindow::checkBeforeExportLottie()
+{
+    return tr("Lottie export is currently an initial native exporter. "
+              "It writes composition timing, canvas size, background, and "
+              "keeps scene layers isolated for future vector mapping.");
+}
+
+void MainWindow::exportLottie(const bool &preview)
+{
+    const auto dialog = new ExportLottieDialog(this,
+                                               preview ? QString() : checkBeforeExportLottie());
+    dialog->setAttribute(Qt::WA_DeleteOnClose);
+    connect(dialog, &ExportLottieDialog::formatChanged,
+            this, &MainWindow::updatePreviewLottieAction);
+    if (!preview) {
+        dialog->show();
+    } else {
+        dialog->showPreview(true /* close when done */);
+    }
+}
+
 void MainWindow::updateLastOpenDir(const QString &path)
 {
     if (path.isEmpty()) { return; }

src/app/GUI/mainwindow.h

@@ -167,6 +167,8 @@ class MainWindow : public QMainWindow
     void saveBackup();
     const QString checkBeforeExportSVG();
     void exportSVG(const bool &preview = false);
+    const QString checkBeforeExportLottie();
+    void exportLottie(const bool &preview = false);
     void updateLastOpenDir(const QString &path);
     void updateLastSaveDir(const QString &path);
     const QString getLastOpenDir();
@@ -219,6 +221,7 @@ class MainWindow : public QMainWindow
     static MainWindow *sInstance;
 
     void updateRecentMenu();
+    void updatePreviewLottieAction(const QString& format = QString());
 
     void addRecentFile(const QString &recent);
     void readRecentFiles();
@@ -243,6 +246,8 @@ class MainWindow : public QMainWindow
     QAction *mSaveBackAct;
     QAction *mPreviewSVGAct;
     QAction *mExportSVGAct;
+    QAction *mPreviewLottieAct;
+    QAction *mExportLottieAct;
     QAction *mRenderVideoAct;
     QAction *mCloseProjectAct;
     QAction *mLinkedAct;

src/app/GUI/menu.cpp

@@ -36,6 +36,25 @@
 
 using namespace Friction;
 
+void MainWindow::updatePreviewLottieAction(const QString& format)
+{
+    if (!mPreviewLottieAct) { return; }
+
+    const QString currentFormat = format.isEmpty() ?
+                AppSupport::getSettings("exportLottie", "format", "json").toString() :
+                format;
+    const bool dotLottie = currentFormat == QStringLiteral("lottie");
+    const QString text = dotLottie ?
+                tr("Preview dotLottie", "MenuBar_File") :
+                tr("Preview Lottie", "MenuBar_File");
+    const QString toolTip = dotLottie ?
+                tr("Preview dotLottie Animation in Web Browser") :
+                tr("Preview Lottie Animation in Web Browser");
+    mPreviewLottieAct->setText(text);
+    mPreviewLottieAct->setToolTip(toolTip);
+    mPreviewLottieAct->setData(toolTip);
+}
+
 void MainWindow::setupMenuBar()
 {
     mMenuBar = new QMenuBar(nullptr);
@@ -144,6 +163,31 @@ void MainWindow::setupMenuBar()
     mExportSVGAct->setObjectName("ExportSVGAct");
     cmdAddAction(mExportSVGAct);
 
+    mPreviewLottieAct = mFileMenu->addAction(QIcon::fromTheme("seq_preview"),
+                                             tr("Preview Lottie", "MenuBar_File"),
+                                             this, [this]{ exportLottie(true); },
+                                             QKeySequence(AppSupport::getSettings("shortcuts",
+                                                                                  "previewLottie",
+                                                                                  "Alt+Ctrl+F12").toString()));
+    mPreviewLottieAct->setEnabled(false);
+    mPreviewLottieAct->setToolTip(tr("Preview Lottie Animation in Web Browser"));
+    mPreviewLottieAct->setData(mPreviewLottieAct->toolTip());
+    mPreviewLottieAct->setObjectName("PreviewLottieAct");
+    cmdAddAction(mPreviewLottieAct);
+    updatePreviewLottieAction();
+
+    mExportLottieAct = mFileMenu->addAction(QIcon::fromTheme("output"),
+                                            tr("Export Lottie", "MenuBar_File"),
+                                            this, &MainWindow::exportLottie,
+                                            QKeySequence(AppSupport::getSettings("shortcuts",
+                                                                                 "exportLottie",
+                                                                                 "Alt+Shift+F12").toString()));
+    mExportLottieAct->setEnabled(false);
+    mExportLottieAct->setToolTip(tr("Export Lottie Animation"));
+    mExportLottieAct->setData(mExportLottieAct->toolTip());
+    mExportLottieAct->setObjectName("ExportLottieAct");
+    cmdAddAction(mExportLottieAct);
+
     mFileMenu->addSeparator();
     mCloseProjectAct = mFileMenu->addAction(QIcon::fromTheme("dialog-cancel"),
                                             tr("Close", "MenuBar_File"),
@@ -844,6 +888,8 @@ void MainWindow::setupMenuBar()
 
     mToolbar->addAction(mPreviewSVGAct);
     mToolbar->addAction(mExportSVGAct);
+    mToolbar->addAction(mPreviewLottieAct);
+    mToolbar->addAction(mExportLottieAct);
     mToolbar->updateActions();
 
     setMenuBar(mMenuBar);

src/core/Boxes/imagebox.cpp

@@ -103,6 +103,21 @@ void ImageBox::setFilePath(const QString &path) {
     rename(QFileInfo(path).completeBaseName());
 }
 
+QString ImageBox::filePath() const
+{
+    return mFileHandler.path();
+}
+
+bool ImageBox::hasImage() const
+{
+    return mFileHandler && mFileHandler->hasImage();
+}
+
+sk_sp<SkImage> ImageBox::image() const
+{
+    return mFileHandler ? mFileHandler->getImage() : nullptr;
+}
+
 void ImageBox::reload() {
     if(mFileHandler) mFileHandler->reloadAction();
 }

src/core/Boxes/imagebox.h

@@ -65,6 +65,9 @@ class CORE_EXPORT ImageBox : public BoundingBox {
 
     void changeSourceFile();
     void setFilePath(const QString &path);
+    QString filePath() const;
+    bool hasImage() const;
+    sk_sp<SkImage> image() const;
 
     void reload();
 private:

src/core/Boxes/textbox.cpp

@@ -254,6 +254,10 @@ SkScalar TextBox::getFontSize() const {
     return mFont.getSize();
 }
 
+SkScalar TextBox::getFontSpacing() const {
+    return mFont.getSpacing();
+}
+
 const QString& TextBox::getFontFamily() const {
     return mFamily;
 }
@@ -262,6 +266,58 @@ const QString& TextBox::getCurrentValue() const {
     return mText->getCurrentValue();
 }
 
+QString TextBox::getValueAtRelFrame(const qreal relFrame) const {
+    return mText->getValueAtRelFrame(relFrame);
+}
+
+Qt::Alignment TextBox::getTextHAlignment() const {
+    return mHAlignment;
+}
+
+Qt::Alignment TextBox::getTextVAlignment() const {
+    return mVAlignment;
+}
+
+qreal TextBox::getLetterSpacing(const qreal relFrame) const {
+    return mLetterSpacing->getEffectiveValue(relFrame);
+}
+
+qreal TextBox::getWordSpacing(const qreal relFrame) const {
+    return mWordSpacing->getEffectiveValue(relFrame);
+}
+
+qreal TextBox::getLineSpacing(const qreal relFrame) const {
+    return mLineSpacing->getEffectiveValue(relFrame);
+}
+
+qreal TextBox::getMaxLineWidth(const qreal relFrame) const {
+    const QString textAtFrame = mText->getValueAtRelFrame(relFrame);
+    const qreal letterSpacing = mLetterSpacing->getEffectiveValue(relFrame);
+    const qreal wordSpacing = mWordSpacing->getEffectiveValue(relFrame);
+
+    qreal maxWidth = 0;
+    const QStringList lines = textAtFrame.split(QRegExp("\n|\r\n|\r"));
+    for(const auto& line : lines) {
+        maxWidth = qMax(maxWidth,
+                        horizontalAdvance(mFont, line, letterSpacing, wordSpacing));
+    }
+    return maxWidth;
+}
+
+qreal TextBox::getTextWidth(const QString& text,
+                            const qreal letterSpacing,
+                            const qreal wordSpacing) const {
+    return horizontalAdvance(mFont, text, letterSpacing, wordSpacing);
+}
+
+SkPath TextBox::getTextPath(const QString& text,
+                            const qreal x,
+                            const qreal y) const {
+    SkPath path;
+    textToPath(x, y, text, path);
+    return path;
+}
+
 void TextBox::setupCanvasMenu(PropertyMenu * const menu)
 {
     if (menu->hasActionsForType<TextBox>()) { return; }

src/core/Boxes/textbox.h

@@ -65,9 +65,23 @@ class CORE_EXPORT TextBox : public PathBox {
                          Canvas * const scene);
 
     SkScalar getFontSize() const;
+    SkScalar getFontSpacing() const;
     const QString& getFontFamily() const;
     const SkFontStyle& getFontStyle() const;
     const QString& getCurrentValue() const;
+    QString getValueAtRelFrame(const qreal relFrame) const;
+    Qt::Alignment getTextHAlignment() const;
+    Qt::Alignment getTextVAlignment() const;
+    qreal getLetterSpacing(const qreal relFrame) const;
+    qreal getWordSpacing(const qreal relFrame) const;
+    qreal getLineSpacing(const qreal relFrame) const;
+    qreal getMaxLineWidth(const qreal relFrame) const;
+    qreal getTextWidth(const QString& text,
+                       const qreal letterSpacing = 0,
+                       const qreal wordSpacing = 1) const;
+    SkPath getTextPath(const QString& text,
+                       const qreal x,
+                       const qreal y) const;
 
     void openTextEditor(QWidget* dialogParent);
 

src/core/CMakeLists.txt

@@ -314,6 +314,15 @@ set(
     Animators/intanimator.cpp
     Animators/key.cpp
     Animators/boolanimator.cpp
+    lottie/dotlottiewriter.cpp
+    lottie/lottieexporter.cpp
+    lottie/lottieanimatedproperty.cpp
+    lottie/lottieblendmode.cpp
+    lottie/lottiejsonoptimizer.cpp
+    lottie/lottierealkeyframes.cpp
+    lottie/lottielayerbuilder.cpp
+    lottie/lottieparenting.cpp
+    lottie/lottiepatheffects.cpp
     svgexporter.cpp
     svgexporthelpers.cpp
     svgimporter.cpp
@@ -717,6 +726,8 @@ set(
     pointtypemenu.h
     wrappedint.h
     windowsincludes.h
+    lottie/dotlottiewriter.h
+    lottie/lottieparenting.h
     zipfileloader.h
     zipfilesaver.h
     outputsettings.h