主动效的一些问题

[BUPTlhuanyu]

@galacean/effects 2.0.7

1. 带交互的骨骼动画：是否支持点击角色呈现不同的动画

2. 静置一会发烫比较严重
   官网提供的模板【找春天】中主动效合成层，内置到业务中之后，发热比较明显，是否是符合预期

3. 添加的交互元素无法响应点击
   依据该文交互文档 https://galacean.antgroup.com/effects/user/dt6d6a6zp54gow27，添加了交互元素，但是点击事件不响应
   

     const container = document.getElementById(id);
        const player = new Player({
            container,
            pixelRatio: window.devicePixelRatio || 2,
            interactive: true,
            debug: true,
        });
        const composition = await player
            .loadScene(dataHub[type])
            .catch(err => {
                // 降级逻辑，以下仅供参考
                // container.style.backgroundImage = 'url("替换为降级图路径/链接")';
                console.log('降级了', err);
            });
        console.log('composition', composition);
        composition.on('end', item => {
            // 设置多个元素的点击交互需要根据 name 判断是否指定元素
            // this.data.set('show', false);
            // player.dispose();
            // const cc = container.querySelector('canvas');
            // // cc && cc.parentNode.removeChild(cc);
            console.log('end', container);
            // player.destroyCurrentCompositions();
        });
        player.on('click', item => {
            // 设置多个元素的点击交互需要根据 name 判断是否指定元素
            console.log('trigger onItemClicked');
            console.log(item);
            toast(item.name);
            // if (item.name === 'text_2') {
            //     this.fire('click');
            // }
        });
        player.on('message', item => {
            console.log(item); // 设置多个交互元素需要根据 name 判断是否指定元素
            // if (item.phrase === spec.MESSAGE_ITEM_PHRASE_BEGIN) {
            //     // 元素创建
            // } else if (item.phrase === spec.MESSAGE_ITEM_PHRASE_END) {
            //     // 元素销毁
            // }
        });
        const item = composition.getItemByName('interact_9');

        item?.on('click', e => {
          console.info(`[item click] - item [${e.name}] clicked.`);
        });

[yiiqii]

1、骨骼动画中有大量 mesh 网格，cpu 计算量较大，运行时间较长发热是正常的，可以通过降帧（设置 Player 实例化入参 { fps: 30 }）来缓解，降帧可能会影响流畅度，具体看场景决策
2、a. 看看是否存在 name 重复的情况；b. 交互元素的时长应设置足够长 9999，现在看设置的 10s，在 10s 后会移除此交互元素

[BUPTlhuanyu]

降帧也会发烫，CPU 使用率为 20%。使用 apng 动画是 28%，但是不发烫。

[yiiqii]

这是正常的

[BUPTlhuanyu]

有啥方案可以尝试吗？顶点数和drawcalls 都很小

[yiiqii]

requestanimation 每一帧都会刷新，20%的 cpu 占用是正常的哦