Fresnel

Configures Fresnel effects for PhongMaterials.

Fresnels are attached to PhongMaterials, which are attached to Meshes.

Usage

In the example below we'll create a Mesh with a PhongMaterial that applies a Fresnel to its alpha channel to give a glasss-like effect.

[Run this example]

import {Viewer, Mesh, buildTorusGeometry,
     ReadableGeometry, PhongMaterial, Texture, Fresnel} from "xeokit-sdk.es.js";

const viewer = new Viewer({
      canvasId: "myCanvas",
      transparent: true
});

viewer.scene.camera.eye = [0, 0, 5];
viewer.scene.camera.look = [0, 0, 0];
viewer.scene.camera.up = [0, 1, 0];

new Mesh(viewer.scene, {
     geometry: new ReadableGeometry(viewer.scene, buildTorusGeometry({
         center: [0, 0, 0],
         radius: 1.5,
         tube: 0.5,
         radialSegments: 32,
         tubeSegments: 24,
         arc: Math.PI * 2.0
     }),
     material: new PhongMaterial(viewer.scene, {
         alpha: 0.9,
         alphaMode: "blend",
         ambient: [0.0, 0.0, 0.0],
         shininess: 30,
         diffuseMap: new Texture(viewer.scene, {
             src: "textures/diffuse/uvGrid2.jpg"
         }),
         alphaFresnel: new Fresnel(viewer.scene, {
v               edgeBias: 0.2,
             centerBias: 0.8,
             edgeColor: [1.0, 1.0, 1.0],
             centerColor: [0.0, 0.0, 0.0],
             power: 2
         })
     })
});