troisjs/trois
Fork: 308 Star: 4274 (更新于 2024-12-22 17:59:54)
license: MIT
Language: TypeScript .
✨ ThreeJS + VueJS 3 + ViteJS ⚡
最后发布版本: 0.3.4 ( 2022-02-17 03:19:19)
✨ ThreeJS + VueJS 3 + ViteJS ⚡
- 💻 Examples (wip) : https://troisjs.github.io/ (sources)
- 📖 Doc (wip) : https://troisjs.github.io/guide/ (repo)
- 🚀 Codepen examples : https://codepen.io/collection/AxoWoz
I wanted to code something similar to react-three-fiber but for VueJS.
I started from scratch, I will rewrite some of my WebGL demos to see if this little toy can do the job.
Feel free to contact me if you need a ThreeJS developer ^^
Trois is a french word, it means Three.
Sponsors (Thanks 💙 !!!)
Contributors (Thanks 💙 !!!)
Usage (CDN)
TroisJS is really simple and easy to use :
<div id="app">
<renderer ref="renderer" antialias orbit-ctrl resize="window">
<camera :position="{ z: 10 }"></camera>
<scene>
<point-light :position="{ y: 50, z: 50 }"></point-light>
<box ref="box" :rotation="{ y: Math.PI / 4, z: Math.PI / 4 }">
<lambert-material></lambert-material>
</box>
</scene>
</renderer>
</div>
<script type="module">
import { createApp } from 'https://unpkg.com/troisjs@0.3.2/build/trois.module.cdn.min.js';
createApp({
mounted() {
const renderer = this.$refs.renderer;
const box = this.$refs.box.mesh;
renderer.onBeforeRender(() => {
box.rotation.x += 0.01;
});
}
}).mount('#app');
</script>
Read more on https://troisjs.github.io/guide/
最近版本更新:(数据更新于 2024-09-12 06:54:52)
2022-02-17 03:19:19 0.3.4
2021-06-09 01:35:23 0.3.2
2021-05-18 01:01:04 0.3.1
2021-05-12 03:35:05 0.3.0
2021-05-01 00:45:35 0.3.0-beta.5
2021-04-30 05:07:35 0.3.0-beta.4
2021-04-29 00:09:35 0.3.0-beta.0
2021-04-05 04:03:18 0.2.1
2021-03-14 02:35:27 0.1.14
2021-03-08 04:54:45 0.1.12
主题(topics):
3d, three-js, threejs, vitejs, vuejs, vuejs3, webgl
troisjs/trois同语言 TypeScript最近更新仓库
2024-12-22 15:05:26 elizaOS/eliza
2024-12-21 21:40:12 lobehub/lobe-chat
2024-12-21 12:01:51 siyuan-note/siyuan
2024-12-21 09:15:35 MetaCubeX/metacubexd
2024-12-21 04:50:26 mediar-ai/screenpipe
2024-12-20 19:36:48 vitejs/vite