头图

社区的盆友们久等啦!小鸥终于在2023年11月跟大家一起迎来了「Orillusion 引擎」的0.7版本~

从〔2023-05-08〕至〔2023-11-01〕日,历经将近6个月的时间,「Orillusion 引擎」完成了由0.6~0.7的大版本跃迁。大版本的跃迁看似时间周期长,实则是我们把RoadMap中放在后面几个版本中的内容,也努力都塞了进来!希望大家能有更好的体验!

在大家的见证下,「Orillusion引擎」开源库在2023年5月荣登「Github Trending」榜的第六名,开源不到一周Star数量增长至1200+,并在前端Web类项目中居于榜首。到今天为止,Orillusion在Github开源库的Star数量已增长至3k+!这也是对我们最大的鼓励!
在这次的版本更新中,引擎累计
提交116个PR

收获102个issue

样例数量扩展到59个

修复多个已知&未知的问题(小鸥还得感谢社区大佬们不断地为我们提出建议和意见)

1 功能新增

图形化界面(GUI)

图形化界面对软件、系统的重要性不言而喻,好的图形化界面可以大大提升用户体验,「Orillusion 引擎」提供了一套基于WebGPU的GUI系统,使得用可以按需在三维场景中加入GUI元素。官网教程中给出了详尽的解释与案例。


基于WebGPU的GUI https://www.orillusion.com/guide/gui/Readme.html

全局光照(GI)

Orillusion提供了基于WebGPU的全局光照能力,与WebGL的光照系统渲染相比,大大提升了性能以及可扩展性,使得在web端渲染高质量光照变得可行。

全局光照
https://www.orillusion.com/guide/advanced/gi.html

粒子系统(Particle)

粒子系统作为刻画真实场景的手段,引擎在当前大版本提供了WebGPU版本的粒子渲染能力。

粒子系统
https://www.orillusion.com/guide/particle/Readme.html

级联阴影(CSM Shadow)

提供的CSM shadow可以更好的支持大场景中阴影渲染的效果。简单来说,级联阴影将视锥内阴影按四个等级进行划分,在着色处理阴影的阶段时根据当前所处阴影等级选择合适的阴影贴图,从而获得更加精确、覆盖全视锥体范围的阴影效果。

级联阴影
https://www.orillusion.com/guide/graphics/shadow.html

自定义Compute Shader

引擎支持开发人员根据业务需求进行自定义Compute Shader的编写,下面给大家展示两款由小鸥带来的样例~



自定义compute shader

后处理特效(Post Effects)

在这个大版本中,小伙伴们对后处理特效也进行了大量更新,具体的案例和教程传送门可在下方查看:

辉光特效(Bloom Post)


辉光特效
https://www.orillusion.com/guide/advanced/post_bloom.html

Ξ 屏幕体积光(GodRay Post)

https://www.bilibili.com/video/BV1kF411C7SB/?aid=275121538&ci...
God Ray

https://www.orillusion.com/guide/advanced/post_godRay.html

后期雾效(Global Fog)


后期雾效
https://www.orillusion.com/guide/advanced/post_globalfog.html

景深效果(DepthOfField Post)


景深效果
https://www.orillusion.com/guide/advanced/post_depthOfField.htm

2 引擎工具

针对开发小伙伴们的「用户体验」,当前版本对编译的js增加了非压缩的版本。今后开发伙伴们可以在开发时方便得查看源码、做log和断点、以及做一些临时源码改动。而且,现在用户也可以按自己项目的需求引用 max 版本进行打包了哦。

3 功能示例

应广大社区朋友们的呼吁,终于在0.7版本上线时开放了引擎功能的样例页面,大家可以按需通过样例查阅、学习,传送门在此为大家奉上:
https://www.orillusion.com/example 
同样的,热情的邀请大家将自己的想要展示的「Orillusion 引擎」样例提供出来方便大家互相学习,一起助力打造更好的社区!
后续我们会出一期独立的内容,来告诉大家如何提交我们自己的示例代码,而且一旦PR被接受,是直接可以成为我们引擎核心库的contributor的哦! 
٩(^ω^)人(^ω^)۶ 让我们一起期待吧~

4 写在最后

WebGPU在今年5月份刚刚发布,Orillusion的开源也从今年5月份到现在的11月份,刚刚经历了半年的时间,虽然这半年遇到了很多困难和挑战,但是我们会非常坚定的把这条路走下去。我们聚焦定位服务于「Web前端的技术人员」,因为我们也是属于这个群体中的开发者。这个群体基数庞大,也饱受过比如只会“切图”写网页的诟病。但是我们坚持认为浏览器一定在未来会成为3D内容承载的另一种介质,我们前端的技术人员都是未来3D内容创作的潜在生产力。

Web3D在曾经的WebGL时代已经发展出了非常丰富的内容业态。我们相信,在WebGPU的推动下,Web3D的生态一定会越来越好!

小鸥也希望社区大佬们不断地为我们提出建议和意见,社区的声音是我们前进的方向和动力,我们会继续努力,打造一款属于我们国人自己的Web3D引擎!


Orillusion致力于打造全世界第一款完全开源基于WebGPU标准的一种轻量级渲染引擎,目标是在浏览器中实现桌面级的渲染效果,支持超大复杂场景的3D呈现。易上手,易分享,易迭代,易协作、成本低,跨平台是我们的核心优势,我们将为3D场景爆发时代提供引擎基础工具。

未来我们将会持续把最干货最前沿的WebGPU技术分享给每一位社区成员,也欢迎大家为Orillusion开源社区做出自己的贡献。我们一直坚信,开源社区的技术留痕是每一位技术人员最崇高的追求!因此,我们尊重,我们认可,我们更期待,加入Orillusion,让我们共同进步!

——Link uncharted, 链接未来世界


Orillusion
12 声望10 粉丝

团队专注于引擎底层技术研发,主要工作是打造完全开源的WebGPU轻量级通用渲染引擎,目标是在浏览器中实现桌面级的渲染效果,以及支持超大复杂场景的3D呈现。未来团队会一直专注于引擎底层的技术突破,打造优秀的...