Texture

hole in mesh

by jason870509

HTML

<div id="info">texture</div>
<script src="https://threejs.org/build/three.js"></script>
<script src="https://threejs.org/examples/js/controls/OrbitControls.js">
</script>

CSS

#info {
  position: absolute;
  top: 3%;
  width: 100%;
  padding: 10px;
  text-align: center;
  color: #ffff00;
}

body {
  overflow: hidden;
}

JavaScript

var camera, scene, renderer, light, controls;

init();
animate();

function lineExample() {

  var lineGeometry = new THREE.Geometry();
  var vertArray = lineGeometry.vertices;
  vertArray.push(new THREE.Vector3(-100, -100, 0), new THREE.Vector3(-100, 100, 0), new THREE.Vector3(50, 100, 0));
  lineGeometry.computeLineDistances();
  var lineMaterial = new THREE.LineDashedMaterial({
    color: 0x00cc00,
    dashSize: 4,
    gapSize: 2
  });

  return new THREE.Line(lineGeometry, lineMaterial);
}

function triangleExample2() {
  let loader = new THREE.TextureLoader();
  loader.crossOrigin = '';
  alpha = loader.load('https://i.imgur.com/pYpcBHY.png');
  texture = loader.load('https://i.imgur.com/p8CRm9W.jpg');
  texture1 = loader.load('https://i.imgur.com/p8CRm9W.jpg');
  texture.repeat.set(3 / 14, 1);
  texture1.repeat.set(2 / 3, 1);
  var geometry = new THREE.Geometry();
  geometry.vertices.push(
    new THREE.Vector3(-105, 60, 30),
    new THREE.Vector3(-105, 20, 30),
    new THREE.Vector3(-45, 20, 30),
    new THREE.Vector3(-45, 20, 15),
    new THREE.Vector3(-105, 20, 15),
    new THREE.Vector3(-105, 60, 15)
  );
  var face;
  face = new THREE.Face3(1, 2, 0);
  face.materialIndex = 0;
  geometry.faces.push(face);
  face = new THREE.Face3(0, 2, 3);
  face.materialIndex = 1;
  geometry.faces.push(face);
  face = new THREE.Face3(0, 3, 5);
  face.materialIndex = 2;
  geometry.faces.push(face);
  //face = new THREE.Face3(3, 4, 5);
  //face.materialIndex = 3;
  //geometry.faces.push(face);
  //face = new THREE.Face3(1, 3, 2);
  //face.materialIndex = 4;
  //geometry.faces.push(face);
  //face = new THREE.Face3(1, 4, 3);
  //face.materialIndex = 5;
  //geometry.faces.push(face);
  geometry.computeBoundingSphere();
  geometry.computeFaceNormals();
  geometry.computeVertexNormals();
  var materialArray = [];
  materialArray.push(new THREE.MeshLambertMaterial({
    //map: texture1,
    //alphaMap: alpha,
		visible:false
  }));
  materialArray.push(new...