#

luxiaotao1123

2021-12-21 bfc38772a4a3c8baa6fe505bd36f99cc15381516

#

 static/css/index.css

@@ -38,6 +38,10 @@
.ship-info-box .speed {
    font-size:12px;
    color:#00ff00;
    transition:all 1000ms;
}
.ship-info-box .speed.pointernone.hide {
    opacity: 0;
}
.ship-info-box .speed span {
    color:#fff;
@@ -53,7 +57,7 @@
    text-align:center;
    margin-top:10px;
}
.ship-info-box .btn .btn-back {
.ship-info-box .btn #btn-lock {
    transition:all 300ms;
    position:absolute;
    top:0;
@@ -100,7 +104,7 @@
.ship-info-box .btn.show {
    cursor:pointer;
}
.ship-info-box .btn.show .btn-back {
.ship-info-box .btn.show #btn-lock {
    transform:scale(1,1);
}
.ship-info-box .btn.show .btn-word {
@@ -145,7 +149,6 @@
    width:80px;
    transform:translate(0,0);
}





 static/js/app.js

@@ -253,6 +253,8 @@
            this.controls.addEventListener( 'unlock', function () {
                console.log("上帝视角");
                object.initCamera();
                addClass(document.getElementById("ship-info-btn"), "show");
                document.getElementById("ship-type-ul").style.transform = 'translateY(-40px)';
            } );
            document.addEventListener( 'keydown', onKeyDown );
            document.addEventListener( 'keyup', onKeyUp );
@@ -289,14 +291,6 @@
                }
            }
            this.prevTime = time;
        }
        this.lockControl = function () {
            this.camera.position.y = 100;
            this.camera.lookAt(0,100,0);
            this.controls.getObject().position.x =0;
            this.controls.getObject().position.y =100;
            this.controls.getObject().position.z =580;
            this.controls.lock();
        }
        this.removeObject = function (nameorid) {
            for (let i = 0; i < this.objects.length; i++) {
@@ -401,7 +395,14 @@
            this.backgroundType = !this.backgroundType;
            this.initBackground();
        }

        this.lockControl = function () {
            this.camera.position.y = 100;
            this.camera.lookAt(0,100,0);
            this.controls.getObject().position.x =0;
            this.controls.getObject().position.y =100;
            this.controls.getObject().position.z =580;
            this.controls.lock();
        }
    },

};

 static/js/data/Asrs.js

@@ -28,7 +28,6 @@
        data: {},
        // async: false,
        success: function (res) {
            console.log(res)
            Store3DData = res;
        }
    })

 static/js/utils.js

@@ -61,3 +61,17 @@
    }
    return false;
}

function fullScreen() {
    var docElm = document.documentElement;
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    } else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    } else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    } else if (docElm.msRequestFullscreen) {
        document.body.msRequestFullscreen();
    }
}


 views/index0.html

@@ -46,15 +46,12 @@
        <ul id="ship-type-ul">
            <li>初始化</li>
            <li>待机…</li>
            <li>可以开始常规推进</li>
            <li>匀速航行</li>
            <li>曲率引擎准备就绪</li>
            <li>跃迁</li>
            <li>您现在可以自由移动视角</li>
        </ul>
    </div>
    <div class="speed pointernone"><span id="speed">0</span> <i id="speed-unit">%</i></div>
    <div id="ship-info-btn" class="btn" data-type="1">
        <div class="btn-back"></div>
        <div id="btn-lock"></div>
        <div class="btn-word">启动</div>
        <div class="line line1"></div>
        <div class="line line2"></div>
@@ -75,6 +72,12 @@
    var player = new APP.Player();
    player.start();

    document.getElementById("btn-lock").addEventListener('click', function () {
        player.lockControl();
        removeClass(document.getElementById("ship-info-btn"), "show");
        document.getElementById("ship-type-ul").style.transform = 'translateY(-60px)';
    }, false);

</script>
<script>
    var percent = 0;
@@ -82,7 +85,7 @@
    var speedDom = document.getElementById("speed");
    var timer = setInterval(function () {
        if (percent < 99.95) {
            percent += 0.05;
            percent += 0.15;
            speedDom.innerText = percent.toFixed(2);
        } else {
            if (!hasClass(shipInfoBtn, "show")) {
@@ -93,19 +96,19 @@
    }, 1);

    $(document).on('click','.btn-word', function () {
        fullScreen()
        $("#mask").fadeOut(3000, function () {
            $("#menu").addClass("show");
            setTimeout(function () {
                $("#ship-type-ul").css("transform", "translateY(-40px)");
                $("#ship-info-btn .btn-word").text("起航");
                $("#ship-info-btn .btn-word").text("体验中扬立库");
                $("#ship-info-btn").data("type", 2).addClass("show");
                $("#ship-info-box,#logo").css("z-index", "10");
                $("#menu li").css("transition", "all 200ms !important");
            }, 2000);
                $("#ship-info-btn #btn-lock").css("z-index", "10");
            }, 1000);
        });
        $("#logo").addClass("show");
        $("#ship-info-btn").removeClass("show");
        // $('.pointernone').hide();
        $('.speed.pointernone').addClass("hide");
        $("#ship-type-ul").css("transform", "translateY(-20px)");
    });

</script>