4dkankan
/
laser_v1


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <title>四维展厅</title>
    <style>
        html, body {
            width: 100%;
            height: 100%;
            background-color: #000;
            color: #fff;
            margin: 0px;
            padding: 0;
            overflow: hidden;
        }
    </style>
	</head>
	<script type="text/javascript">
    const ossPrefix = 'https://laser.4dkankan.com/data/';
    const ossPrefixDep = 'https://laser.4dkankan.com/public/';
    const sceneNum = 'test3';
</script>
    <script src="IndoorViewerAPI.js"></script>
    <script type="text/javascript" src="js/OBJExporter.js"></script>
    <script type="text/javascript" src="js/Animation.js"></script>
    <script type="text/javascript" src="js/AnimationHandler.js"></script>
    <script type="text/javascript" src="js/KeyFrameAnimation.js"></script>
    <script type="text/javascript" src="js/ColladaLoader.js"></script>

    <script type="text/javascript" src="js/tinyqueue.js"></script>
    <script type="text/javascript" src="js/THREE.MeshLine.js"></script>
    <script type="text/javascript" src="js/popindoorAPI2.7.1.js"></script>
    <script type="text/javascript" src="js/utf.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
    <script type="text/javascript" src="js/jquery.qrcode.js"></script>
    <script type="text/javascript" src="js/proj4.js"></script>
    <script type="text/javascript">
        var indoorViewer;
        var run =false;
        IV.loaded(function()
        {
            indoorViewer = new IndoorViewer({
                'base_url': '',
                'onLoadComplete': setLayers
            });
        });
        var setLayers  = function()
        {
            if(!run) {
                run = true;

                var setting = new Setting()
                var doorOpenCLose = new DoorOpenCLose();
                main_view.addToScene(doorOpenCLose);
            }
        };
        var DoorOpenCLose=function (e){
            var main_view = IV.getMainView();
            var model;
            var animations;
            var kfAnimations = [ ];
            var kfAnimationsLength = 0;

            var progress = 0;
            var lastTimestamp = 0;
            var pre_select_map_id =-1;

            if(!IV.custom) { //自定义功能集合
                IV.custom = {};
            }

            var loader_wall = new IV.THREE.ColladaLoader();
            loader_wall.load( './models/qt.dae', function ( collada ) {

                model =  collada.scene.children[2];
                var material = new IV.THREE.MeshBasicMaterial({color: 0x00FA9A});

                material.colorWrite = false;
                model.children[0].material=material;
                model.renderOrder = 2;
                model.children[0].renderOrder = 2;

                main_view.overlayScene.add(model);
                //mesh.material.colorWrite = false;
            } );
            var loader = new IV.THREE.ColladaLoader();
            loader.load( './models/m4.dae', function ( collada ) {
                //console.log(collada)
                model = collada.scene;
                model.renderOrder = 3;
                for ( var j = 0; j < model.children.length; ++j ) {
                    model.children[j].renderOrder = 3;
                }
                animations = collada.animations;
                kfAnimationsLength = animations.length;

                model.scale.x = model.scale.y = model.scale.z = 1;
		main_view.scene.add(model);
                //main_view.overlayScene.add(model);
                //map_scene.add(model)
                for ( var i = 0; i < kfAnimationsLength; ++i ) {
                    var animation = animations[ i ];
                    var kfAnimation = new IV.THREE.KeyFrameAnimation( animation );
                    kfAnimation.timeScale = 1;
                    kfAnimations.push( kfAnimation );
                }
                door_animation_start(0);
                animate( lastTimestamp );
            } );
            function door_animation_start(time) {
                for ( var i = 0; i < kfAnimationsLength; ++i ) {
                    var animation = kfAnimations[i];

                    // if (animation.root.name === "animation_door1") {
                    //     console.log(animation.root.name)
                    for (var h = 0, hl = animation.hierarchy.length; h < hl; h++) {

                        var keys = animation.data.hierarchy[h].keys;
                        var sids = animation.data.hierarchy[h].sids;
                        var obj = animation.hierarchy[h];
                        if (keys.length && sids) {
                            for (var s = 0; s < sids.length; s++) {
                                var sid = sids[s];
                                var next = animation.getNextKeyWith(sid, h, 0);
                                if (next) next.apply(sid);
                            }
                            obj.matrixAutoUpdate = false;
                            animation.data.hierarchy[h].node.updateMatrix();
                            obj.matrixWorldNeedsUpdate = true;
                        }
                    }
                    // }
                    animation.loop = false;
                    animation.play(time);
                }
            }
            function animate( timestamp ) {
                var frameTime = ( timestamp - lastTimestamp ) * 0.001;
                if (IV.custom.select_map_id&&(pre_select_map_id!==IV.custom.select_map_id)){
                    pre_select_map_id=IV.custom.select_map_id;
                    for ( var i = 0; i < kfAnimationsLength; ++i ) {
                        kfAnimations[ i ].stop();
                    }
                    if(IV.custom.select_map_id===2){
                        progress =0;
                        door_animation_start(6);
                    }else if(IV.custom.select_map_id===3){
                        progress =0;
                        door_animation_start(0);
                    }

                }
                //console.log(progress,max_progress,start,end)
                if ( progress >= 0 && progress < 6) {
                    for (var i = 0; i < kfAnimationsLength; ++i) {
                        //if (kfAnimations[i].root.name === "door1") {
                        kfAnimations[i].update(frameTime);
                        //}
                    }
                } else if ( progress >=6 ) {
                    for ( var i = 0; i < kfAnimationsLength; ++i ) {
                        kfAnimations[ i ].stop();
                    }
                    // progress = 0;
                    // door_animation_start();
                }
                main_view.invalidateScene();
                progress += frameTime;
                lastTimestamp = timestamp;
                requestAnimationFrame( animate );
            }
        }


    </script>

<body >
<indoorviewer style="height: 100%"></indoorviewer>
<div id="curscroll" style="position:absolute;visibility:hidden;padding: 2px 10px;z-index:2000"></div>
</body>

</html>