还在为3D开发头疼？TresJS v5.0全新升级，一条命令搞定完整项目，你还在等什么

  "[3, 3, 3]" />
  
    
    "hotpink" />
  

简单、直观、响应式，这就是 TresJS 的魅力。

TresJS v5.0 亮点一览

1. 全新 CLI 工具：create-tres

再也不用自己搭环境了！一条命令，初始化完整项目：

npx create-tres my-3d-app

支持：

2. WebGPU 原生支持（实验性）

TresJS 正式拥抱 WebGPU —— 下一代 Web 图形 API：

const createWebGPURenderer = (ctx) =>
  new WebGPURenderer({ canvas: ctx.canvas, alpha: true })

3. ESM-only 架构

彻底抛弃 UMD，全面拥抱现代标准：

️ 注意：旧项目需确保构建工具支持 ESM。

4. Composables 全面重构

过去的“工具函数”终于变成了真正的 Vue Composables，支持响应式状态：

const { state, isLoading, progress } = useLoader(GLTFLoader, '/model.gltf')

5. ️ 事件系统重构

基于 @pmndrs/pointer-events，全面标准化：

6. Nuxt 4 支持与全新 Devtools

npx nuxi@latest module add tresjs

7. 生态系统同步升级

用 TresJS 能做出什么？—— 官方 Showcase 精选

以下作品100% 是官网案例，基于 TresJS 开发，可直接在线体验！

更多案例持续更新中，想要获取相关案例源码，访问 →

总结：TresJS v5.0，是 3D + Vue 的“完全体”

性能

WebGPU 支持、ESM-only、事件优化

易用性

CLI 工具、响应式 composables、标准化事件

可维护性

去除冗余 API、统一生态风格

扩展性

Nuxt 4 支持、Devtools、模块化架构

写在最后

从最初的一个**“小而美”**的实验性项目，到如今 功能完备、架构现代、生态丰富的 3D 框架，TresJS 完成了一次华丽的蜕变。

如果你是 Vue 开发者，又对 3D Web 开发感兴趣，那么 TresJS v5.0 绝对值得你一试！

立即体验：

npx create-tres my-tres-project

官方博客：tresjs.org/blog/tresjs…

GitHub：github.com/Tresjs/tres