Web3D/trois
1
0
Fork 0
mirror of https://github.com/troisjs/trois.git synced 2024-11-24 04:12:02 +08:00
Code Issues Projects Releases Wiki Activity
✨ ThreeJS + VueJS 3 + ViteJS ⚡
192 Commits 2 Branches 16 Tags 35 MiB
TypeScript 62.2%
JavaScript 31.2%
Vue 6.5%
HTML 0.1%
795dd0c343
Go to file
Kevin Levron 795dd0c343 default resize false (troisjs/troisjs.github.io#2)
2021-03-05 08:03:20 +01:00
build 0.1.8 2021-03-03 23:23:57 +01:00
screenshots update screenshots 2020-10-14 22:35:23 +02:00
src default resize false (troisjs/troisjs.github.io#2) 2021-03-05 08:03:20 +01:00
.eslintrc.js init 2020-09-14 16:57:11 +02:00
.gitignore move github page folder 2020-09-15 10:12:01 +02:00
.npmignore 0.1.5 2021-02-28 17:00:02 +01:00
index.html cleanup 2021-02-28 21:01:56 +01:00
package.json fix #9 again 2021-03-03 23:21:53 +01:00
README.md readme 2021-03-04 17:38:58 +01:00
rollup.config.js 0.1.6 2021-03-03 21:49:22 +01:00
vite.config.js vite/vue/three versions 2021-02-11 23:50:57 +01:00

README.md

✨ ThreeJS + VueJS 3 + ViteJS ⚡

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.

Trois is a french word, it means Three.

HMR

Thanks to VueJS/ViteJS, TroisJS use watchers and HMR to update ThreeJS objects when you update a template or a prop. This means the result in your browser will be automatically updated without reloading all the stuff. This is really helpful when you are creating a TroisJS Scene.

Features

  • Lights
    • AmbientLight
    • DirectionalLight
    • PointLight
    • SpotLight
    • ...
  • Materials
    • Basic
    • Lambert
    • Mapcat
    • Phong
    • Physical
    • Standard
    • SubSurface
    • Toon
    • ...
  • Geometries
    • Box
    • Circle
    • Cone
    • Cylinder
    • Dodecahedron
    • Icosahedron
    • Lathe
    • Octahedron
    • Polyhedron
    • Ring
    • Sphere
    • Tetrahedron
    • Torus
    • TorusKnot
    • Tube
    • ...
  • Post Processing
    • EffectComposer
      • BokehPass
      • FilmPass
      • FXAAPass
      • HalftonePass
      • Renderpass
      • SMAAPass
      • UnrealBloomPass
      • ...
  • ...