Source: objects/lights/SpotLightShadow.js

  1. import { WEBGL_TEXTURE_FILTER, WEBGL_PIXEL_FORMAT, WEBGL_PIXEL_TYPE, ATTACHMENT, WEBGL_COMPARE_FUNC } from '../../const.js';
  2. import { Texture2D } from '../../texture/Texture2D.js';
  3. import { LightShadow } from './LightShadow.js';
  4. import { RenderTarget2D } from '../../render/RenderTarget2D.js';
  5. import { Vector3 } from '../../math/Vector3.js';
  7. /**
  8.  * This is used internally by SpotLights for calculating shadows.
  9.  * @constructor
  10.  * @hideconstructor
  11.  * @memberof zen3d
  12.  * @extends zen3d.LightShadow
  13.  */
  14. function SpotLightShadow() {
  15. 	LightShadow.call(this);
  17. 	this.renderTarget = new RenderTarget2D(this.mapSize.x, this.mapSize.y);
  19. 	var map = this.renderTarget.texture;
  20. 	map.generateMipmaps = false;
  21. 	map.minFilter = WEBGL_TEXTURE_FILTER.LINEAR;
  22. 	this.map = map;
  24. 	this.depthMap = null;
  26. 	this._lookTarget = new Vector3();
  28. 	this._up = new Vector3(0, 1, 0);
  29. }
  31. SpotLightShadow.prototype = Object.assign(Object.create(LightShadow.prototype), {
  33. 	constructor: SpotLightShadow,
  35. 	update: function(light) {
  36. 		this._updateCamera(light);
  37. 		this._updateMatrix();
  39. 		// TODO check size change, remove this from loop
  40. 		if (this.mapSize.x !== this.renderTarget.width || this.mapSize.y !== this.renderTarget.height) {
  41. 			this.renderTarget.resize(this.mapSize.x, this.mapSize.y);
  42. 		}
  43. 	},
  45. 	_updateCamera: function(light) {
  46. 		var camera = this.camera;
  47. 		var lookTarget = this._lookTarget;
  49. 		// set camera position and lookAt(rotation)
  50. 		light.getWorldDirection(this._lookTarget);
  51. 		camera.position.setFromMatrixPosition(light.worldMatrix);
  52. 		lookTarget.set(lookTarget.x + camera.position.x, lookTarget.y + camera.position.y, lookTarget.z + camera.position.z);
  53. 		camera.lookAt(lookTarget, this._up);
  55. 		// update view matrix
  56. 		camera.updateMatrix();
  58. 		// update projection
  59. 		// TODO distance should be custom?
  60. 		camera.setPerspective(light.angle * 2, 1, this.cameraNear, this.cameraFar);
  61. 	},
  63. 	_updateMatrix: function() {
  64. 		var matrix = this.matrix;
  65. 		var camera = this.camera;
  67. 		// matrix * 0.5 + 0.5, after identity, range is 0 ~ 1 instead of -1 ~ 1
  68. 		matrix.set(
  69. 			0.5, 0.0, 0.0, 0.5,
  70. 			0.0, 0.5, 0.0, 0.5,
  71. 			0.0, 0.0, 0.5, 0.5,
  72. 			0.0, 0.0, 0.0, 1.0
  73. 		);
  75. 		matrix.multiply(camera.projectionMatrix);
  76. 		matrix.multiply(camera.viewMatrix);
  77. 	},
  79. 	_initDepthMap: function() {
  80. 		var depthTexture = new Texture2D();
  81. 		depthTexture.type = WEBGL_PIXEL_TYPE.FLOAT_32_UNSIGNED_INT_24_8_REV;
  82. 		depthTexture.format = WEBGL_PIXEL_FORMAT.DEPTH_STENCIL;
  83. 		depthTexture.internalformat = WEBGL_PIXEL_FORMAT.DEPTH32F_STENCIL8;
  84. 		depthTexture.magFilter = WEBGL_TEXTURE_FILTER.LINEAR;
  85. 		depthTexture.minFilter = WEBGL_TEXTURE_FILTER.LINEAR;
  86. 		depthTexture.compare = WEBGL_COMPARE_FUNC.LESS;
  87. 		depthTexture.generateMipmaps = false;
  88. 		this.renderTarget.attach(
  89. 			depthTexture,
  90. 			ATTACHMENT.DEPTH_STENCIL_ATTACHMENT
  91. 		);
  92. 		this.depthMap = depthTexture;
  93. 	}
  95. });
  97. export { SpotLightShadow };