Galacean Effects Runtime 2.4.0版本发布：全新遮罩功能与渲染架构优化

Galacean Effects Runtime 2.4.0版本发布：全新遮罩功能与渲染架构优化

effects-runtime It can load and render cool animation effects 项目地址: https://gitcode.com/gh_mirrors/ef/effects-runtime

Galacean Effects Runtime是一个专注于实现高性能视觉特效的JavaScript运行时库，它为开发者提供了创建复杂动画和交互式视觉效果的能力。该库特别适合在Web环境中实现游戏特效、UI动画等场景。最新发布的2.4.0版本带来了一系列重要更新，包括全新的遮罩功能、渲染架构优化以及多项功能增强。

核心特性：图像与方向遮罩支持

2.4.0版本最显著的改进是引入了图像遮罩(Image masks)和方向遮罩(Directional masks)功能。遮罩是现代视觉效果设计中不可或缺的元素，它允许开发者控制元素的可见区域，创建复杂的视觉层次和过渡效果。

新版本通过setMaskMode方法实现了遮罩功能，但值得注意的是，开发团队在后续优化中移除了该方法中与颜色遮罩相关的参数，使API更加简洁专注。遮罩功能的实现涉及到底层渲染管线的调整，确保遮罩元素能够按照正确的绘制顺序进行处理。

对于已有项目，开发团队特别考虑了版本兼容性问题。新增的版本转换处理机制能够确保旧版特效资源在新运行时中正确呈现遮罩效果。同时，针对富文本元素中的遮罩数据也做了专门的兼容性处理，确保文本与遮罩的交互效果符合预期。

渲染架构的重大重构

2.4.0版本对底层渲染架构进行了深度重构，主要体现在以下几个方面：

1. BaseRenderComponent精简：移除了冗余属性，使核心渲染组件更加轻量高效。同时重构了材质创建逻辑和setItem方法，优化了资源管理流程。

2. 组合源管理器移除：删除了原有的组合源管理器(composition source manager)，简化了资源管理层次结构，提高了渲染效率。

3. 特效对象反序列化逻辑重构：优化了特效对象的反序列化过程，提升了资源加载和解析的性能。

4. 交互消息触发机制改进：重新设计了交互消息的触发逻辑，使交互响应更加精准可靠。虽然在此过程中出现了一些需要回滚的调整，但最终实现了更稳定的交互体验。

这些架构层面的改进不仅提升了运行时的性能，也为未来功能的扩展打下了更坚实的基础。

形状与根项功能增强

新版本对形状系统进行了功能扩展：

• 形状现在支持锚点(anchor)设置，为精确定位提供了更多控制选项
• 增加了渲染器设置支持，允许开发者更灵活地配置形状的渲染行为

同时，根项(root item)现在支持多个组件，这一改进极大地增强了特效的组合能力，使复杂场景的构建更加方便。

开发者体验优化

除了功能增强外，2.4.0版本也包含多项开发者体验改进：

• 新增了碰撞测试演示页面，帮助开发者更好地理解和测试交互功能
• 完善了旧形状数据的空值检查，提高了代码的健壮性
• 优化了交互项开始时间的判断逻辑
• 更新了项目规范和资源检测机制

升级建议

对于正在使用Galacean Effects Runtime的开发者，2.4.0版本提供了多项值得升级的功能和改进。特别是需要遮罩功能的项目，新版本提供了完整的解决方案。在升级过程中，开发者应注意以下几点：

1. 遮罩API的调整，特别是setMaskMode方法的参数变化
2. 渲染架构变更可能影响自定义渲染逻辑
3. 新的形状锚点功能可以替代部分原有的定位方案

总体而言，2.4.0版本标志着Galacean Effects Runtime在功能完备性和架构合理性方面迈出了重要一步，为创建更丰富、更高效的视觉效果提供了强有力的支持。

effects-runtime It can load and render cool animation effects 项目地址: https://gitcode.com/gh_mirrors/ef/effects-runtime