I am trying to create a glass like triangle for my project in 3js, but it is not working.
<code>let vertices = new Float32Array([
-1.0, -1.0, 1.0,
1.0, -1.0, 1.0,
1.0, 1.0, 1.0,
]);
const geometry = new THREE.BufferGeometry();
geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
const material = new THREE.MeshPhysicalMaterial()
material.side = THREE.DoubleSide
material.transparent =true
material.metalness= 0;
material.roughness = 0;
material.transmission = 1;
material.ior = 1.54;
material.thickness = 5;
const mesh = new THREE.Mesh(geometry, material);
scene.add(mesh)
</code>
<code>let vertices = new Float32Array([
-1.0, -1.0, 1.0,
1.0, -1.0, 1.0,
1.0, 1.0, 1.0,
]);
const geometry = new THREE.BufferGeometry();
geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
const material = new THREE.MeshPhysicalMaterial()
material.side = THREE.DoubleSide
material.transparent =true
material.metalness= 0;
material.roughness = 0;
material.transmission = 1;
material.ior = 1.54;
material.thickness = 5;
const mesh = new THREE.Mesh(geometry, material);
scene.add(mesh)
</code>
let vertices = new Float32Array([
-1.0, -1.0, 1.0,
1.0, -1.0, 1.0,
1.0, 1.0, 1.0,
]);
const geometry = new THREE.BufferGeometry();
geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
const material = new THREE.MeshPhysicalMaterial()
material.side = THREE.DoubleSide
material.transparent =true
material.metalness= 0;
material.roughness = 0;
material.transmission = 1;
material.ior = 1.54;
material.thickness = 5;
const mesh = new THREE.Mesh(geometry, material);
scene.add(mesh)
I have just started to learn threejs, so any kind of help will be very much appriciated.