evas json: add lottie animation example.

src/examples/evas.mk

@@ -206,6 +206,10 @@ EXTRA_PROGRAMS += evas/evas_vg_batman
 evas_evas_vg_batman_SOURCES = evas/evas-vg-batman.c
 evas_evas_vg_batman_CPPFLAGS = $(ECORE_EVAS_COMMON_CPPFLAGS)
 
+EXTRA_PROGRAMS += evas/evas_vg_json
+evas_evas_vg_json_SOURCES = evas/evas-vg-json.c
+evas_evas_vg_json_CPPFLAGS = $(ECORE_EVAS_COMMON_CPPFLAGS)
+
 EXTRA_PROGRAMS += evas/evas_aspect_hints
 evas_evas_aspect_hints_DEPS = $(srcdir)/aspect.edc
 evas_evas_aspect_hints_SOURCES = evas/evas-aspect-hints.c

src/examples/evas/Makefile.examples

@@ -25,7 +25,10 @@ EXAMPLES= evas-aspect-hints \
           evas-stacking \
           evas-table \
           evas-text \
-          evas-textblock-obstacles
+          evas-textblock-obstacles \
+          evas-vg-batman \
+          evas-vg-json \
+          evas-vg-simple
 
 all: edje examples
 edje: $(EDJE_OBJS)

src/examples/evas/README

@@ -70,6 +70,7 @@ evas-map-aa-eo.c                - Eo API
 
 evas-vg-simple.c                - Introduction to vector graphics
 evas-vg-batman.c                - Animated vector graphics
+evas-vg-json.c                  - Play Lottie files
 
 
 == 3D Graphics - Basics ==

src/examples/evas/evas-common.h

@@ -1,5 +1,7 @@
 #define EVAS_IMAGE_FOLDER "/resources/images"
 #define EVAS_MODEL_FOLDER "/resources/models"
+#define EVAS_VG_FOLDER "/resources/vg"
+
 #define EVAS_CONVEX_HULL_FOLDER "/resources/models/convex_hull"
 #define EVAS_SAVED_FILES "/saved_files"
 

src/examples/evas/evas-vg-json.c

@@ -0,0 +1,128 @@
+/**
+ * Example of lottie animation using Evas_VG.
+ *
+ * This example show how to play lottie files(json).
+ *
+ * @verbatim
+ * gcc -o evas_vg_json evas-vg-json.c `pkg-config --libs --cflags evas ecore ecore-evas eina ector eo efl`
+ * @endverbatim
+ */
+
+#ifdef HAVE_CONFIG_H
+#include "config.h"
+#endif
+
+#define PACKAGE_EXAMPLES_DIR "."
+
+#ifndef EFL_BETA_API_SUPPORT
+#define EFL_BETA_API_SUPPORT
+#endif
+
+#ifndef EFL_EO_API_SUPPORT
+#define EFL_EO_API_SUPPORT
+#endif
+
+
+#include <Ecore.h>
+#include <Ecore_Evas.h>
+#include "evas-common.h"
+
+#define WIDTH  400
+#define HEIGHT 400
+
+static Eo *gvg[4];
+
+static void
+running_cb(void *data EINA_UNUSED, const Efl_Event *event)
+{
+   Efl_Canvas_Animation_Player_Event_Running *event_running = event->info;
+   double progress = event_running->progress;
+
+   int i;
+   for (i = 0; i < 4; i++)
+     {
+        double frameCnt = (double) efl_gfx_image_animated_frame_get(gvg[i]);
+        int frame = (int) (frameCnt * (progress / 1));
+        efl_gfx_image_animated_frame_set(gvg[i], frame);
+     }
+}
+
+static void
+_on_delete(Ecore_Evas *ee EINA_UNUSED)
+{
+   ecore_main_loop_quit();
+}
+
+int
+main(void)
+{
+   if (!ecore_evas_init())
+     return EXIT_FAILURE;
+
+   Ecore_Evas *ee = ecore_evas_new(NULL, 0, 0, WIDTH, HEIGHT, NULL);
+   if (!ee)
+     goto panic;
+
+   ecore_evas_callback_delete_request_set(ee, _on_delete);
+   ecore_evas_show(ee);
+
+   Eo *evas = ecore_evas_get(ee);
+
+   Eo *bg = efl_add(EFL_CANVAS_RECTANGLE_CLASS, evas);
+   efl_gfx_entity_size_set(bg, EINA_SIZE2D(WIDTH, HEIGHT));
+   efl_gfx_color_set(bg, 255, 255, 255, 255);
+   efl_gfx_entity_visible_set(bg, EINA_TRUE);
+
+   char buf[PATH_MAX];
+
+   //1
+   Eo *vg = gvg[0] = efl_add(EFL_CANVAS_VG_CLASS, evas);
+
+   snprintf(buf, sizeof(buf), "%s/browser.json", PACKAGE_EXAMPLES_DIR EVAS_VG_FOLDER);
+   efl_file_set(vg, buf, NULL);
+   efl_gfx_entity_size_set(vg, EINA_SIZE2D(200, 200));
+   efl_gfx_entity_visible_set(vg, EINA_TRUE);
+
+   //2
+   Eo *vg2 = gvg[1] = efl_add(EFL_CANVAS_VG_CLASS, evas);
+   snprintf(buf, sizeof(buf), "%s/jolly_walker.json", PACKAGE_EXAMPLES_DIR EVAS_VG_FOLDER);
+   efl_file_set(vg2, buf, NULL);
+   efl_gfx_entity_position_set(vg2, EINA_POSITION2D(200, 200));
+   efl_gfx_entity_size_set(vg2, EINA_SIZE2D(200, 200));
+   efl_gfx_entity_visible_set(vg2, EINA_TRUE);
+
+   //3
+   Eo *vg3 = gvg[2] = efl_add(EFL_CANVAS_VG_CLASS, evas);
+   snprintf(buf, sizeof(buf), "%s/windmill.json", PACKAGE_EXAMPLES_DIR EVAS_VG_FOLDER);
+   efl_file_set(vg3, buf, NULL);
+   efl_gfx_entity_position_set(vg3, EINA_POSITION2D(0, 200));
+   efl_gfx_entity_size_set(vg3, EINA_SIZE2D(200, 200));
+   efl_gfx_entity_visible_set(vg3, EINA_TRUE);
+
+   //4
+   Eo* vg4 = gvg[3] = efl_add(EFL_CANVAS_VG_CLASS, evas);
+   snprintf(buf, sizeof(buf), "%s/emoji_wink.json", PACKAGE_EXAMPLES_DIR EVAS_VG_FOLDER);
+   efl_file_set(vg4, buf, NULL);
+   efl_gfx_entity_position_set(vg4, EINA_POSITION2D(200, 0));
+   efl_gfx_entity_size_set(vg4, EINA_SIZE2D(200, 200));
+   efl_gfx_entity_visible_set(vg4, EINA_TRUE);
+
+   //Play custom animation
+   Eo *anim = efl_add(EFL_CANVAS_ANIMATION_CLASS, evas);
+   efl_animation_duration_set(anim, efl_gfx_image_animated_frame_duration_get(vg, 0, 0));
+
+   Eo *player = efl_add(EFL_CANVAS_ANIMATION_PLAYER_CLASS, evas);
+   efl_animation_player_animation_set(player, anim);
+   efl_event_callback_add(player, EFL_ANIMATION_PLAYER_EVENT_RUNNING, running_cb, NULL);
+   efl_player_start(player);
+
+   ecore_main_loop_begin();
+   ecore_evas_shutdown();
+
+   return 0;
+
+panic:
+   fprintf(stderr, "error: Requires at least one Evas engine built and linked"
+                   " to ecore-evas for this example to run properly.\n");
+   return -2;
+}