无交互时间随机浏览插件

IdleView Plugin idleView.min.js

简介

插件在全景出于无交互时间时使用Simplex噪声算法进行旋转和缩放。运动是随机的,但并不是布朗运动。Simplex噪声,例如柏林噪声,在随机数字中进行插值运算。因此结果是一种具有可预见性的运动。

下载地址

Github zip (106kb)
Git clone url: https://github.com/Sjeiti/Krpano-idle-view-plugin.git

语法

<plugin
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);
});

idleViewStart

当空闲开始时执行

window.addEventListener(‘idleViewStart’,function(){
document.body.classList.add(‘idling’);
});

idleViewEnd

当空闲结束时进行处理。

window.addEventListener(‘idleViewEnd’,function(){
document.body.classList.remove(‘idling’);
});

示例