drawing-board-service/src/core/renderer-three/env/ground.vue

<template></template>

<script lang="ts" setup>
import { DoubleSide, Mesh, MeshPhongMaterial, PlaneGeometry } from "three";
import { useTree } from "../hook/use-stage";
import { subgroupName } from "../container";

const geometry = new PlaneGeometry(10000, 10000, 1, 1);
const material = new MeshPhongMaterial({
  color: 0xffffff,
  side: DoubleSide,
});
const ground = new Mesh(geometry, material);
ground.rotateX(-Math.PI / 2);
ground.receiveShadow = true;
ground.name = subgroupName;
useTree().value = ground;
</script>