tres Logo

tres

基于Vue的声明式ThreeJS场景构建框架

TresJSThree.jsVue3D场景组件化Github开源项目

TresJS是一个基于Vue自定义渲染器的开源框架,使开发者能够通过声明式Vue组件创建ThreeJS场景。该项目提供简洁API,支持ThreeJS最新特性,并具备完整类型定义。TresJS为Vue开发者提供了一种高效构建3D场景的方法,自动保持与ThreeJS功能同步,极大减少了维护成本。

repo-banner

npm package npm downloads discord chat netlify status

TresJS @tresjs/core

使用Vue组件声明式Three.js

  • 💡 像构建Vue组件一样构建3D场景
  • ⚡️ 由Vite驱动
  • 🥰 无论版本如何,它都能立即带来Three.js的所有最新功能
  • 🦾 完全类型化

Tres(西班牙语中"three"的意思,发音为/tres/)是一种使用Vue组件以声明式方式创建Three.js场景的方法。

它基于Vue自定义渲染器构建,并由Vite提供支持。

目标是为Vue社区提供一种使用Vue轻松构建3D场景的方法,始终保持最新的Three.js功能,且几乎不需要维护。

安装

pnpm install @tresjs/core three

文档

查看文档

演示

生态系统

贡献

我们欢迎贡献,请阅读贡献指南以开始。

设置

pnpm install --shamefully-hoist

游乐场

运行小型游乐场

pnpm run playground

构建库

以库模式构建核心,只需使用

pnpm run build

文档

在开发模式下运行文档

pnpm run docs:dev

构建文档

pnpm run docs:build

许可证

MIT

赞助商

sponsors