feat: parallel animation and custom animation of json

examples/scene1.ts

@@ -29,8 +29,11 @@ export default importScene(
         }
       },
       {
-        "type": "destroy",
+        "custom": "change-property",
+        "target": "radius",
         "parameters": {
+          "from": 1,
+          "to": 100,
           "duration": 2
         }
       }
@@ -40,6 +43,7 @@ export default importScene(
 `,
   nc as any,
   nc as any,
+  nc as any,
 )
 //
 // export default createScene(

packages/json/package.json

@@ -30,6 +30,7 @@
     "canvaskit-wasm": ">=0.39.1"
   },
   "dependencies": {
+    "@newcar/basic": "workspace:*",
     "@newcar/core": "workspace:*",
     "@newcar/utils": "workspace:*",
     "mitt": "^3.0.1"

packages/json/src/format.ts

@@ -16,6 +16,8 @@ export interface SceneFormat {
 export interface AnimFormat {
   type: string
   parameters: Record<string, unknown>
+  custom?: 'change-property'
+  target?: string
 }
 
 export interface ActionFormat {

packages/json/src/import-widget.ts

@@ -1,7 +1,8 @@
 import type { Widget, WidgetOptions } from '@newcar/core'
-import { parallel } from '@newcar/core'
+import { changeProperty, parallel } from '@newcar/core'
 import { Color, Shader, isString } from '@newcar/utils'
-import type { AnimFormat, WidgetFormat } from './format'
+import { linear } from '@newcar/basic'
+import type { WidgetFormat } from './format'
 import { processAction } from './process-action'
 import { processResource } from './process-resource'
 
@@ -91,17 +92,41 @@ export function importWidget<T extends typeof Widget>(
       if (Array.isArray(animation)) {
         widget.animate(
           parallel(...animation.map((ani) => {
-            return anims[ani.type]().withAttr({
-              ...processOptions(ani.parameters),
-              by: easingFunctions[ani.parameters.by as string],
-            })
+            return ani.custom
+              ? (ani.custom === 'change-property'
+                  ? changeProperty(() => (widget as Record<string, any>)[ani.target])
+                    .withAttr({
+                      ...processOptions(ani.parameters),
+                      by: easingFunctions[ani.parameters.by as string] ?? linear,
+                    })
+                  : console.warn(`[Newcar Warn] Json import error: there is no custom type named '${ani.custom}'`))
+              : anims[ani.type]().withAttr({
+                ...processOptions(ani.parameters),
+                by: easingFunctions[ani.parameters.by as string] ?? linear,
+              })
           })),
         )
       }
-      widget.animate(anims[(animation as AnimFormat).type]().withAttr({
-        ...processOptions((animation as AnimFormat).parameters),
-        by: easingFunctions[(animation as AnimFormat).parameters.by as string],
-      }))
+      else {
+        if (animation.custom) {
+          if (animation.custom === 'change-property') {
+            widget.animate(changeProperty(() => (widget as Record<string, any>)[animation.target])
+              .withAttr({
+                ...processOptions(animation.parameters),
+                by: easingFunctions[animation.parameters.by as string] ?? easingFunctions.linear,
+              }) as any)
+          }
+          else {
+            console.warn(`[Newcar Warn] Json import error: there is no custom type named '${animation.custom}'`)
+          }
+        }
+        else {
+          widget.animate(anims[animation.type]().withAttr({
+            ...processOptions(animation.parameters),
+            by: easingFunctions[animation.parameters.by as string] ?? easingFunctions.linear,
+          }))
+        }
+      }
     })
   }
   if (widgetData.actions) {