- Notifications
You must be signed in to change notification settings - Fork311
✨ ThreeJS + VueJS 3 + ViteJS ⚡
License
NotificationsYou must be signed in to change notification settings
troisjs/trois
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
- 💻 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 toreact-three-fiber but for VueJS.
I started from scratch, I will rewrite some of myWebGL 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 meansThree.
TroisJS is really simple and easy to use :
<divid="app"><rendererref="renderer"antialiasorbit-ctrlresize="window"><camera:position="{ z: 10 }"></camera><scene><point-light:position="{ y: 50, z: 50 }"></point-light><boxref="box":rotation="{ y: Math.PI / 4, z: Math.PI / 4 }"><lambert-material></lambert-material></box></scene></renderer></div><scripttype="module">import{createApp}from'https://unpkg.com/troisjs@0.3.2/build/trois.module.cdn.min.js';createApp({mounted(){constrenderer=this.$refs.renderer;constbox=this.$refs.box.mesh;renderer.onBeforeRender(()=>{box.rotation.x+=0.01;});}}).mount('#app');</script>
Read more onhttps://troisjs.github.io/guide/
About
✨ ThreeJS + VueJS 3 + ViteJS ⚡
Topics
Resources
License
Stars
Watchers
Forks
Packages0
No packages published