110 lines
2.6 KiB
JavaScript
110 lines
2.6 KiB
JavaScript
|
import {
|
||
|
BufferGeometry,
|
||
|
BufferAttribute,
|
||
|
LineBasicMaterial,
|
||
|
Line,
|
||
|
MathUtils
|
||
|
} from 'three';
|
||
|
|
||
|
class PositionalAudioHelper extends Line {
|
||
|
|
||
|
constructor( audio, range = 1, divisionsInnerAngle = 16, divisionsOuterAngle = 2 ) {
|
||
|
|
||
|
const geometry = new BufferGeometry();
|
||
|
const divisions = divisionsInnerAngle + divisionsOuterAngle * 2;
|
||
|
const positions = new Float32Array( ( divisions * 3 + 3 ) * 3 );
|
||
|
geometry.setAttribute( 'position', new BufferAttribute( positions, 3 ) );
|
||
|
|
||
|
const materialInnerAngle = new LineBasicMaterial( { color: 0x00ff00 } );
|
||
|
const materialOuterAngle = new 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 = MathUtils.degToRad( audio.panner.coneInnerAngle );
|
||
|
const coneOuterAngle = 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();
|
||
|
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
|
||
|
export { PositionalAudioHelper };
|