krpano Snow / Rain插件使用指南

 🧑‍🎓 个人主页：《爱蹦跶的大A阿》

🔥当前正在更新专栏：《VUE》 、《JavaScript保姆级教程》、《krpano》、《Krpano中文文档》

​ 

✨ 正文

• 一个天气效果插件，添加雪或雨的pano。
• 雪花可以由像素(默认)或单个图像组成。

语法

使用所有属性及其默认值的示例:

<plugin name="snow"
        url="snow.js"
        blendmode="normal"
        mode="snow"
        imageurl=""
        imagescale="1.0"
        flakes="4000"
        color="0xFFFFFF"
        floor="0.3"
        speed="1.0"
        spreading="4.0"
        shake="4.0"
        speedvariance="2.0"
        wind="0.0"
        winddir="0.0"
        rainwidth="0.5"
        rainalpha="0.5"
        invert="false"
        />

插件属性

snow插件的所有属性也可以动态设置或更改。

• mode
  • 天气影响模式。
    可能的设置:
    • snow   (默认的)：雪花将由小像素组成。像素的颜色可以通过颜色设置来调整。
    • rain
      而不是雪花，有下降线来模拟下雨。雨线的样式可以通过 color, rainwidth 和rainalpha 设置来调整。
    • image
      雪花将由图像组成。图像必须通过 imageurl 设置。  imagescale 可以调整图像的缩放.
• imageurl  (needed for mode="image")
  • 设置雪花图像的url /路径。
• imagescale  (可选)
  • imageurl薄片图像的缩放，默认值=1.0。
• flakes  (可选)
  • 雪花或雨滴的数量，默认=4000。
• color  (可选)
  • 雪花或雨滴的颜色，默认值=0xFFFFFF。
• floor  (可选)
  • 地板设置定义了一个虚拟的地板，在那里雪花击打地板并停止下落。可能的设置范围从0.0到1.0。设置0.0将把地板定义为全景/屏幕的中间。默认设置为0.3。
• speed  (可选)
  • 雪花的下落速度，默认值=1.0。
• spreading  (可选)
  • 扩展设置定义了虚拟3D世界中雪场的范围/深度，默认值=4.0。
• shake  (可选)
  • 雪花的随机晃动范围，默认值=4.0。
• speedvariance  (可选)
  • 下落速度可以随机变化多少，默认=2.0。
• wind  (可选)
  • 改变雪花下落方向的风力，默认=0.0。
• winddir  (可选)
  • 风向以度为单位，0-360，默认=0。
• rainwidth  (可选)
  • 雨滴线的线宽，默认值=0.5。
• rainalpha  (可选)
  • 雨滴线的alpha值，默认值=0.5。
• invert  (可选)
  • 倒转下落方向。而不是下降，图像将向上移动。例如，可用于气泡。取值范围:true或false, default=false。

✨ 结语

        

​