Inicio Explorar Axuda
Rexistro Iniciar sesión
zhangyupeng
/
Babylon.js
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

Merge pull request #4763 from BabylonJSGuide/master

Change Color for TS PG and add TS Examples
David Catuhe %!s(int64=7) %!d(string=hai) anos
pai
548d8909ff 2644dc450d
achega
5e3b1936d5
Modificáronse 4 ficheiros con 115 adicións e 4 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 79 0
      Playground/css/color_ts.css
  2. 1 1
      Playground/index.html
  3. 11 3
      Playground/js/index.js
  4. 24 0
      Playground/ts.html

+ 79 - 0
Playground/css/color_ts.css
Ver ficheiro 

@@ -0,0 +1,79 @@
 
+@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400");

+@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");

+#waitTitle {

+    color: rgb(208, 23, 211);

+}

+#exampleList #exampleBanner h1 {

+    color: #ae00ef;

+}

+#exampleList .horizontalSeparator {

+    border-top: 1px solid #ae00ef;

+}

+#exampleList .categoryContainer .itemLine .itemContent .itemLineDocLink {

+    color: #ae00ef;

+}

+#exampleList .categoryContainer .itemLine .itemContent .itemLinePGLink {

+    color: #ae00ef;

+}

+

+#fpsLabel {

+    background-color: #9147c9;

+}

+.navbar .title {

+    color: #bb47c9;

+}

+.navbar .version {

+    color: #9147c9;

+}

+

+.button {

+    background-color: #9147c9;

+}

+.button:hover {

+    background-color: #bb47c9;

+}

+.navbar .button.run {

+    background-color: #bb47c9;

+}

+.navbar .select .toDisplay {

+    border: 1px solid #9147c9;

+}

+.navbar .select .subSelect .toDisplaySub {

+    border: 1px solid #9147c9;

+}

+

+.navbar .select .toDisplay .option {

+    font-size: 0.9em;

+    height: 35px;

+    line-height: 35px;

+    padding: 0px 5px 0px 5px;

+    text-align: center;

+    border-bottom : 1px solid rgba(0,0,0,0.1);

+}

+

+.navbar .select .toDisplay .option.light:hover {

+    cursor: pointer;

+    background-color: #d9d9d9;

+}

+

+

+.navbar .select .toDisplay .option.dark {

+    background-color: #333;

+    color: white;

+}

+.navbar .select .toDisplay .option.light {

+    background-color: white;

+    color: #9147c9;

+}

+.navbar .select .toDisplayBig {

+    border: 1px solid #9147c9;

+}

+

+.navbar .select .toDisplayBig.light {    

+    color: #bb47c9;

+}

+.navbar .select .toDisplayBig a.light {

+    color: #9147c9;

+}

+

+

+ 1 - 1
Playground/index.html
Ver ficheiro 

@@ -408,7 +408,7 @@
 
                 <canvas touch-action="none" id="renderCanvas"></canvas>

             </div>

         </div>

-        <div id="exampleList">

+        <div id="exampleList" class = "javascript">

             <div id="exampleBanner">

                 <h1>Examples</h1>

             </div>

+ 11 - 3
Playground/js/index.js
Ver ficheiro 

@@ -241,9 +241,17 @@ function showError(errorMessage, errorEvent) {
 
         };

 

         var loadScriptsList = function () {

-            var xhr = new XMLHttpRequest();

 

-            xhr.open('GET', 'https://raw.githubusercontent.com/BabylonJS/Documentation/master/examples/list.json', true);

+            var exampleList = document.getElementById("exampleList");

+           

+            var xhr = new XMLHttpRequest();

+            //Open Typescript or Javascript examples

+            if(exampleList.className != 'typescript') {

+                xhr.open('GET', 'https://raw.githubusercontent.com/BabylonJS/Documentation/master/examples/list.json', true);

+            }

+            else {

+                xhr.open('GET', 'https://raw.githubusercontent.com/BabylonJS/Documentation/master/examples/list_ts.json', true);

+            }

 

             xhr.onreadystatechange = function () {

                 if (xhr.readyState === 4) {

@@ -257,7 +265,7 @@ function showError(errorMessage, errorEvent) {
 
                         }

                         scripts.sort(sortScriptsList);

 

-                        var exampleList = document.getElementById("exampleList");

+                                                

 

                         if (exampleList) {

                             for (var i = 0; i < scripts.length; i++) {

+ 24 - 0
Playground/ts.html
Ver ficheiro 

@@ -56,6 +56,7 @@
 
         <script src="https://www.babylontoolkit.com/playground/scripts/babylon.manager.js"></script>

                                

         <link href="css/index.css" rel="stylesheet" />

+        <link href="css/color_ts.css" rel="stylesheet" />

     </head>

 

     <body>

@@ -144,6 +145,9 @@
 
                         <div class="option" onclick="setVersion('stable');">Stable</div>

                     </div>

                 </div>

+                <div class="button select">

+                    <span class="examplesButton">Examples</span>

+                </div>

             </div>

         </div>

 

@@ -228,6 +232,12 @@
 
                     </div>

                 </div>

             </div>

+

+            <div class="category right">

+                <div class="button select">

+                    <span class="examplesButton">Examples</span>

+                </div>

+            </div>

         </div>

 

         <div class="navbar navBar1030">

@@ -305,6 +315,12 @@
 
                     </div>

                 </div>

             </div>

+

+            <div class="category right">

+                <div class="button select">

+                    <span class="examplesButton">Examples</span>

+                </div>

+            </div>

         </div>

 

         <div class="navbar navBar750">

@@ -387,6 +403,14 @@
 
                 <canvas touch-action="none" id="renderCanvas"></canvas>

             </div>

         </div>

+        <div id="exampleList" class = "typescript">

+            <div id="exampleBanner">

+                <h1>Examples</h1>

+            </div>

+            <div class="horizontalSeparator"></div>

+            <input id="filterBar" type="text" placeholder="Filter examples...">

+            <img id="filterBarClear" src="https://d33wubrfki0l68.cloudfront.net/17ca450bae302631f4857cd8c3992234ec5dd9a7/057f9/img/ui/clear_button.png">

+        </div>

 

         <span class="label" id="fpsLabel">FPS</span>