zhangyupeng
/
Babylon.js


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
							<!DOCTYPE html>
<html>
<head>
    <title>Inspector - test</title>
    <meta charset='utf-8'/>
    <meta name="viewport" content="width=device-width, user-scalable=no">

    <!--Babylon-->
	<script src="../tools/DevLoader/BabylonLoader.js"></script>

    <style>
        
        html, body {
            width: 100%;
            height:100%;
            margin:0;
            padding:0;
            overflow:hidden;
            font-family:sans-serif;
        }

        /* First try : PG-like
        #game-canvas {
            width:75%;
            height:100%; 
            top:0;
            left:0;
        }
        .fakeToolbar {
            height:150px;
            background-color: #333;
        }
        .mini {
            display:flex;
            height:calc(100% - 150px);
        }
        .fakeBarAgain {
            width:50%;
            background-color: #333;
        }*/
        
        #game-canvas {
            position:absolute;
            width:100%;
            height:650px; 
            top:0;
            left : 150px;
        }

    </style>

</head>
<body>
    
    <!-- First try : PG-like
    <div class="fakeToolbar"></div>
    <div class="mini">
        <div class="fakeBarAgain"></div>
        <canvas id="game-canvas"></canvas> 
    </div>
    -->
    <!--Second try : Sandbox-like-->
    <canvas id="game-canvas"></canvas> 

    <!--Starting the game-->
    <script>
        BABYLONDEVTOOLS.Loader.require("test/index.js").load(function() {
            new Test('game-canvas');
	    });
	</script>
</body>
</html>