troisjs-with-capsule

[![NPM Package][npm]][npm-url] [![Build Size][build-size]][build-size-url] [![NPM Downloads][npm-downloads]][npmtrends-url] [![Twitter][email]][email-url] [![Twitter][twitter]][twitter-url]

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
troisjs-with-capsule
0.3.5a year agoa year agoMinified + gzip package size for troisjs-with-capsule in KB

Popular Searches

Readme

✨ ThreeJS + VueJS 3 + ViteJS ⚡
This is a fork to add Capsule Geometry
!NPM Packagenpmnpm-url !Build Sizebuild-sizebuild-size-url !NPM Downloadsnpm-downloadsnpmtrends-url !Twitteremailemail-url !Twittertwittertwitter-url

  • 💻 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 : ```html 
<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>
``` Read more on https://troisjs.github.io/guide/