Orillusion：引领Web3D渲染的未来

项目介绍

Orillusion 是一款基于 WebGPU 标准的纯 Web3D 渲染引擎。它旨在实现桌面级的渲染效果，并支持在浏览器中进行复杂场景的3D渲染。目前，Orillusion 处于测试阶段，不推荐用于任何商业应用。

项目技术分析

Orillusion 的核心技术基于 WebGPU，这是Web领域最新的技术标准，将在3D渲染以及 AI/LLM 场景中发挥重要作用。WebGPU 提供了比传统 WebGL 更强大的图形处理能力，使得在浏览器中实现高质量的3D渲染成为可能。

项目及技术应用场景

Orillusion 的应用场景非常广泛，包括但不限于：

• 游戏开发：在浏览器中实现高质量的3D游戏渲染。
• 虚拟现实（VR）和增强现实（AR）：为Web端VR/AR应用提供强大的渲染支持。
• 数据可视化：通过3D渲染技术，将复杂数据以更直观的方式呈现。
• 教育与培训：创建交互式的3D教学内容，提升学习体验。

项目特点

1. 纯Web实现：无需安装任何插件，直接在浏览器中运行。
2. 高性能：基于 WebGPU 标准，提供桌面级的渲染性能。
3. 易用性：支持多种导入方式，包括NPM、CDN等，方便开发者快速上手。
4. 社区驱动：项目鼓励开发者贡献代码，不断更新优秀的示例，帮助社区成员展示才华。

如何开始

安装

通过NPM安装

推荐使用前端构建工具如 Vite 或 Webpack 进行开发。

npm install @orillusion/core --save

通过CDN导入

支持使用原生 <script> 标签导入 Orillusion。

• 全局构建：

<script src="https://unpkg.com/@orillusion/core/dist/orillusion.umd.js"></script>
<script>  
    const { Engine3D, Camera3D } = Orillusion  
</script>

• ESModule构建：

<script type="module">  
    import { Engine3D, Camera3D } from "https://unpkg.com/@orillusion/core/dist/orillusion.es.js" 
</script>

使用示例

创建Engine3D实例

import { Engine3D } from '@orillusion/core' 
Engine3D.init().then(()=>{  
    // 下一步
})

创建Canvas

<canvas id="canvas" width="800" height="500" />

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

await Engine3D.init({  
    canvasConfig: { canvas }  
})

平台支持

• Windows/Mac/Linux：

  • Chrome 113+
  • Edge 113+

• Android（需开启 enable-unsafe-webgpu 标志）：

  • Chrome Canary 113+
  • Edge Canary 113+

了解更多

• 官方网站
• 文档
• 论坛

贡献与开发

在开发或提交PR之前，请确保阅读 贡献指南。

许可证

Orillusion 引擎基于 MIT 许可证发布。

---

Orillusion 不仅是一个强大的Web3D渲染引擎，更是一个充满活力的开发者社区。无论你是前端开发者还是3D渲染爱好者，Orillusion 都为你提供了一个展示才华和学习新技术的平台。立即加入我们，共同探索Web3D的未来！