PointLight

A positional light source that originates from a single point and spreads outward in all directions, with optional attenuation over distance.

• Has a position in PointLight#pos, but no direction.
• Defined in either World or View coordinate space. When in World-space, PointLight#pos is relative to the World coordinate system, and will appear to move as the Camera moves. When in View-space, PointLight#pos is relative to the View coordinate system, and will behave as if fixed to the viewer's head.
• Has PointLight#constantAttenuation, PointLight#linearAttenuation and PointLight#quadraticAttenuation factors, which indicate how intensity attenuates over distance.
• AmbientLights, PointLights and PointLights are registered by their Component#id on Scene#lights.

Usage

In the example below we'll replace the Scene's default light sources with three World-space PointLights.

[Run this example]

import {Viewer, Mesh, buildSphereGeometry, buildPlaneGeometry,
     ReadableGeometry, PhongMaterial, Texture, PointLight} from "xeokit-sdk.es.js";

// Create a Viewer and arrange the camera

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

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

// Replace the Scene's default lights with three custom world-space PointLights

viewer.scene.clearLights();

new PointLight(viewer.scene,{
     id: "keyLight",
     pos: [-80, 60, 80],
     color: [1.0, 0.3, 0.3],
     intensity: 1.0,
     space: "world"
});

new PointLight(viewer.scene,{
     id: "fillLight",
     pos: [80, 40, 40],
     color: [0.3, 1.0, 0.3],
     intensity: 1.0,
     space: "world"
});

new PointLight(viewer.scene,{
     id: "rimLight",
     pos: [-20, 80, -80],
     color: [0.6, 0.6, 0.6],
     intensity: 1.0,
     space: "world"
});

// Create a sphere and ground plane

new Mesh(viewer.scene, {
     geometry: new ReadableGeometry(viewer.scene, buildSphereGeometry({
         radius: 1.3
     }),
     material: new PhongMaterial(viewer.scene, {
         diffuse: [0.7, 0.7, 0.7],
         specular: [1.0, 1.0, 1.0],
         emissive: [0, 0, 0],
         alpha: 1.0,
         ambient: [1, 1, 0],
         diffuseMap: new Texture(viewer.scene, {
             src: "textures/diffuse/uvGrid2.jpg"
         })
     })
});

new Mesh(viewer.scene, {
     geometry: buildPlaneGeometry(ReadableGeometry, viewer.scene, {
         xSize: 30,
         zSize: 30
     }),
     material: new PhongMaterial(viewer.scene, {
         diffuseMap: new Texture(viewer.scene, {
              src: "textures/diffuse/uvGrid2.jpg"
         }),
         backfaces: true
     }),
     position: [0, -2.1, 0]
});