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