three.js/examples/js/helpers/PositionalAudioHelper.js

( function () {

	class PositionalAudioHelper extends THREE.Line {

		constructor( audio, range = 1, divisionsInnerAngle = 16, divisionsOuterAngle = 2 ) {

			const geometry = new THREE.BufferGeometry();
			const divisions = divisionsInnerAngle + divisionsOuterAngle * 2;
			const positions = new Float32Array( ( divisions * 3 + 3 ) * 3 );
			geometry.setAttribute( 'position', new THREE.BufferAttribute( positions, 3 ) );
			const materialInnerAngle = new THREE.LineBasicMaterial( {
				color: 0x00ff00
			} );
			const materialOuterAngle = new THREE.LineBasicMaterial( {
				color: 0xffff00
			} );
			super( geometry, [ materialOuterAngle, materialInnerAngle ] );
			this.audio = audio;
			this.range = range;
			this.divisionsInnerAngle = divisionsInnerAngle;
			this.divisionsOuterAngle = divisionsOuterAngle;
			this.type = 'PositionalAudioHelper';
			this.update();

		}
		update() {

			const audio = this.audio;
			const range = this.range;
			const divisionsInnerAngle = this.divisionsInnerAngle;
			const divisionsOuterAngle = this.divisionsOuterAngle;
			const coneInnerAngle = THREE.MathUtils.degToRad( audio.panner.coneInnerAngle );
			const coneOuterAngle = THREE.MathUtils.degToRad( audio.panner.coneOuterAngle );
			const halfConeInnerAngle = coneInnerAngle / 2;
			const halfConeOuterAngle = coneOuterAngle / 2;
			let start = 0;
			let count = 0;
			let i;
			let stride;
			const geometry = this.geometry;
			const positionAttribute = geometry.attributes.position;
			geometry.clearGroups();

			//

			function generateSegment( from, to, divisions, materialIndex ) {

				const step = ( to - from ) / divisions;
				positionAttribute.setXYZ( start, 0, 0, 0 );
				count ++;
				for ( i = from; i < to; i += step ) {

					stride = start + count;
					positionAttribute.setXYZ( stride, Math.sin( i ) * range, 0, Math.cos( i ) * range );
					positionAttribute.setXYZ( stride + 1, Math.sin( Math.min( i + step, to ) ) * range, 0, Math.cos( Math.min( i + step, to ) ) * range );
					positionAttribute.setXYZ( stride + 2, 0, 0, 0 );
					count += 3;

				}

				geometry.addGroup( start, count, materialIndex );
				start += count;
				count = 0;

			}

			//

			generateSegment( - halfConeOuterAngle, - halfConeInnerAngle, divisionsOuterAngle, 0 );
			generateSegment( - halfConeInnerAngle, halfConeInnerAngle, divisionsInnerAngle, 1 );
			generateSegment( halfConeInnerAngle, halfConeOuterAngle, divisionsOuterAngle, 0 );

			//

			positionAttribute.needsUpdate = true;
			if ( coneInnerAngle === coneOuterAngle ) this.material[ 0 ].visible = false;

		}
		dispose() {

			this.geometry.dispose();
			this.material[ 0 ].dispose();
			this.material[ 1 ].dispose();

		}

	}

	THREE.PositionalAudioHelper = PositionalAudioHelper;

} )();