TheFirstScene.vue 442 B

1234567891011121314151617181920
  1. <script setup lang="ts">
  2. import { TresCanvas } from '/@/'
  3. const context = ref()
  4. watchEffect(() => {
  5. console.log(context)
  6. })
  7. </script>
  8. <template>
  9. <TresCanvas ref="context" clear-color="#82DBC5" window-size>
  10. <TresPerspectiveCamera />
  11. <TresMesh>
  12. <TresTorusGeometry :args="[1, 0.5, 16, 32]" />
  13. <TresMeshBasicMaterial color="orange" />
  14. </TresMesh>
  15. <TresAmbientLight :intensity="1" />
  16. </TresCanvas>
  17. </template>