infamous/src/core/PointLight.js

A CSS3D/WebGL UI library.

import Class from 'lowclass'
import { PointLight as ThreePointLight } from 'three'
import LightBase from './LightBase'
import { props } from './props'
import { mapPropTo } from './props'

export default
Class('PointLight').extends( LightBase, ({ Super }) => ({
    static: {
        defaultElementName: 'i-point-light',

        props: {
            ...LightBase.props,
            distance: mapPropTo({ ...props.number, default: 0 }, 'threeObject3d'),
            decay: mapPropTo({ ...props.number, default: 1 }, 'threeObject3d'),
            castShadow: mapPropTo({ ...props.boolean, default: true }, 'threeObject3d'),
            shadowMapWidth: { ...props.number, default: 512 },
            shadowMapHeight: { ...props.number, default: 512 },
            shadowRadius: { ...props.number, default: 3 },
            shadowBias: { ...props.number, default: 0 },
            shadowCameraNear: { ...props.number, default: 1 },
            shadowCameraFar: { ...props.number, default: 2000 },
        },
    },

    passInitialValuesToThree() {
        Super(this).passInitialValuesToThree()

        const light = this.threeObject3d

        light.distance = this.distance
        light.decay = this.decay
        light.castShadow = this.castShadow

        const shadow = light.shadow

        shadow.mapSize.width = this.shadowMapWidth
        shadow.mapSize.height = this.shadowMapHeight
        shadow.radius = this.shadowRadius
        shadow.bias = this.shadowBias

        // TODO: auto-adjust near and far planes like we will with Camera,
        // unless the user supplies a manual value.
        shadow.camera.near = this.shadowCameraNear
        shadow.camera.far = this.shadowCameraFar
    },

    makeThreeObject3d() {
        return new ThreePointLight
    },

    updated(oldProps, oldState, modifiedProps) {
        Super(this).updated(oldProps, oldState, modifiedProps)

        if (!this.isConnected) return

        const shadow = this.threeObject3d.shadow

        if (modifiedProps.shadowMapWidth) shadow.mapSize.width = this.shadowMapWidth
        if (modifiedProps.shadowMapHeight) shadow.mapSize.height = this.shadowMapHeight
        if (modifiedProps.shadowRadius) shadow.radius = this.shadowRadius
        if (modifiedProps.shadowBias) shadow.bias = this.shadowBias
        if (modifiedProps.shadowCameraNear) shadow.camera.near = this.shadowCameraNear
        if (modifiedProps.shadowCameraFar) shadow.camera.far = this.shadowCameraFar
    },
}))