zhangyupeng
/
Babylon.js


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
							@using BuildOurOwnBabylonJSServer.Extensions;
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    @if (ViewBag.DoNotUseBabylonJS == null)
    {
        @Html.Raw(this.BabylonJSScript("cannon.js"))
        @Html.Raw(this.BabylonJSScript(@"Tools\BuildOurOwnBabylonJS\BuildOurOwnBabylonJS\ourOwnBabylon.js"))
        <script type="text/javascript">
            $(document).ready(function () {
                if (!BABYLON.Engine.isSupported()) {
                    alert("Your browser does not support WebGL so you can't use BabylonJS on it");
                    return;
                }

                var OURBABYLON = {};

                OURBABYLON.canvas = $("#ourOwnBabylonJSCanvas")[0];
                OURBABYLON.engine = new BABYLON.Engine(OURBABYLON.canvas, true);

                window.addEventListener("resize", function () {
                    OURBABYLON.engine.resize();
                });

                window.OURBABYLON = OURBABYLON;
            });
        </script>
    }
</head>
<body>
    <div id="main">
        <div id="title">
            <h1>@ViewBag.Title</h1>
            <div id="menu">
            </div>
        </div>
        @if (ViewBag.DoNotUseBabylonJS == null)
        {
        <canvas id="ourOwnBabylonJSCanvas"></canvas>
        }
        @RenderBody()
        <script type="text/javascript">
            var menu = document.getElementById("menu");

            var req = new XMLHttpRequest();
            req.open('GET', "@Html.Raw(this.BabylonJSSamplesFolder())");
            req.onreadystatechange = function (evt) {
                if (req.readyState == 4) {
                    if (req.status == 200) {
                        var json = JSON.parse(req.responseText);
                        for (var i in json.files) {
                            if (i > 0) {
                                var span = document.createElement("span");
                                span.innerHTML = " | ";
                                menu.appendChild(span);
                            }
                            var file = json.files[i];
                            var a = document.createElement("a");
                            a.setAttribute("href", file.url);
                            a.textContent = file.linkName.charAt(0).toUpperCase() + file.linkName.slice(1);
                            menu.appendChild(a);
                        }
                    }
                }
            };
            req.send(null);
        </script>
    </div>
</body>
</html>