troisjs/trois

Fork: 302 Star: 4219 (更新于 2024-11-02 18:35:39)

license: MIT

Language: TypeScript .

✨ ThreeJS + VueJS 3 + ViteJS ⚡

最后发布版本： 0.3.4 ( 2022-02-17 03:19:19)

官方网址 GitHub网址

介绍
版本
相关

✨ 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>

最近版本更新:(数据更新于 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-11-22 01:36:46 twentyhq/twenty

2024-11-21 22:40:05 LLOneBot/LLOneBot

2024-11-21 20:34:48 CopilotKit/CopilotKit

2024-11-21 16:58:07 labring/FastGPT

2024-11-21 16:14:54 RSSNext/Follow

2024-11-21 16:12:23 x-extends/vxe-table