五福背后的 Web 3D 引擎 Oasis Engine 正式开源

简介： Oasis 从开源走向新的起点，用 3D 化的交互和表达让世界变得更美好。

相信大家已经体验了今年支付宝五福的活动，无论是今年的五福首页还是打年兽游戏都是由蚂蚁互动图形引擎（代号：Oasis Engine）驱动的。

Oasis Engine 是蚂蚁集团 Web 3D 互动图形引擎，同时也是阿里巴巴互动技术方向的首选 Web 3D 引擎，已于 2 月 1 日正式开源。

 

这篇文章会和大家介绍 Oasis Engine 的一些概况和 Oasis Engine 的前世今生以及未来展望。希望通过这篇文章可以让大家对 Oasis Engine 有一个初步了解。

引擎介绍

Oasis Engine 是引擎一款以 Web 为先，移动为先的互动/创作平台。使用组件系统架构，并且追求易用和轻量。Oasis Engine 主要包含 Oasis Runtime、Oasis Editor 和 Oasis Store 三部分。接下来我们会通过概述、功能介绍、稳定性和性能几个维度来给大家介绍引擎。

概述

 

Oasis Engine 采用组件系统架构，Oasis Engine 不仅需要具备三维渲染能力，还需要包含了非常多来自各领域的功能，比如 2D、3D、UI、音频、物理、VR/AR、逻辑编写等等，这些功能都是开发者的刚需。同时开发者在使用上也通常希望引擎的结构可以保持清晰，功能可以灵活组合。

除此之外，通常业务开发还希望进行功能沉淀，其实这些都是属于易用性的范畴。在如此功能复杂度和易用性的权衡下，我们选择了组件系统架构。在组件系统架构下，万物皆组件，任何功能都可以以组件的形式插拔，灵活组合。同时脚本也是一种特殊的组件，开发者也可以很自然的把业务功能沉淀为组件复用。

 

Oasis 引擎采用脚本系统进行逻辑编写。我们提供了非常多的脚本生命周期回调，开发者只需重载需要的回调函数即可。

从易用性和可读性来说，脚本相对通过事件编写逻辑都具有明显的优势。尤其在组件系统架构中，脚本系统是更自然的一种方式。包括我们在做引擎架构时也从不会认为任何一种架构有绝对的对错，更多的是权衡和适合的探讨。同时，我们在脚本系统也做了很多体验上的优化，比如提供了克隆装饰器，开发者可以根据属性的实际情况选择不同的克隆装饰器设置克隆模式，相对于手动编写克隆函数更加的易用。

 

Oasis 引擎的开发语言采用了 TypeScript ，TypeScript 是 JavaScript 的强类型超集，相比弱类型的 JavaScript 具有非常大的优势。尤其对于大型复杂项目，TypeScript 带来了研发效率提升非常明显。相信近几年很多前端开发者已经有所体会。我们也推荐开发者使用 TypeScript 编写逻辑脚本。

Oasis 引擎在 AP