How to use the SpotLight function from three

renderer.js

GitHub: dennisss/tansa

79
80
81
82
83
84
85
86
87
88
this.camera = camera;



scene.add( new THREE.AmbientLight( 0xf0f0f0 ) );
var light = new THREE.SpotLight( 0xffffff, 1.5 );
light.position.set( 0, 1500, 200 );
light.castShadow = true;
light.shadow = new THREE.LightShadow( new THREE.PerspectiveCamera( 70, 1, 200, 2000 ) );
light.shadow.bias = -0.000222;

16

39

8

index.js

GitHub: avin/generative

159
160
161
162
163
164
165
166
167

const whiteColor = 0xffffff;
const lightMain = new THREE.HemisphereLight(whiteColor, 0xffffff, 0.42);
scene.add(lightMain);

const lightDir1 = new THREE.SpotLight(whiteColor, 0.98251, 30, Math.PI / 4, 2, 2);
lightDir1.position.set(5, 7, 5);
lightDir1.castShadow = true;
scene.add(lightDir1);

9

77

5

+ 5 other calls in file

index.js

GitHub: ASSERT-KTH/ci-hackathon

215
216
217
218
219
220
221
222
223
224
function addLigth(color, position){
    
    group = new THREE.Group();

    var bulbGeometry = new THREE.SphereGeometry(1, boxSize[1]/4, boxSize[1]/4);
    var spotLight = new THREE.SpotLight(Number(color));
    var bulbLight = new THREE.PointLight(Number(color), 0.1);
    
    bulbLight.power = 0.25;
    bulbLight.decay = 1;

26

28

0

+ 2 other calls in file

GLTFLoader.js

GitHub: XvisionAS/FieldTwin-Integration-Demo

293
294
295
296
297
298
299
300
301
302
  lightNode = new THREE.PointLight(color);
  lightNode.distance = range;
  break;

case "spot":
  lightNode = new THREE.SpotLight(color);
  lightNode.distance = range;
  // Handle spotlight properties.
  lightDef.spot = lightDef.spot || {};
  lightDef.spot.innerConeAngle =

3

7

8

+ 14 other calls in file

GLTFLoader.js

GitHub: disasteroftheuniverse/zdoom-navmesh-generator

440
441
442
443
444
445
446
447
448
449
    lightNode = new THREE.PointLight( color );
    lightNode.distance = range;
    break;

case 'spot':
    lightNode = new THREE.SpotLight( color );
    lightNode.distance = range; // Handle spotlight properties.

    lightDef.spot = lightDef.spot || {};
    lightDef.spot.innerConeAngle = lightDef.spot.innerConeAngle !== undefined ? lightDef.spot.innerConeAngle : 0;

2

10

0

index.cjs

GitHub: Brakebein/node-three-gltf

528
529
530
531
532
533
534
535
536
537
case 'point':
    lightNode = new three.PointLight(color);
    lightNode.distance = range;
    break;
case 'spot':
    lightNode = new three.SpotLight(color);
    lightNode.distance = range;
    lightDef.spot = lightDef.spot || {};
    lightDef.spot.innerConeAngle = lightDef.spot.innerConeAngle !== undefined ? lightDef.spot.innerConeAngle : 0;
    lightDef.spot.outerConeAngle = lightDef.spot.outerConeAngle !== undefined ? lightDef.spot.outerConeAngle : Math.PI / 4.0;

2

7

0

ThreeFactory.js

GitHub: zhouzhili/webGL-webGIS-Learning

134
135
136
137
138
139
140
141
142
143
  // 环境光-均匀的照亮场景中的所有物体,不能投射阴影
  const Alight = new THREE.AmbientLight(0x404040)
  this.scene.add(Alight)

  // 添加聚光灯
  const light = new THREE.SpotLight({ color: '#fff' })
  // 需要开启阴影投射
  light.castShadow = true
  return light
}

1

7

2

Webgl.js

GitHub: JordanMachado/fluctus

98
99
100
101
102
103
104
105
106
107
this.scene.add(this.planeAudio);

this.plane = new Plane();
this.scene.add(this.plane);

this.spotLight = new THREE.SpotLight( 0xffffff );
this.spotLight.position.set( 0, 1000, 0 );
this.spotLight.castShadow = true;
this.spotLight.shadowMapWidth = 1024;
this.spotLight.shadowMapHeight = 1024;

3

6

1

logo_thing.js

GitHub: max0ne/logo_thing

138
139
140
141
142
143
144
145
146

const cameraZ = (boundingBox.max.z - boundingBox.min.z) * 15;
camera.position.z = 500; //cameraZ;

const addLight = (xx, yy) => {
  let spotLight = new THREE.SpotLight(0xffffff);
  spotLight.position.set(xx, yy, 100);

  spotLight.castShadow = true;

1

5

2

browser.js

GitHub: FabricLabs/verse

67
68
69
70
71
72
73
74
75
76
  opacity: 0.2
});

// Lighting
const ambient = new THREE.AmbientLight(0x404040);
const spotlight = new THREE.SpotLight(0xffffff);
const lightHelper = new THREE.SpotLightHelper(spotlight);

// Voxels
const selectionGlow = new THREE.PointLight(0xffffff, 1, 50);

1

1

0

+ 17 other calls in file

main.js

GitHub: teerzo/btx-face

1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597


const initScene = function () {
    var light = new THREE.AmbientLight(0x404040); // soft white light
    app.scene.add(light);


    app.spotLight = new THREE.SpotLight(0xffffff, 1, 200, 10);
    app.spotLight.position.set(0, 5, 50);
    app.spotLight.update = (dt) => {
        let normal = new THREE.Vector3().copy(app.controls.target);

1

1

0

moving_head.js

GitHub: ASLS-org/studio

843
844
845
846
847
848
849
850
851
852
this._yokeDummy = new THREE.Object3D();
this._beamDummy = new THREE.Object3D();
this._targetDummy = new THREE.Object3D();
this._boxHelperDummy = new THREE.Object3D();

this._spotLight = new THREE.SpotLight(
  this.colorTemp,
  SPOTLIGHT_PHYSICALLY_CORRECT_INTENSITY,
  SPOTLIGHT_PHYSICALLY_CORRECT_DISTANCE,
  MovingHead.degToRad(this.angle),

0

7

0

+ 3 other calls in file

index.js

GitHub: onlymg/webgl-react

21
22
23
24
25
26
27
28
29
30
// add the scene to render in
this.scene = new three.Scene()
// this.scene.fog = new three.Fog(0x333333, 5, 40)

// add light to scene
const light = new three.SpotLight(0xffffff, 1)
light.position.set(-50, 50, 0)

// const h = new three.SpotLightHelper(light, 1, 0x333333)
// this.scene.add(h)

0

2

0

GLTFLoader.js

GitHub: VeinKowal/veins

354
355
356
357
358
359
360
361
362
363
  lightNode = new _three.PointLight(color);
  lightNode.distance = range;
  break;

case 'spot':
  lightNode = new _three.SpotLight(color);
  lightNode.distance = range; // Handle spotlight properties.

  lightDef.spot = lightDef.spot || {};
  lightDef.spot.innerConeAngle = lightDef.spot.innerConeAngle !== undefined ? lightDef.spot.innerConeAngle : 0;

0

1

0

home.js

GitHub: Cherna/cherna.github.io

74
75
76
77
78
79
80
81
82
83
light.shadow.radius = 1;
scene.add(light);

console.log(light.shadow);

var lightOp = new THREE.SpotLight(0xaaccff, 1, 0);
lightOp.position.set(50, 20, -35);
// lightOp.castShadow = true;
// lightOp.shadow.bias = 0.0001;
// lightOp.shadow.mapSize.width = 2048;

0

1

0

+ 5 other calls in file

index.js

GitHub: edyMartin2/AdonisGameTeam

1803
1804
1805
1806
1807
1808
1809
1810
1811
1812
		penumbra = THREE.Math.degToRad( lightAttribute.OuterAngle.value );
		penumbra = Math.max( penumbra, 1 );

	}

	model = new THREE.SpotLight( color, intensity, distance, angle, penumbra, decay );
	break;

default:
	console.warn( 'FBXLoader: Unknown light type ' + lightAttribute.LightType.value + ', defaulting to a THREE.PointLight.' );

0

0

1

+ 88 other calls in file

ColladaLoader.js

GitHub: isjackwild/deconstruction

1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
	light = new THREE.PointLight( color, intensity, distance );
	break;

case 'spot':

	light = new THREE.SpotLight( color, intensity, distance, angle );
	light.position.set(0, 0, 1);
	break;

case 'ambient':

0

0

2

+ 10 other calls in file

GLTFAvatarViewer.js

GitHub: q-0z/ThreeJSAVATAR

118
119
120
121
122
123
124
125
126
127
this.scene.add( ambient );
var directionalLight = new THREE.DirectionalLight( 0xdddddd );
directionalLight.position.set( 1, 1, 1 ).normalize();
this.scene.add( directionalLight );

var spot1   = new THREE.SpotLight( 0xffffff, 1 );
// spot1.position.set( 10, 20, 10 );
spot1.position.set( 10, 20, -30 );
spot1.angle = 0.25;
spot1.distance = 1024;

0

0

1

renderer.js

GitHub: demo3d/frame

201
202
203
204
205
206
207
208
209
210
  this.controls.push(new KeyboardControls(this));
  this.controls.push(new GamepadControls(this));
}

addLights () {
  var directionalLight = new THREE.SpotLight(0xffffff, 1.2);
  directionalLight.position.set(1, 1, 1).multiplyScalar(100);
  directionalLight.target.position.set(0, 0, 0);
  directionalLight.castShadow = true;
  directionalLight.shadow = new THREE.LightShadow(new THREE.PerspectiveCamera(25, 1, 10, 500));

0

0

0

+ 7 other calls in file

index.js

GitHub: ryo612/rhinestone

152
153
154
155
156
157
158
159
160
161
controls.enabled = !options.enableSwoopingCamera;

const scene = new THREE.Scene();

//const light = new THREE.DirectionalLight(0xfff0dd, 1);
const light = new THREE.SpotLight(0xfff0dd, 0.5);
light.position.set(radius * 2 + 100, radius * 2, 100);
light.castShadow = true;
light.shadow.mapSize.set(5200, 5200);
scene.add(light);

0

0

0

+ 3 other calls in file