From a8e3748fde98ce62b4b2d03046c84200d1357dfa Mon Sep 17 00:00:00 2001
From: Nikos M <workingclasscode@gmail.com>
Date: Thu, 15 Dec 2022 20:04:38 +0200
Subject: [PATCH] readme

---
 README.md | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 92acf8c..b7e142a 100644
--- a/README.md
+++ b/README.md
@@ -139,12 +139,21 @@ const tween = Tween({
     keyframes: {
         "0%": {
             shape: arc,
+            length: 0,
             style: {
                 stroke: 'cyan'
             },
             easing: 'ease-out'
         },
-        "25%": {
+        "10%": {
+            shape: arc,
+            length: 1,
+            style: {
+                stroke: 'cyan'
+            },
+            easing: 'ease-out'
+        },
+        "30%": {
             shape: ellipse,
             style: {
                 stroke: 'orange'
@@ -158,7 +167,7 @@ const tween = Tween({
             },
             easing: 'ease-out'
         },
-        "75%": {
+        "70%": {
             shape: square,
             transform: {
                 rotate: {
@@ -174,8 +183,25 @@ const tween = Tween({
             },
             easing: 'ease-out-back'
         },
+        "90%": {
+            shape: square,
+            transform: {
+                rotate: {
+                    origin: {
+                        x: square.getCenter().x,
+                        y: square.getCenter().y
+                    },
+                    angle: -45
+                }
+            },
+            style: {
+                stroke: 'blue'
+            },
+            easing: 'ease-out'
+        },
         "100%": {
             shape: square,
+            length: 0,
             transform: {
                 rotate: {
                     origin: {
@@ -190,7 +216,7 @@ const tween = Tween({
             }
         }
     },
-    duration: 4000,
+    duration: 5000,
     delay: 400
 });
 plane.add(tween);