IdleView Plugin idleView.min.js
简介
插件在全景出于无交互时间时使用Simplex噪声算法进行旋转和缩放。运动是随机的,但并不是布朗运动。Simplex噪声,例如柏林噪声,在随机数字中进行插值运算。因此结果是一种具有可预见性的运动。
语法
<plugin
name=”idleView”
url=”idleView.js”
keep=”true”
/>
name=”idleView”
url=”idleView.js”
keep=”true”
/>
插件属性
属性可添加到<plugin/> 节点
- idletimeout: 以毫秒计算的暂停时间。
- forceh: 水平移动的量。
- forcev: 垂直移动的量。
- forcez: 缩放移动的量。
- frequencyh: 水平移动的频率。
- frequencyv: 垂直移动的频率。
- frequencyz: 缩放移动的频率。
- gammah: 水平移动的伽玛校正。
- gammav: 垂直移动的伽玛校正。
- gammaz: 缩放移动的伽玛校正。
- attractv: 向着水平面的垂直吸引力。
- attractz: 向着初始化缩放状态的缩放吸引。
- offseth: 水平偏移引起持续的向左或向右的运动。
Javascript接口
idleViewInitialized
idleViewInitialized
可用于赋予插件权限。当插件初始化时执行。可以通过插件的js对象对xml属性进行更改。
window.addEventListener(‘idleViewInitialized’,function(e){
var oIdleView = e.detail;
console.log(‘frequencyh’,oIdleView.frequencyh);
});
var oIdleView = e.detail;
console.log(‘frequencyh’,oIdleView.frequencyh);
});
idleViewStart
当空闲开始时执行
window.addEventListener(‘idleViewStart’,function(){
document.body.classList.add(‘idling’);
});
document.body.classList.add(‘idling’);
});
idleViewEnd
当空闲结束时进行处理。
window.addEventListener(‘idleViewEnd’,function(){
document.body.classList.remove(‘idling’);
});
document.body.classList.remove(‘idling’);
});