zhangyupeng
/
Babylon.js


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
							<!DOCTYPE html>
<html>

    <head>
        <title>Babylon.js Playground</title>
        <meta charset='utf-8' />
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">
        <meta name="description" content="Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes">
        <meta name="keywords" content="Babylon.js,WebGL,3D">
        
        <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css">
        <link rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" />

        <!-- Pep -->
        <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>
        <!--For canvas/code separator-->
        <script src="libs/split.js"></script>

        <!-- DatGUI -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script>
        <!-- jszip -->
        <script src="libs/jszip.min.js"></script>
        <script src="libs/fileSaver.js"></script>

        <!-- jQuery -->
        <script src="https://code.jquery.com/jquery.js"></script>
        <script src="https://rawcdn.githack.com/jeromeetienne/jquery-qrcode/master/jquery.qrcode.min.js"></script>        

        <!-- Dependencies -->
        <script src="/dist/preview%20release/ammo.js"></script>
        <script src="/dist/preview%20release/recast.js"></script>
        <script src="/dist/preview%20release/cannon.js"></script>
        <script src="/dist/preview%20release/Oimo.js"></script>
        <script src="/dist/preview%20release/earcut.min.js"></script>
        
        <!-- Babylon.js -->
        <script src="/Tools/DevLoader/BabylonLoader.js"></script>

        <style>
            html,
            body,
            #host-element {
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
                overflow: hidden;
            }
        </style>        
    </head>

    <body>        
        <div id="host-element">
        </div>
        <script>
            function GetAbsoluteUrl(url) {
                const a = document.createElement("a");
                a.href = url;
                return a.href;
            }

            // Load the scripts + map file to allow vscode debug.
            BABYLONDEVTOOLS.Loader
                .require("index.js")
                .load(() => {
                    BABYLON.DracoCompression.Configuration.decoder = {
                        wasmUrl: GetAbsoluteUrl("../dist/preview%20release/draco_wasm_wrapper_gltf.js"),
                        wasmBinaryUrl: GetAbsoluteUrl("../dist/preview%20release/draco_decoder_gltf.wasm"),
                        fallbackUrl: GetAbsoluteUrl("../dist/preview%20release/draco_decoder_gltf.js")
                    };
                    BABYLON.GLTFValidation.Configuration = {
                        url: GetAbsoluteUrl("../dist/preview%20release/gltf_validator.js")
                    };
                    BABYLON.GLTF2.Loader.Extensions.EXT_meshopt_compression.DecoderPath =
                        GetAbsoluteUrl("../dist/preview%20release/meshopt_decoder.js");
                    BABYLON.KhronosTextureContainer2.URLConfig = {
                        jsDecoderModule: GetAbsoluteUrl("../dist/preview%20release/babylon.ktx2Decoder.js"),
                        wasmUASTCToASTC: GetAbsoluteUrl("../dist/preview%20release/ktx2Transcoders/uastc_astc.wasm"),
                        wasmUASTCToBC7: GetAbsoluteUrl("../dist/preview%20release/ktx2Transcoders/uastc_bc7.wasm"),
                        wasmUASTCToRGBA_UNORM: GetAbsoluteUrl("../dist/preview%20release/ktx2Transcoders/uastc_rgba32_unorm.wasm"),
                        wasmUASTCToRGBA_SRGB: GetAbsoluteUrl("../dist/preview%20release/ktx2Transcoders/uastc_rgba32_srgb.wasm"),
                        jsMSCTranscoder: GetAbsoluteUrl("../dist/preview%20release/ktx2Transcoders/msc_basis_transcoder.js"),
                        wasmMSCTranscoder: GetAbsoluteUrl("../dist/preview%20release/ktx2Transcoders/msc_basis_transcoder.wasm"),
                        wasmZSTDDecoder: GetAbsoluteUrl("../dist/preview%20release/zstddec.wasm"),
                    };
                });
        </script>
    </body>

</html>