项目地址

github.com/rainbowMore…

近期的业务迭代，需要给Realibox的产品线里面添加一个动画功能。本来想网上找一个类似的开源库来改的，但是发现并没有。

好像有一个scenejs-timeline的但是它并不能实现无限延长的功能。自定义业务的api不是那么好用，也不知缩放功能。

所以就有了自己写一个关键帧编辑组件。

ps 还有一个比较重要的信息，就是目前我在b站发布了与RUST编程语言相关的分享视频，感兴趣的同学可以关注一下，未来可能会发布一些关于 webassembly 还有 typescript 少数人知道的技巧。

这是我的地址 space.bilibili.com/106325238

timeline-animation-edtior

If you need a timeline reat component,make AE PS WebGL Animation timeline editor。

Then this component is a good choice。

How to use

<AnimationTimelineBox
    rows={[
        {
            keyframesInfo: [
                {
                    // mush value ，This is milliseconds
                    value: 100,
                    //
                    data: {
                        //other info
                    },
                },
                {
                    value: 2000,
                },
                {
                    value: 7000,
                },
            ],
        },
        {
            keyframesInfo: [
                {
                    value: 100,
                },
                {
                    value: 80.005 * 1000,
                },
            ],
        },
    ]}
/>

Current progress

1. Virtual list，You don't have to worry about having too many dom nodes to make the editor stick
2. Key frame management
3. Animation play event