shaogen1995
/
chuYinKouXian


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
							<!DOCTYPE html>
<html>

<head>
    <title>四维时代</title>

    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" />


    <link href="webplayer2.css" rel="stylesheet" type="text/css" />
	 

    <script type="text/javascript" src="src/b4w.js"></script>
    <script type="text/javascript" src="src/anchors.js"></script>
    <script type="text/javascript" src="src/animation.js"></script>
    <script type="text/javascript" src="src/armature.js"></script>
    <script type="text/javascript" src="src/assets.js"></script>
    <script type="text/javascript" src="src/batch.js"></script>
    <script type="text/javascript" src="src/boundings.js"></script>
    <script type="text/javascript" src="src/camera.js"></script>
    <script type="text/javascript" src="src/compat.js"></script>
    <script type="text/javascript" src="src/config.js"></script>
    <script type="text/javascript" src="src/constraints.js"></script>
    <script type="text/javascript" src="src/container.js"></script>
    <script type="text/javascript" src="src/controls.js"></script>
    <script type="text/javascript" src="src/curve.js"></script>
    <script type="text/javascript" src="src/data.js"></script>
    <script type="text/javascript" src="src/texcomp.js"></script>
    <script type="text/javascript" src="src/debug.js"></script>
    <script type="text/javascript" src="src/extensions.js"></script>
    <script type="text/javascript" src="src/geometry.js"></script>
    <script type="text/javascript" src="src/graph.js"></script>
    <script type="text/javascript" src="src/hud.js"></script>
    <script type="text/javascript" src="src/input.js"></script>
    <script type="text/javascript" src="src/ipc.js"></script>
    <script type="text/javascript" src="src/lights.js"></script>
    <script type="text/javascript" src="src/loader.js"></script>
    <script type="text/javascript" src="src/logic_nodes.js"></script>
    <script type="text/javascript" src="src/math.js"></script>
    <script type="text/javascript" src="src/nla.js"></script>
    <script type="text/javascript" src="src/navmesh.js"></script>
    <script type="text/javascript" src="src/nodemat.js"></script>
    <script type="text/javascript" src="src/objects.js"></script>
    <script type="text/javascript" src="src/obj_util.js"></script>
    <script type="text/javascript" src="src/particles.js"></script>
    <script type="text/javascript" src="src/physics.js"></script>
    <script type="text/javascript" src="src/prerender.js"></script>
    <script type="text/javascript" src="src/primitives.js"></script>
    <script type="text/javascript" src="src/print.js"></script>
    <script type="text/javascript" src="src/reformer.js"></script>
    <script type="text/javascript" src="src/renderer.js"></script>
    <script type="text/javascript" src="src/scenegraph.js"></script>
    <script type="text/javascript" src="src/scenes.js"></script>
    <script type="text/javascript" src="src/sfx.js"></script>
    <script type="text/javascript" src="src/shaders.js"></script>
    <script type="text/javascript" src="src/subscene.js"></script>
    <script type="text/javascript" src="src/textures.js"></script>
    <script type="text/javascript" src="src/time.js"></script>
    <script type="text/javascript" src="src/transform.js"></script>
    <script type="text/javascript" src="src/tsr.js"></script>
    <script type="text/javascript" src="src/util.js"></script>
    <script type="text/javascript" src="src/version.js"></script>

    <script type="text/javascript" src="src/libs/gl-matrix2.js"></script>
    <script type="text/javascript" src="src/libs/gpp_parser.js"></script>
    <script type="text/javascript" src="src/libs/md5.js"></script>

    <script type="text/javascript" src="src/ext/anchors.js"></script>
    <script type="text/javascript" src="src/ext/animation.js"></script>
    <script type="text/javascript" src="src/ext/armature.js"></script>
    <script type="text/javascript" src="src/ext/assets.js"></script>
    <script type="text/javascript" src="src/ext/camera.js"></script>
    <script type="text/javascript" src="src/ext/config.js"></script>
    <script type="text/javascript" src="src/ext/constraints.js"></script>
    <script type="text/javascript" src="src/ext/container.js"></script>
    <script type="text/javascript" src="src/ext/controls.js"></script>
    <script type="text/javascript" src="src/ext/data.js"></script>
    <script type="text/javascript" src="src/ext/debug.js"></script>
    <script type="text/javascript" src="src/ext/geometry.js"></script>
    <script type="text/javascript" src="src/ext/hud.js"></script>
    <script type="text/javascript" src="src/ext/input.js"></script>
    <script type="text/javascript" src="src/ext/lights.js"></script>
    <script type="text/javascript" src="src/ext/logic_nodes.js"></script>
    <script type="text/javascript" src="src/ext/main.js"></script>
    <script type="text/javascript" src="src/ext/material.js"></script>
    <script type="text/javascript" src="src/ext/math.js"></script>
    <script type="text/javascript" src="src/ext/objects.js"></script>
    <script type="text/javascript" src="src/ext/particles.js"></script>
    <script type="text/javascript" src="src/ext/physics.js"></script>
    <script type="text/javascript" src="src/ext/rgb.js"></script>
    <script type="text/javascript" src="src/ext/scenes.js"></script>
    <script type="text/javascript" src="src/ext/sfx.js"></script>
    <script type="text/javascript" src="src/ext/textures.js"></script>
    <script type="text/javascript" src="src/ext/time.js"></script>
    <script type="text/javascript" src="src/ext/tsr.js"></script>
    <script type="text/javascript" src="src/ext/transform.js"></script>
    <script type="text/javascript" src="src/ext/util.js"></script>
    <script type="text/javascript" src="src/ext/version.js"></script>
    <script type="text/javascript" src="src/ext/nla.js"></script>

    <script type="text/javascript" src="src/addons/app.js"></script>
    <script type="text/javascript" src="src/addons/camera_anim.js"></script>
    <script type="text/javascript" src="src/addons/gp_conf.js"></script>
    <script type="text/javascript" src="src/addons/gyroscope.js"></script>
    <script type="text/javascript" src="src/addons/hmd.js"></script>
    <script type="text/javascript" src="src/addons/hmd_conf.js"></script>
    <script type="text/javascript" src="src/addons/mixer.js"></script>
    <script type="text/javascript" src="src/addons/mouse.js"></script>
    <script type="text/javascript" src="src/addons/npc_ai.js"></script>
    <script type="text/javascript" src="src/addons/preloader.js"></script>
    <script type="text/javascript" src="src/addons/screenshooter.js"></script>
    <script type="text/javascript" src="src/addons/storage.js"></script>

    <script type="text/javascript" src="src/addons/ns_compat.js"></script>

 
    <script type="text/javascript" src="webplayer2.js"></script>
	<script>
	    function toggleFullScreen() {  
        if (!document.fullscreenElement && // alternative standard method  
            !document.mozFullScreenElement && !document.webkitFullscreenElement) {// current working methods  
            if (document.documentElement.requestFullscreen) {  
                document.documentElement.requestFullscreen();  
            } else if (document.documentElement.mozRequestFullScreen) {  
                document.documentElement.mozRequestFullScreen();  
            } else if (document.documentElement.webkitRequestFullscreen) {  
                document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);  
            }  
        } else {  
            if (document.cancelFullScreen) {  
                document.cancelFullScreen();  
            } else if (document.mozCancelFullScreen) {  
                document.mozCancelFullScreen();  
            } else if (document.webkitCancelFullScreen) {  
                document.webkitCancelFullScreen();  
            }  
        }  
    }  
	</script>
</head>

<body>
    <div id="main_canvas_container"></div>
    <div id="preloader_container">
       <div class="loading_container"> 
			<div class="loader-inner ball-beat">
			  <div></div>
			  <div></div>
			  <div></div>
			</div>
        </div>
    </div>
   <div id="btn" style="z-index:5;position:absolute;bottom:50px;right:0;width:50px;height:50px;"></div>
   
   <div id="audiocontainer"></div>
   </body>
<script language="JavaScript">     
document.getElementById("btn").onclick=function(){    
    var elem = document.getElementById("main_canvas_container");     
    requestFullScreen(elem);    
};    
function requestFullScreen(element) {   
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;   
    if (requestMethod) {     
        requestMethod.call(element);   
    } else if (typeof window.ActiveXObject !== "undefined") {     
        var wscript = new ActiveXObject("WScript.Shell");   
        if (wscript !== null) {   
            wscript.SendKeys("{F11}");   
        }   
    }   
} 
playbksound();

// Sound Control
var pop_up_note_mode = true;
        var note_id = 0;

        function $$(name) {
            return document.getElementById(name);
        }
        function switchsound() {
            au = $$('bgsound');
            ai = $$('sound_image');
            if (au.paused) {
                au.play();
                ai.src = "images/music.png";
                pop_up_note_mode = true;
                popup_note();
                $$("music_txt").innerHTML = "ON";
                $$("music_txt").style.visibility = "visible";
                setTimeout(function () { $$("music_txt").style.visibility = "hidden" }, 2500);
            }
            else {
                pop_up_note_mode = false;
                au.pause();
                ai.src = "images/music_off.png";
                $$("music_txt").innerHTML = "OFF";
                $$("music_txt").style.visibility = "visible";
                setTimeout(function () { $$("music_txt").style.visibility = "hidden" }, 2500);
            }
        }

        function on_pop_note_end(event) {
            note = event.target;

            if (note.parentNode == $$("note_box")) {
                $$("note_box").removeChild(note);
             }
        }

        function popup_note() {
            box = $$("note_box");

            note = document.createElement("span");
            note.style.cssText = "visibility:visible;position:absolute;width:15px;height:25px";
            note.style.left = Math.random() * 20 + 20;
            note.style.top = "75px";
            this_node = "music_note_" + note_id;
            note.setAttribute("ID", this_node);
            note_id += 1;
            scale = Math.random() * 0.4 + 0.4;
            note.style.webkitTransform = "rotate(" + Math.floor(360 * Math.random()) + "deg) scale(" + scale + "," + scale + ")";
            note.style.webkitTransition = "top 2s ease-in, opacity 2s ease-in, left 2s ease-in";
            note.addEventListener("webkitTransitionEnd", on_pop_note_end);
            box.appendChild(note);

            setTimeout("document.getElementById('" + this_node + "').style.left = '0px';", 100);
            setTimeout("document.getElementById('" + this_node + "').style.top = '0px';", 100);
            setTimeout("document.getElementById('" + this_node + "').style.opacity = '0';", 100);

            if (pop_up_note_mode) {
                setTimeout("popup_note()", 600);
            }
        }
        function playbksound() {
            var audiocontainer = $$('audiocontainer');
            if (audiocontainer != undefined) {
                audiocontainer.innerHTML = '<audio id="bgsound" loop="loop"> <source src="images/audio/guqin.mp3" /> </audio>';
            }

            var audio = $$('bgsound');
            //audio.play();
            sound_div = document.createElement("div");
            sound_div.setAttribute("ID", "cardsound");
            sound_div.style.cssText = "position:fixed;right:0px;bottom:120px;z-index:50000;visibility:visible;";
            sound_div.onclick = switchsound;
            if (document.body.offsetWidth > 400) {
                bg_htm = "<img id='sound_image' width='50px' src='images/music.png'>";
                box_htm = "<div id='note_box' style='height:100px;width:44px;position:absolute;left:5px;top:-70px'></div>";
            txt_htm = "<div id='music_txt' style='color:#cccccc;font-size:16px;font-weight:bold;position:absolute;left:-40px;top:20px;width:60px'></div>"
            }
            else {
                bg_htm = "<img id='sound_image' width='30px' src='images/music_off.png'>";
                box_htm = "<div id='note_box' style='height:100px;width:44px;position:absolute;left:-5px;top:-80px'></div>";
            txt_htm = "<div id='music_txt' style='color:#cccccc;font-size:16px;font-weight:bold;position:absolute;left:-40px;top:10px;width:60px'></div>"
            }
            sound_div.innerHTML = bg_htm + box_htm + txt_htm;
            document.body.appendChild(sound_div);
            setTimeout("popup_note()", 100);
        }

 	//->     
</script>   
</html>