zhangyupeng
/
Babylon.js


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
							<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Babylon.js Sandbox - View glTF, glb, obj and babylon files</title>
    <meta name="description" content="Viewer for glTF, glb, obj and babylon files powered by Babylon.js" />
    <meta name="keywords" content="Babylon.js, Babylon, BabylonJS, glTF, glb, obj, viewer, online viewer, 3D model viewer, 3D, webgl" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
    <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css">
    <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">
    <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>
    <script src="../../Tools/DevLoader/BabylonLoader.js"></script>
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            overflow: hidden;
        }

        #host-element {
            width: 100%;
            height: 100%;
        }
    </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")
                };
            });
    </script>
</body>

</html>