✨ Vite + Vue 3 + ThreeJS ⚡

使用Cloud Studio 在线运行 Vite 搭建的项目！本项目采用 Vite + Vue 3 + ThreeJS，毫秒级别启动！纵享丝滑开发体验！

• 💻 Examples (wip) : https://troisjs.github.io/ (sources)
• 📖 Doc (wip) : https://troisjs.github.io/guide/ (repo)
• 🚀 Codepen examples : https://codepen.io/collection/AxoWoz

yarn 
yarn run dev 

打开预览窗口即可！

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>

Read more on https://troisjs.github.io/guide/