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",
.........完整代码请登录后点击上方下载按钮下载查看
网友评论0