<script setup lang="ts">
import { Color } from 'three'
import { useTweakPane } from '/@/core/useTweakPane'
import TestSphere from '/@/components/TestSphere.vue'

const colorTeal = new Color('teal')
useTweakPane()

const meshPosition = [2, 1, 0]
</script>
<template>
  <TresCanvas shadows async power-preference="high-performance" preserve-drawing-buffer>
    <Mesh :position="meshPosition" :scale="2">
      <SphereGeometry />
      <MeshToonMaterial :color="colorTeal" />
    </Mesh>
    <TestSphere />
    <AxesHelper :args="[1]" />
    <DirectionalLight :position="[0, 2, 4]" cast-shadow />
  </TresCanvas>
</template>
