Orillusion 正式公測開啟，這份指南請收好！

orillusion發表於2023-03-16

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/

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部落格 ” ，連結：http://blog.itpub.net/70027829/viewspace-2940153/，如需轉載，請註明出處，否則將追究法律責任。

相關文章