I am struggling attaching a Directional Light to an ObjectControls

Questions
,
1

My goal is to attach a set of DirectionalLights offset from the ObjectControls camera that all move with the camera as it orients around an object. This following approach is not working

I create a light and a helper:
const light = new THREE.DirectionalLight( color )
const helper = new THREE.DirectionalLightHelper(light)

I do not add the light to the scene.

I have created an objectControls subclass cameraLightingRig. In it’s constructor I attach the light (the light is still in it’s default position and target):

this.light = light
this.object.add(light)

the light is now a child of the cameraLightingRig camera (the object property)

I pose the cameraLightingRig camera with this method:

setPose(position, target) {

    this.object.lookAt(target)

    const { x, y, z } = position
    this.object.position.set(x, y, z)

    this.object.updateMatrixWorld()

    this.target.copy(target)
    this.update()
};

I assume this positions the light at the camera position. Yes or no?
I have not set the light target. How does happen?

When I run the app the directional light is not at the camera position but rather of to the side.

Screen Shot 2021-12-11 at 2.31.56 PM
Screen Shot 2021-12-11 at 2.31.56 PM634×641 194 KB

What am I missing here?

2

You’ll get more help if you provide a minimal editable example of your working code showing the problem, like a fiddle.

In general, you can make direct light follow the camera like this:

https://jsfiddle.net/tfoller/aujwgq0L/1/

In fact, since directional light always comes from infinity, you can achieve the same result w/o direct light target, just by setting its position to the difference between the camera and the point it’s orbiting.

https://jsfiddle.net/tfoller/uvdra7z1/11/