three.js WebAudio -4 PositionalAudioHelper(位置音频辅助线)

PositionalAudioHelper(位置音频辅助线)

在这里插入图片描述
这一辅助对象显示PositionalAudio的方向锥。

构造函数
PositionalAudioHelper( audio : PositionalAudio, range : Number )
参数:
audio – 将会被可视化的PositionalAudio。
range – (可选)方向锥的范围大小,或长度。
divisionsInnerAngle – (可选)方向锥内侧部分的分段数。
divisionsOuterAngle – (可选)方向锥外侧部分的分段数。

属性
.audio : PositionalAudio
将会被可视化的PositionalAudio。

.range : Number
方向锥的范围。

.divisionsInnerAngle : Number
方向锥内侧部分的分段数。

.divisionsOuterAngle : Number
方向锥外侧部分的分段数。

方法
.dispose () : null
废置这一辅助对象。

.update () : null
更新这一辅助对象。

该例子为综合案例,代码架构有点复杂,有问题可以留言博主
效果例子查看地址(音频加载需要一定时间!)

示例代码:

				var music=document.getElementById("music");
				music.play();
				
				var listener=new THREE.AudioListener();
				camera.add(listener);
				
				var pa=new THREE.PositionalAudio(listener);
				pa.setMediaElementSource(music);
				pa.setRefDistance(1);
				pa.setDirectionalCone(180,230,0.1);
				
				//音频辅助线
				var helper=new THREE.PositionalAudioHelper(pa,0.1);//参数二应该根据模型大小去考虑,可能模型大小会覆盖掉辅助线
				pa.add(helper);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值