Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

✨ ThreeJS + VueJS 3 + ViteJS ⚡

License

NotificationsYou must be signed in to change notification settings

troisjs/trois

Repository files navigation

NPM PackageBuild SizeNPM DownloadsTwitterTwitter

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.

Sponsors (Thanks 💙 !!!)

Contributors (Thanks 💙 !!!)

Usage (CDN)

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/


[8]ページ先頭

©2009-2025 Movatter.jp