import * as THREE from "three";
import TouchEdge from "./TouchEdge";

export default class ImgLabel extends THREE.Mesh {
  constructor(texture, matLine) {
    const width = 1.5;
    const height = 0.85;

    const g = new THREE.PlaneGeometry(width, height);
    g.rotateX(-Math.PI / 2);

    const m = new THREE.MeshBasicMaterial({
      map: texture,
    });
    super(g, m);
    // console.log(g);
    const p = [
      [-0.75, 0, -0.425, 0.75, 0, -0.425],
      [-0.75, 0, -0.425, -0.75, 0, 0.425],
      [-0.75, 0, 0.425, 0.75, 0, 0.425],
      [0.75, 0, 0.425, 0.75, 0, -0.425],
    ];
    this.touchLines = new TouchEdge(p, matLine);

    this.touchLines.position.y += 0.5;
    this.add(this.touchLines);

    this.name = "imglabel";
  }
}