Orillusion 开放公测来啦～

大家期待的 新一代完全开源的轻量级的基于 WebGPU 标准的渲染引擎终于要闪亮登场啦！

Orillusion 是基于浏览器的 Web 渲染引擎，采用了 最新的 WebGPU 标准来提供底层的图形能力。引擎的整体框架采用了现代引擎遵循的 ECS 组件式架构，以更为严谨的 TypeScript 作为开发语言。通过集群前向渲染和动态全局光照，使得整体的 3D 场景计算效率和渲染效果得到了质的提升。目前，Orillusion 引擎还处于快速迭代升级阶段，很多桌面级的图形能力，都将因为 WebGPU 标准的出现而迁移到 Web 端。同时，基于浏览器的 Web 环境，天然的赋予了我们很多应用层面的优势，比如 易分享、易协作、易上手、跨平台等。因此，Web3D 领域孕育着巨大的想象空间。

Orillusion渲染效果图

Orillusion 渲染效果图

现在是不是摩拳擦掌想试试啦，简单三步教你轻松上手～

温馨 Tips

针对浏览器版本： Chrome Canay 113
此次更新面对广大开发者，非开发者用户不建议申请。
Orillusion 0.5 版本仅是一个公测版本，尚不稳定，不建议进行商业应用开发。
此次仅开放 NPM 安装包，源代码会在后续优化过程中，择日开放。
希望大家遇到问题和 Bug，积极反馈，我们会全力第一时间修复。

步骤一：构建 Web3D 应用

配合 Vite 或等前端生态框架，来构建前端项目。(如果在现有的项目中使用，可以跳过此步骤)

https://vitejs.dev/

步骤二：安装 Orillusion 引擎

通过 NPM 安装（更多的安装方式请参考）

我们可以通过任何熟悉的 IDE 来完成 Orillusion 引擎的安装，我们推荐小白用户直接无脑安装 VScode。后续我们也会在 VScode 环境中开发插件，来辅助大家更灵活便捷的使用 Orillusion 引擎。

a. 在构建好的项目中使用命令，在提示行中安装引擎依赖：

npm install @orillusion/core --save

b. 以按需求引入指定模块，或引入全局模块：

import { Engine3D, Camera3D } from '@orillusion/core'

import * as Orillusion from '@orillusion/core'

步骤三：使用 Orillusion 引擎

创建 Engine3D 实例

在使用引擎前，必须通过 Engine3D.init() 方法进行初始化，引擎会自动创建一个 Engine3D 实例

import { Engine3D } from '@orillusion/core';
Engine3D.init().then(()=>{
  // 进行后续操作
})

创建 Canvas 画布

默认参数下， Engine3D.init() 实例会自动生成一个以屏幕大小为宽高的 canvas 画布。如果不想使用引擎自动创建的画布，用户也可以手动创建画布

import { Engine3D } from '@orillusion/core';  
let canvas = document.getElementById('canvas')  
await Engine3D.init({  
    canvasConfig: { canvas }  
})

附上保姆级教程

引擎教程文档：

遇到问题怎么办？别急，你可以通过以下三个方式联系我们，我们会及时给予大家解答和帮助！

方式 1：Github

由于引擎还未开源，我们会提前建立一个 Github 的空 Repo，用来给大家提 Issue 和反馈问题。后续开源，我们也会把源代码全部推送到这个 Repo 当中，一直延续使用。

Repo地址：

方式 2：加入开发者社群

长按或扫描下方二维码添加小鸥微信加入 Orillusion 开发者群

小鸥二维码

方式 3：登录论坛

论坛地址：

引擎的云端能力，并没有包含在这次的发布版本中，后续我们也会针对于相应的云服务提供详细的介绍和使用教程。

最近 AI 引爆全网，我们从第一天就确定 Orillusion 是端云协同 + AI 的策略。但是没有意料到 ChatGPT 会让 AI 引爆的如此之快，Orillusion 的 AI 能力也正在全面加速，会在第一时间跟大家公布进展。

我们也将计划正式开源，敬请期待哦～

欢迎大家加入 Orillusion 开发者社群，陪我们一起见证 WebGPU 的发展，快来成为 Orillusion 社区第一批 “源” 住民吧！让我们一起打造有价值、有活力、有温度的共创社区！长按或扫描下方二维码添加小鸥微信进群吧！

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

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

——Link uncharted, 链接未来世界

长按关注 Orillusion 官方微信，第一时间了解 WebGPU 引擎动向，学习开发技巧，一起打造 Web 3D 世界！

ITPub博客

Orillusion 正式公测开启，这份指南请收好！