0.2.1 • Published 5 years ago

ocean-stage v0.2.1

Weekly downloads
6
License
-
Repository
-
Last release
5 years ago

oce

oce是一个简单易用的精灵(舞台元件)控制框架,基于2D引擎pixijs,可用于制作带有交互操作的简单动画场景。

可用于基于H5画布的PPT制作,简单的游戏,互动视觉界面等。

用法

安装

    npm install oce

元件控制元件的数据格式

// 元件触发的事件列队
[{
    //绑定的元件需要需要触发的事件名称
    "name": "click",
    // 触发后需要处理的动作内容
    "content": {
        // 执行动作的元件集合
        "beans": {
            // key名为元件id,只为目标对象
            "671": {
                // 元件id
                "target": "671",
                // 元件要执行的动作
                "type": "soundPlay",
                // 元件执行动作的参数
                "pams": true
            },
            // key名为元件id,值为数组(动作列队)
            "665": [
                {
                    // 元件id
                    "target": "665",
                    // 元件要执行的动作
                    "type": "show",
                    // 元件执行的动作参数
                    "pams": true
                }, {
                    "target": "665",
                    "type": "shake",
                    "pams": true
                }
            ],
            "673": {
                "target": "673",
                "type": "soundPlay",
                "pams": false
            }
        }
    }
}]