watch3D实现360全景交互加多场景效果
代码语言:html
所属分类:三维
代码描述:watch3D实现360全景交互加多场景效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BFW NEW PAGE</title> <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script> <script type="text/javascript"> bready(function() { use(["watch3D.min", "watch3D.min"], function() { let layer = document.querySelector(".layer"); let w3d = new watch3D({ wrapper: ".wrapper", autoplay: true, width: 5000, height: 2500, num: 12, maxY: 25, tips: { 0: { styles: { "height": "100px", "width": "100px", "background-color": "#6cf", "text-align": "center", "margin-right": "10px", "color": "#fff", "cursor": "pointer" }, content: "风景1", callback: function(e) { w3d.pause(); w3d.changeData({ num: 10, resource: "http://repo.bfw.wiki/bfwrepo/image/5ed629d01fa50.png" }, true); } }, 1: { styles: { "height": "100px", "width": "100px", "background-color": "#6cf", "text-align": "center", "margin-right": "10px", "color": "#fff" }, content: "美女", callback: function(e) { w3d.pause(); w3d.changeData({ num: 15, resource: "http://repo.bfw.wiki/bfwrepo/image/5ed629fb039b4.png" }, true); } }, 3: { styles: { "height": "100px", "width": "100px", "background-color": "#6cf", "text-align": "center", "margin-right": "10px", "color": "#fff", .........完整代码请登录后点击上方下载按钮下载查看
网友评论0