<p align="center"> <a href="https://www.npmjs.com/package/@tresjs/core"><img src="https://img.shields.io/npm/v/@tresjs/core?color=%2382DBCA&logo=data:image/svg%2bxml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY4NTQgMy40MjkxNkMxMi4wNzM4IDIuNzgxODIgMTMuMDEyIDIuNzgxODIgMTMuNDAwNCAzLjQyOTE1TDE5LjE3NzEgMTMuMDU2OUMxOS41NzcgMTMuNzIzNSAxOS4wOTY5IDE0LjU3MTQgMTguMzE5NiAxNC41NzE0SDYuNzY2MjRDNS45ODg5NCAxNC41NzE0IDUuNTA4ODMgMTMuNzIzNSA1LjkwODc1IDEzLjA1NjlMMTEuNjg1NCAzLjQyOTE2WiIgZmlsbD0iIzgyREJDNSIvPgo8cGF0aCBkPSJNMTUuNjg1NyAxMC41NDI5QzE1LjY4NTcgOS45OTA1OSAxNi4xMzM0IDkuNTQyODggMTYuNjg1NyA5LjU0Mjg4SDI2QzI2LjU1MjIgOS41NDI4OCAyNyA5Ljk5MDU5IDI3IDEwLjU0MjlWMTkuODU3MkMyNyAyMC40MDk0IDI2LjU1MjIgMjAuODU3MiAyNiAyMC44NTcySDE2LjY4NTdDMTYuMTMzNCAyMC44NTcyIDE1LjY4NTcgMjAuNDA5NCAxNS42ODU3IDE5Ljg1NzJWMTAuNTQyOVoiIGZpbGw9IiM0RjRGNEYiLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIyMiIgcj0iNiIgZmlsbD0iI0VGQUMzNSIvPgo8L3N2Zz4K" alt="npm package"></a> <a href="https://www.npmjs.com/package/@tresjs/core"><img src="https://img.shields.io/npm/dm/@tresjs/core?color=%2382DBCA" alt="npm downloads"></a> <a href="https://discord.gg/UCr96AQmWn"><img src="https://img.shields.io/badge/chat-discord-purple?style=flat&logo=discord" alt="discord chat"></a> <a href="https://app.netlify.com/sites/tresjs-docs/deploys"><img src="https://api.netlify.com/api/v1/badges/5a59eb67-67f1-4c9d-bdf4-2f9a5899a531/deploy-status" alt="netlify status"></a> </p>

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

文档

查看文档

演示

• Stackblitz集合

生态系统

包	版本
Tres
Cientos
Post-processing
Nuxt
TresLeches 🍰

贡献

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

设置

pnpm install --shamefully-hoist

游乐场

运行小型游乐场

pnpm run playground

构建库

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

pnpm run build

文档

在开发模式下运行文档

pnpm run docs:dev

构建文档

pnpm run docs:build

许可证

MIT

赞助商

<p align="center"> <a target="_blank" href="https://github.com/sponsors/tresjs"> <img alt="sponsors" src="https://yellow-cdn.veclightyear.com/2b54e442/ccf2be51-6ef9-464d-b7a3-3b25c7166154.png"> </a> </p>