更新于 2020.11.19 krpano 1.20.9
官方下载包路径
你电脑的路径\krpano-1.20.9\viewer\examples\snow\
提示:如果不了解何谓下载包路径,请查看 循序渐进(3)- krpano下载包的使用说明
在线演示
导言
krpano的snow插件,也就是雨雪插件,能让全景中“从天而降”漂亮的雪花或者点点细雨,或是任何你自定义的图像。这种特效让全景漫游时的体验更具真实感。
插件官方文档
步骤
- 将下载下来的特效文件解压到vtour文件夹中,即是与tour.xml同一级目录,分别是snow_image文件夹、snow.xml文件。
- 在你的krpano安装包中\viewer\plugins找到snow.swf以及snow.js,将这两个文件复制到vtour文件夹的plugins文件夹中。
- 然后在你想要的scene里的onstart中添加onstart=”snowballs();” 即选择了雪球特效。然后在该scene里面写上<include url=”snow.xml” />,如下面代码所示:
点击代码窗口最右侧按钮,在新窗口打开后复制代码
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<scene name="scene_achilleion-hof-unten" title="Achilleion - Garden" onstart="snowballs();" thumburl="panos/achilleion-hof-unten.tiles/thumb.jpg" lat="39.563340" lng="19.904324" heading="0.0"> <view hlookat="-1" vlookat="11" fovtype="MFOV" fov="120" fovmin="70" fovmax="140" limitview="auto" /> <preview url="panos/achilleion-hof-unten.tiles/preview.jpg" /> <image> <cube url="panos/achilleion-hof-unten.tiles/mobile_%s.jpg" /> </image> <include url="snow.xml" /> </scene> |
- 默认雪 – onstart=”defaultsnow();”
- 雪球 – onstart=”snowballs();”
- 雪花 – onstart=”snowflakes();”
- 银色星星 – onstart=”silverstars();”
- 金色星星 – onstart=”goldenstars();”
- 心形 – onstart=”hearts();”
- 笑脸 – onstart=”smileys();”
- 钱 – onstart=”money();”
- 雨 – onstart=”rain();”
- 大雨 – onstart=”heavyrain();”
雨雪特效文件snow.xml及snowimage文件夹下载
链接:https://pan.baidu.com/s/1-Km5G6P6WgsQO3pEZYkXmA 密码:b7no
文件内容:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 |
<krpano onstart=""> <!-- the snow plugin --> <plugin name="snow" zorder="1" url="%SWFPATH%/plugins/snow.swf" alturl="%SWFPATH%/plugins/snow.js" floor="0.7" /> <action name="defaultsnow"> set(plugin[snow].mode, snow); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 4000); set(plugin[snow].color, 0xFFFFFF); set(plugin[snow].speed, 1.0); set(plugin[snow].shake, 4.0); set(plugin[snow].speedvariance, 2.0); set(plugin[snow].spreading, 4.0); set(plugin[snow].wind, 0.0); </action> <action name="snowballs"> set(plugin[snow].mode, image); set(plugin[snow].imageurl, '%CURRENTXML%/snow_image/snowball.png'); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 2000); set(plugin[snow].imagescale, 0.5); set(plugin[snow].speed, 1.0); set(plugin[snow].shake, 4.0); set(plugin[snow].speedvariance, 2.0); set(plugin[snow].spreading, 2.0); set(plugin[snow].wind, 0.0); </action> <action name="snowflakes"> set(plugin[snow].mode, image); set(plugin[snow].imageurl, '%CURRENTXML%/snow_image/snowflake.png'); set(plugin[snow].blendmode, add); set(plugin[snow].flakes, 2000); set(plugin[snow].imagescale, 0.4); set(plugin[snow].speed, 0.5); set(plugin[snow].shake, 8.0); set(plugin[snow].speedvariance, 2.0); set(plugin[snow].spreading, 2.0); set(plugin[snow].wind, 0.0); </action> <action name="silverstars"> set(plugin[snow].mode, image); set(plugin[snow].imageurl, '%CURRENTXML%/snow_image/silverstar.png'); set(plugin[snow].blendmode, add); set(plugin[snow].flakes, 2000); set(plugin[snow].imagescale, 0.3); set(plugin[snow].speed, 1.0); set(plugin[snow].shake, 4.0); set(plugin[snow].speedvariance, 2.0); set(plugin[snow].spreading, 2.0); set(plugin[snow].wind, 0.0); </action> <action name="goldenstars"> set(plugin[snow].mode, image); set(plugin[snow].imageurl, '%CURRENTXML%/snow_image/star.png'); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 1000); set(plugin[snow].imagescale, 1.0); set(plugin[snow].speed, 1.0); set(plugin[snow].shake, 4.0); set(plugin[snow].speedvariance, 2.0); set(plugin[snow].spreading, 1.9); set(plugin[snow].wind, 0.0); </action> <action name="hearts"> set(plugin[snow].mode, image); set(plugin[snow].imageurl, '%CURRENTXML%/snow_image/heart.png'); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 250); set(plugin[snow].imagescale, 0.5); set(plugin[snow].speed, 1.0); set(plugin[snow].shake, 4.0); set(plugin[snow].speedvariance, 2.0); set(plugin[snow].spreading, 1.5); set(plugin[snow].wind, 0.0); </action> <action name="smileys"> set(plugin[snow].mode, image); set(plugin[snow].imageurl, '%CURRENTXML%/snow_image/smiley.png'); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 1000); set(plugin[snow].imagescale, 1.0); set(plugin[snow].speed, 1.0); set(plugin[snow].shake, 4.0); set(plugin[snow].speedvariance, 2.0); set(plugin[snow].spreading, 1.5); set(plugin[snow].wind, 0.0); </action> <action name="money"> set(plugin[snow].mode, image); set(plugin[snow].imageurl, '%CURRENTXML%/snow_image/money.png'); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 500); set(plugin[snow].imagescale, 0.8); set(plugin[snow].speed, 0.8); set(plugin[snow].shake, 8.0); set(plugin[snow].speedvariance, 3.0); set(plugin[snow].spreading, 2.5); set(plugin[snow].wind, 0.0); </action> <action name="rain"> set(plugin[snow].mode, rain); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 2000); set(plugin[snow].color, 0x7FAFFF); set(plugin[snow].speed, 3.5); set(plugin[snow].shake, 1.0); set(plugin[snow].speedvariance, 1.0); set(plugin[snow].spreading, 3.0); set(plugin[snow].rainwidth, 1.0); set(plugin[snow].rainalpha, 0.5); set(plugin[snow].wind, 2.0); </action> <action name="heavyrain"> set(plugin[snow].mode, rain); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 4000); set(plugin[snow].color, 0x9FAFFF); set(plugin[snow].speed, 4.1); set(plugin[snow].shake, 0.0); set(plugin[snow].speedvariance, 1.5); set(plugin[snow].spreading, 4.0); set(plugin[snow].rainwidth, 1.5); set(plugin[snow].rainalpha, 0.3); set(plugin[snow].wind, 3.0); </action> </krpano> |
添加自定义效果
我们把自己的图片girl.png(当然是png效果更好)复制在snow_image文件夹,如下图的girl.png。
打开snow.xml文件。添加代码,注意set(plugin[snow].imageurl的正确路径:
点击代码窗口最右侧按钮,在新窗口打开后复制代码
1 2 3 4 5 6 7 8 9 10 11 12 |
<action name="girls"> set(plugin[snow].mode, image); set(plugin[snow].imageurl, '%CURRENTXML%/snow_image/girl.png'); set(plugin[snow].blendmode, normal); set(plugin[snow].flakes, 250); set(plugin[snow].imagescale, 0.5); set(plugin[snow].speed, 1.0); set(plugin[snow].shake, 4.0); set(plugin[snow].speedvariance, 2.0); set(plugin[snow].spreading, 1.5); set(plugin[snow].wind, 0.0); </action> |
然后在你想要的scene里的onstart中添加onstart=”girls();” 即选择了女孩特效。注意仅对当前scene有效。
在 “移花接木(10)- 为场景增加krpano雨雪特效” 上有 2 条评论