From bafb8e2b862a7ca77248aa16ecce0ad78321e93d Mon Sep 17 00:00:00 2001 From: Jinny You Date: Mon, 19 Feb 2024 22:59:02 +0900 Subject: [PATCH] examples: Added lottie advanced features example --- src/examples/LottieExtension.cpp | 208 +++++++++++++++++++++++++ src/examples/meson.build | 6 + src/examples/resources/slotsample.json | 1 + 3 files changed, 215 insertions(+) create mode 100644 src/examples/LottieExtension.cpp create mode 100644 src/examples/resources/slotsample.json diff --git a/src/examples/LottieExtension.cpp b/src/examples/LottieExtension.cpp new file mode 100644 index 00000000..9e6e14ab --- /dev/null +++ b/src/examples/LottieExtension.cpp @@ -0,0 +1,208 @@ +/* + * Copyright (c) 2024 the ThorVG project. All rights reserved. + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +#include "Common.h" +#include + +/************************************************************************/ +/* Drawing Commands */ +/************************************************************************/ + +static unique_ptr animation; +static Elm_Transit *transit; +static bool updated = false; + +void tvgUpdateCmds(tvg::Canvas* canvas, tvg::LottieAnimation* animation, float progress) +{ + if (updated || !canvas) return; + + //Update animation frame only when it's changed + if (animation->frame(animation->totalFrame() * progress) == tvg::Result::Success) { + canvas->update(); + updated = true; + } +} + +void tvgDrawCmds(tvg::Canvas* canvas) +{ + //Animation Controller + animation = tvg::LottieAnimation::gen(); + auto picture = animation->picture(); + + //Background + auto shape = tvg::Shape::gen(); + shape->appendRect(0, 0, WIDTH, HEIGHT); + shape->fill(50, 50, 50); + + if (canvas->push(std::move(shape)) != tvg::Result::Success) return; + + const char* slotData = R"(({"gradient_fill":{"p":{"a":0,"k":[0,0.1,0.1,0.2,1,1,0.1,0.2,0.1,1]}}})"; + + if (picture->load(EXAMPLE_DIR"/slotsample.json") != tvg::Result::Success) { + cout << "Lottie is not supported. Did you enable Lottie Loader?" << endl; + return; + } + + //image scaling preserving its aspect ratio + float scale; + float shiftX = 0.0f, shiftY = 0.0f; + float w, h; + picture->size(&w, &h); + + if (w > h) { + scale = WIDTH / w; + shiftY = (HEIGHT - h * scale) * 0.5f; + } else { + scale = HEIGHT / h; + shiftX = (WIDTH - w * scale) * 0.5f; + } + + picture->scale(scale); + picture->translate(shiftX, shiftY); + + canvas->push(tvg::cast(picture)); + + // Override slot data + animation->override(slotData); + canvas->update(); + + //Run animation loop + elm_transit_duration_set(transit, animation->duration()); + elm_transit_repeat_times_set(transit, -1); + elm_transit_go(transit); +} + + +/************************************************************************/ +/* Sw Engine Test Code */ +/************************************************************************/ + +static unique_ptr swCanvas; + +void tvgSwTest(uint32_t* buffer) +{ + //Create a Canvas + swCanvas = tvg::SwCanvas::gen(); + swCanvas->target(buffer, WIDTH, WIDTH, HEIGHT, tvg::SwCanvas::ARGB8888); + + tvgDrawCmds(swCanvas.get()); +} + +void drawSwView(void* data, Eo* obj) +{ + //It's not necessary to clear buffer since it has a solid background + //swCanvas->clear(false); + + if (swCanvas->draw() == tvg::Result::Success) { + swCanvas->sync(); + updated = false; + } +} + +void transitSwCb(Elm_Transit_Effect *effect, Elm_Transit* transit, double progress) +{ + tvgUpdateCmds(swCanvas.get(), animation.get(), progress); + + //Update Efl Canvas + Eo* img = (Eo*) effect; + evas_object_image_data_update_add(img, 0, 0, WIDTH, HEIGHT); + evas_object_image_pixels_dirty_set(img, EINA_TRUE); +} + + +/************************************************************************/ +/* GL Engine Test Code */ +/************************************************************************/ + +static unique_ptr glCanvas; + +void initGLview(Evas_Object *obj) +{ + static constexpr auto BPP = 4; + + //Create a Canvas + glCanvas = tvg::GlCanvas::gen(); + glCanvas->target(nullptr, WIDTH * BPP, WIDTH, HEIGHT); + + tvgDrawCmds(glCanvas.get()); +} + +void drawGLview(Evas_Object *obj) +{ + auto gl = elm_glview_gl_api_get(obj); + gl->glClearColor(0.0f, 0.0f, 0.0f, 1.0f); + gl->glClear(GL_COLOR_BUFFER_BIT); + + if (glCanvas->draw() == tvg::Result::Success) { + glCanvas->sync(); + } +} + +void transitGlCb(Elm_Transit_Effect *effect, Elm_Transit* transit, double progress) +{ + tvgUpdateCmds(glCanvas.get(), animation.get(), progress); + elm_glview_changed_set((Evas_Object*)effect); +} + + +/************************************************************************/ +/* Main Code */ +/************************************************************************/ + +int main(int argc, char **argv) +{ + auto tvgEngine = tvg::CanvasEngine::Sw; + + if (argc > 1) { + if (!strcmp(argv[1], "gl")) tvgEngine = tvg::CanvasEngine::Gl; + } + + //Threads Count + auto threads = std::thread::hardware_concurrency(); + if (threads > 0) --threads; //Allow the designated main thread capacity + + //Initialize ThorVG Engine + if (tvg::Initializer::init(tvg::CanvasEngine::Sw, threads) == tvg::Result::Success) { + + elm_init(argc, argv); + + transit = elm_transit_add(); + + if (tvgEngine == tvg::CanvasEngine::Sw) { + auto view = createSwView(1024, 1024); + elm_transit_effect_add(transit, transitSwCb, view, nullptr); + } else { + auto view = createGlView(1024, 1024); + elm_transit_effect_add(transit, transitGlCb, view, nullptr); + } + + elm_run(); + + elm_transit_del(transit); + + elm_shutdown(); + + //Terminate ThorVG Engine + tvg::Initializer::term(tvg::CanvasEngine::Sw); + } else { + cout << "engine is not supported" << endl; + } + + return 0; +} diff --git a/src/examples/meson.build b/src/examples/meson.build index 044dbda3..b4751596 100644 --- a/src/examples/meson.build +++ b/src/examples/meson.build @@ -60,6 +60,12 @@ source_file = [ 'Update.cpp', ] + +if get_option('loaders').contains('all') == true or get_option('loaders').contains('lottie') == true + source_file += 'LottieExtension.cpp' +endif + + foreach current_file : source_file name = current_file.split('.')[0] executable(name, current_file, diff --git a/src/examples/resources/slotsample.json b/src/examples/resources/slotsample.json new file mode 100644 index 00000000..ecd25f57 --- /dev/null +++ b/src/examples/resources/slotsample.json @@ -0,0 +1 @@ +{"v":"4.8.0","meta":{"g":"LottieFiles AE 3.0.2","a":"","k":"","d":"","tc":""},"fr":60,"ip":0,"op":121,"w":550,"h":550,"nm":"C","assets":[],"layers":[{"ind":1,"ty":4,"nm":"S","sr":1,"ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":120,"s":[360]}]},"p":{"a":0,"k":[275,275,0]},"a":{"a":0,"k":[-7.886,88.719,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[282.019,134.888]},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"nm":"R"},{"ty":"st","c":{"a":0,"k":[0.991,0,1,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":3},"lc":1,"lj":1,"ml":4,"nm":"S"},{"ty":"gf","o":{"a":0,"k":100},"r":1,"g":{"p":9,"k":{"a":0,"k":[0,0.514,0.373,0.984,0.141,0.478,0.412,0.984,0.283,0.443,0.451,0.984,0.379,0.408,0.49,0.984,0.475,0.373,0.529,0.984,0.606,0.278,0.647,0.925,0.737,0.184,0.765,0.867,0.868,0.092,0.882,0.808,1,0,1,0.749],"sid":"gradient_fill"}},"s":{"a":0,"k":[-159.51,23.531]},"e":{"a":0,"k":[183.084,8.059]},"t":1,"nm":"G"},{"ty":"tr","p":{"a":0,"k":[-7.886,88.719]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"r":{"a":0,"k":0},"o":{"a":0,"k":100},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0},"nm":"T"}],"nm":"R"}],"ip":0,"op":300,"st":0}],"slots":{"gradient_fill":{"p":{"a":0,"k":[0,0.1,0.1,0.2,1,1,0.1,0.2,0.1,1]}}},"markers":[]} \ No newline at end of file