@x1a0ma17x/zeppos-fx 2.0.3

package/old/v2.0/zeppos_timer.js

@@ -0,0 +1,64 @@
+/**
+ * zeppos-timer.js
+ * @description An accurate timer for ZeppOS. 一个适用于ZeppOS的准确的计时器
+ * @version 1.0.0
+ * @date 2023/04/07
+ * @author XiaomaiTX
+ * @license MIT
+ * https://github.com/XiaomaiTX/zeppos-timer
+ *
+ * */
+import { Time } from "@zos/sensor";
+
+export class ZeppTimer {
+    constructor(callback, interval) {
+        this.callback = callback;
+        this.interval = interval;
+        this.timerId = null;
+        this.startTime = null;
+        this.nextTick = null;
+        this.time = new Time();
+        this.stopped = false
+    }
+
+    start(delay = 0) {
+        this.startTime = this.time.getTime() + delay;
+        this.nextTick = this.startTime + this.interval;
+        this.scheduleTick();
+    }
+
+    stop() {
+        this.stopped = true
+        this.timerId && clearTimeout(this.timerId);
+    }
+
+    scheduleTick() {
+        if(this.stopped) return;
+        const currentTime = this.time.getTime();
+        const delay = Math.max(0, this.nextTick - currentTime);
+        this.timerId = setTimeout(() => {
+            this.tick();
+        }, delay);
+    }
+
+    tick() {
+        const currentTime = this.time.getTime();
+
+        // 计算误差，确保计时器的准确性
+        const error = currentTime - this.nextTick;
+
+        if (error > this.interval) {
+            // 如果误差大于一个间隔时间，则将 nextTick 更新为当前时间
+            this.nextTick = currentTime;
+        } else {
+            // 否则将 nextTick 加上一个间隔时间
+            this.nextTick += this.interval;
+        }
+
+        // 调用回调函数
+        this.callback();
+
+        // 继续调度下一个 tick
+        this.scheduleTick();
+    }
+}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@x1a0ma17x/zeppos-fx",
+  "version": "2.0.3",
+  "description": "A library for providing simple animations in ZeppOS.",
+  "main": "index.js",
+  "directories": {
+    "example": "example"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XiaomaiTX/zeppos-fx.git"
+  },
+  "keywords": [
+    "ZeppOS"
+  ],
+  "author": "XiaomaiTX",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/XiaomaiTX/zeppos-fx/issues"
+  },
+  "homepage": "https://github.com/XiaomaiTX/zeppos-fx#readme"
+}

package/src/example/app.js

@@ -0,0 +1,10 @@
+App({
+  globalData: {},
+  onCreate(options) {
+    console.log('app on create invoke')
+  },
+
+  onDestroy(options) {
+    console.log('app on destroy invoke')
+  }
+})

package/src/example/app.json

@@ -0,0 +1,46 @@
+{
+  "configVersion": "v3",
+  "app": {
+    "appId": 25966,
+    "appName": "Empty",
+    "appType": "app",
+    "version": {
+      "code": 1,
+      "name": "1.0.0"
+    },
+    "icon": "icon.png",
+    "vender": "zepp",
+    "description": "empty application"
+  },
+  "permissions": [],
+  "runtime": {
+    "apiVersion": {
+      "compatible": "3.0.0",
+      "target": "3.0.0",
+      "minVersion": "3.0"
+    }
+  },
+  "targets": {
+    "default": {
+      "module": {
+        "page": {
+          "pages": [
+            "page/index"
+          ]
+        }
+      },
+      "platforms": [
+        {
+          "st": "r",
+          "dw": 480
+        }
+      ]
+    }
+  },
+  "i18n": {
+    "en-US": {
+      "appName": "Empty"
+    }
+  },
+  "defaultLanguage": "en-US"
+}

package/src/example/global.d.ts

@@ -0,0 +1 @@
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

package/src/example/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es6",
+    "checkJs": true
+  },
+  "exclude": ["node_modules", "**/node_modules/*"],
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
+}

package/src/example/libs/fx.js

@@ -0,0 +1,325 @@
+/**
+ * fx.js
+ * @description A library for providing animations in ZeppOS. 一个用于在ZeppOS中提供动画的库
+ * @version 3.0.0
+ * @date 2024/11/02
+ * @author XiaomaiTX
+ * @license MIT
+ * https://github.com/XiaomaiTX/zeppos-fx
+ *
+ * **/
+
+export class Fx {
+    constructor(params) {
+        this.tracks = params.tracks;
+        this.metadata = params.metadata;
+        this.status = "stop";
+    }
+
+    start() {
+        if (this.status == "stop" || this.status == "pause") {
+            this.status = "start";
+            for (let i = 0; i < this.tracks.length; i++) {
+                let track = this.tracks[i];
+            }
+        }
+    }
+    tick(track) {
+        /**
+         * @param track
+         * @param track.progress 进度
+         * @param track.totalFrame 总帧数
+         */
+        if (
+            this.status == "start" &&
+            track.progress < track.totalFrame
+        ) {
+            
+        }
+    }
+    stop() {
+        if (this.status != "stop") {
+            this.status = "stop";
+        }
+    }
+
+    restart() {
+        this.status = "start";
+    }
+    pause() {
+        if (this.status == "start") {
+            this.status = "pause";
+        }
+    }
+    getStatus() {
+        return this.status;
+    }
+}
+Fx.Styles = {
+    /**
+     * List of preset styles
+     * @example EXAMPLE: indexNumber,
+     *
+     * */
+    // TODO Add more style
+
+    // The following presets are available for reference https://easings.net/
+    // 以下预设可参考 https://easings.net/
+
+    LINEAR: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_SINE: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return 1 - cos((x * Math.PI) / 2);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_SINE: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return sin((x * Math.PI) / 2);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_SINE: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return -(cos(Math.PI * x) - 1) / 2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_QUAD: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x * x;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_QUAD: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return 1 - (1 - x) * (1 - x);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_QUAD: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_CUBIC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x * x * x;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_CUBIC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return 1 - Math.pow(1 - x, 3);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_CUBIC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_QUART: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x * x * x * x;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_QUART: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return 1 - Math.pow(1 - x, 4);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_QUART: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x < 0.5
+                ? 8 * x * x * x * x
+                : 1 - Math.pow(-2 * x + 2, 4) / 2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_QUINT: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x * x * x * x * x;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_QUINT: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return 1 - Math.pow(1 - x, 4);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_QUINT: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x < 0.5
+                ? 16 * x * x * x * x * x
+                : 1 - Math.pow(-2 * x + 2, 5) / 2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_EXPO: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x === 0 ? 0 : Math.pow(2, 10 * x - 10);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_EXPO: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x === 1 ? 1 : 1 - Math.pow(2, -10 * x);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_EXPO: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x === 0
+                ? 0
+                : x === 1
+                ? 1
+                : x < 0.5
+                ? Math.pow(2, 20 * x - 10) / 2
+                : (2 - Math.pow(2, -20 * x + 10)) / 2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_CIRC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return 1 - Math.sqrt(1 - Math.pow(x, 2));
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_CIRC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return Math.sqrt(1 - Math.pow(x - 1, 2));
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_CIRC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x < 0.5
+                ? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2
+                : (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_BACK: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return 1.70158 + 1 * x * x * x - 1.70158 * x * x;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_BACK: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return (
+                1 +
+                1.70158 +
+                1 * Math.pow(x - 1, 3) +
+                1.70158 * Math.pow(x - 1, 2)
+            );
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_BACK: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x < 0.5
+                ? (Math.pow(2 * x, 2) *
+                      ((1.70158 * 1.525 + 1) * 2 * x - 1.70158 * 1.525)) /
+                      2
+                : (Math.pow(2 * x - 2, 2) *
+                      ((1.70158 * 1.525 + 1) * (x * 2 - 2) + 1.70158 * 1.525) +
+                      2) /
+                      2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_ELASTIC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x === 0
+                ? 0
+                : x === 1
+                ? 1
+                : -Math.pow(2, 10 * x - 10) *
+                  sin(((x * 10 - 10.75) * (2 * Math.PI)) / 3);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_ELASTIC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x === 0
+                ? 0
+                : x === 1
+                ? 1
+                : Math.pow(2, -10 * x) *
+                      sin(((x * 10 - 0.75) * (2 * Math.PI)) / 3) +
+                  1;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_ELASTIC: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x === 0
+                ? 0
+                : x === 1
+                ? 1
+                : x < 0.5
+                ? -(
+                      Math.pow(2, 20 * x - 10) *
+                      sin(((20 * x - 11.125) * (2 * Math.PI)) / 4.5)
+                  ) / 2
+                : (Math.pow(2, -20 * x + 10) *
+                      sin(((20 * x - 11.125) * (2 * Math.PI)) / 4.5)) /
+                      2 +
+                  1;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_BOUNCE: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return 1 - Fx.Styles.bounceOut(1 - x);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_OUT_BOUNCE: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return Fx.Styles.bounceOut(x);
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    EASE_IN_OUT_BOUNCE: function (now_x, begin, end, max_x) {
+        function math_func(x) {
+            return x < 0.5
+                ? (1 - Fx.Styles.bounceOut(1 - 2 * x)) / 2
+                : (1 + Fx.Styles.bounceOut(2 * x - 1)) / 2;
+        }
+        return begin + (end - begin) * math_func(now_x / max_x);
+    },
+    bounceOut: function (x) {
+        /**
+         * Returns the bounce out result of x
+         * @param {number} x
+         * @returns {number}
+         */
+        const n1 = 7.5625;
+        const d1 = 2.75;
+
+        if (x < 1 / d1) {
+            return n1 * x * x;
+        } else if (x < 2 / d1) {
+            return n1 * (x -= 1.5 / d1) * x + 0.75;
+        } else if (x < 2.5 / d1) {
+            return n1 * (x -= 2.25 / d1) * x + 0.9375;
+        } else {
+            return n1 * (x -= 2.625 / d1) * x + 0.984375;
+        }
+    },
+};
+
+export default Fx;

package/src/example/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "empty",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@zeppos/device-types": "^3.0.0"
+  }
+}

package/src/example/page/anim.js

@@ -0,0 +1,60 @@
+import { Fx } from "../libs/fx";
+import * as hmUI from "@zos/ui";
+
+export const ANIM_PROFILE = {
+    metadata: {
+        version: 1,
+        author: "XiaomaiTX",
+        default_config: {
+            track: {
+                startTime: 0,
+            },
+            frame: {
+                fps: 60,
+                time: 1,
+                style: Fx.Styles.EASE_IN_OUT_QUAD,
+            },
+        },
+    },
+    tracks: [
+        {
+            config: {
+                startTime: 0,
+            },
+            frames: [
+                {
+                    delay: 0,
+                    fps: 60,
+                    time: 1,
+                    style: Fx.Styles.EASE_IN_OUT_QUAD,
+                    init_func: () => {
+                        console.log("init");
+                        const text = hmUI.createWidget(hmUI.widget.TEXT, {
+                            x: 0,
+                            y: 0,
+                            w: 100,
+                            h: 100,
+                            text: "Hello World",
+                            color: 0xff3232,
+                        });
+                        return text;
+                    },
+                    runtime_func: (wgtObj, progress) => {
+                        let begin = 0;
+                        let end = 100;
+                        console.log(begin + (end - begin) * progress);
+                        wgtObj.setProperty(
+                            hmUI.prop.X,
+                            begin + (end - begin) * progress
+                        );
+                        return wgtObj;
+                    },
+
+                    callback_func: (wgtObj) => {
+                        console.log("callback");
+                    },
+                },
+            ],
+        },
+    ],
+};

package/src/example/page/i18n/en-US.po

@@ -0,0 +1,2 @@
+msgid "example"
+msgstr "This is an example in device"

package/src/example/page/index.js

@@ -0,0 +1,13 @@
+import { getText } from '@zos/i18n'
+import * as Styles from 'zosLoader:./index.[pf].layout.js'
+import { Fx } from '../libs/fx';
+import { ANIM_PROFILE } from './anim';
+
+Page({
+  build() {
+    const anim = new Fx(ANIM_PROFILE);
+    
+    anim.start();
+    console.log(anim.getStatus());
+  }
+})

package/src/example/page/index.r.layout.js

@@ -0,0 +1,6 @@
+import { px } from "@zos/utils";
+
+export const TEXT_STYLE = {
+  x: px(0),
+  y: px(0),
+}