http://www.qdfuns.com/notes/35185/e7e58990fd5b8f68462c8be25c38e93a.html
这是我实现全景图的例子,我再网上查的是用three.js贴两张图的场景来切换,这个难度太大了,而且之前的代码都要换掉,我实现不了,,,,,,,,,,,,,,,,我想在这个例子的代码上实现来平滑切换
全景图如何平滑地切换图片?
需求:模仿百度街景,当点击某个方向时,当前图片渐隐,下一张图片渐现
所需技术:three.js
我的方案:将两张全景图分别mesh到一个大球和一个小球上,两球球心重叠,相机位于球心。页面刚载入时,小球先显示,大球隐藏,点击切换时显示立刻修改大球上的全景图并显示,同时让小球逐渐隐藏;再次点击切换时,立刻修改小球上的全景图然后逐渐显示小球,显示完后隐藏大球,如此反复循环达到平滑过渡的效果
。。。。ps!!!!!!!!!我想要这样的效果,但是想要这样的方案,,这个我实现不了,,有没有,在上面链接例子上可以改动实现的
根据你的模型,除了现在这种靠两个球切换透明度的方法,还有一种更简洁直接的就是用多重纹理。也就是只有一个球,然后创建一个材质,材质贴上两个Texture,也就是图A和图B使用shader,shader中创建一个用来切换文理颜色的变量a大体上 颜色 = Acolor* a + Bcolor*(1-a)然后用一个动画每次需要切换材质,只需要把a 从1变到0 就完成了A图到B图从0切到1就完成了 B图到A图的转换。
我这直接有插件,直接用插件不得了,点击图片放大后,可以直接切换,如果有多张图的话,那么依旧可以实现多图浏览