文章图片

反观3D开发中不可缺少的建模 ， 很少有互联网公司的设计师知道如何建模 ， 对他们来说“减面”“烘培”“绑定骨骼”就和“JAVA”“C++”一样熟悉但又陌生 。 做一个Web3D项目 ， 建模都可能会倒腾一个月 ， 这对于小业务来说是完全不可接受的 。 但每年的顶级大促活动屈指可数 ， 为了解决“开张一次吃半年”的窘境 ， 降低开发成本成了Web3D推广的关键因素 。
2018年下半年 ， 有团队重新拾起“R3”的衣钵 ， 为了降低开发成本 ， 他们做了一个网页3D编辑器 。 但实际上编辑器的开发难度远高于引擎本身 。 编辑器做了大半年 ， 因为交互不友好 ， 实际上开发成本并没有降低 ， 甚至没有一个3D项目是用编辑器完成的 ， 加上Lottie站上那年双十一的舞台中心 ， 大家对于Web3D的态度又开始“暧昧”起来 。
阿里有句老话“因为相信所以看见” ， 3D的探索不但没有被砍掉 ， 上层反而持续投入 。 根据他们分析 ， 业界比较有名的H5游戏引擎有两款：laya 和cocos ，虽然laya的性能做得更好 ， 但是cocos因为编辑器的优势 ， 拥有了更多的用户 。 游戏行业Unity也是因为编辑器生态拥抱了很多的开发者 。 2019年中旬 ， Web编辑器的定位被加强 ， 团队开始重视编辑器的交互 ， 优化编辑器到H5的开发调试流程 ， 让编辑器中的场景能够一行代码引入H5中调试 。 在内部做项目时 ， 强制使用编辑器 ， 让编辑器不再是个玩具 。
尽管磕磕绊绊 ， 一边修编辑器 ， 一边做项目 ， 终于在2019年下半年做出了大量的Web3D作品 。 从以前半年一个项目 ， 到一个月发布2-3个3D项目 ， 确实证明了生产力的提升 。 它们重启“R3”之后改名“Oasis” ， oasis是绿洲的意思 ， 希望3D的绿洲能覆盖到未来的方方面面 。

文章图片


文章图片

另外 ， 因为建模问题始终无法绕开 ， 而2D动画一直是主流 ， 所以有人干脆提出“用3D渲染2D”的想法 ， 做出更炫酷的2D动画 ， 这套方案被命名为“火星(Mars)” 。
歌舞演出的时候 ， 经常会有烟花和烟雾来衬托氛围 ， 这类特效如果在动画里实现 ， 需要用到粒子系统 。 粒子系统是由大量相似的小元素组成 ， 比如说下雨动画 ， 雨滴都很类似 ， 但是雨滴的数量很大 ， 这个时候用3D技术就展现出了绝对优势 ， 因为GPU可以并行计算粒子的运动 。 而Lottie只支持图层动画 ， 通过贴图的各种运动来进行动画 ， 但贴图元素一旦多起来 ， 就会遇到严重的性能问题 。 而粒子系统的调参非常消耗时间 ， 也需要专门的编辑器配合 。
为了能直接和Lottie竞争 ， 火星的网页编辑器仿照了AE ， 设计师在火星编辑器上的产物将直接被开发进行使用 。 对于图层动画进行自动合并渲染 ， 精灵图优化 ， 引入压缩纹理降低内存开销 ， 充分发挥了3D渲染的技术优势 ， 经实测 ， 在元素较多的动画下内存比CSS动画还要低 。

文章图片