|
|
@@ -31,7 +31,7 @@
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <div class="navbar">
|
|
|
+ <div class="navbar">
|
|
|
<div class="title">
|
|
|
Babylon.js Playground
|
|
|
</div>
|
|
|
@@ -46,17 +46,18 @@
|
|
|
|
|
|
<div class="category">
|
|
|
<div class="button" id="newButton">New<i class="fa fa-file" aria-hidden="true"></i></div>
|
|
|
- <div class="button" id="clearButton">Clear<i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
|
+ <div class="button removeOnPhone" id="clearButton">Clear<i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
|
</div>
|
|
|
|
|
|
<div class="category">
|
|
|
<div class="button" id="saveButton">Save <i class="fa fa-floppy-o" aria-hidden="true"></i></div>
|
|
|
- <div class="button" id="zipButton">Zip<i class="fa fa-download" aria-hidden="true"></i></div>
|
|
|
+ <div class="button removeOnPhone" id="zipButton">Zip<i class="fa fa-download" aria-hidden="true"></i></div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
- <div class="category desktopOnly">
|
|
|
- <div class="button select"><span id="currentFontSize">Font: 14</span>
|
|
|
+ <!--<div class="category desktopOnly">-->
|
|
|
+
|
|
|
+ <!--<div class="button select"><span id="currentFontSize">Font: 14</span>
|
|
|
<div class="toDisplay">
|
|
|
<div class="option" onclick="setFontSize(12);">12</div>
|
|
|
<div class="option" onclick="setFontSize(14);">14</div>
|
|
|
@@ -65,26 +66,44 @@
|
|
|
<div class="option" onclick="setFontSize(20);">20</div>
|
|
|
<div class="option" onclick="setFontSize(22);">22</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="button select">Theme
|
|
|
+ </div>-->
|
|
|
+
|
|
|
+ <!--<div class="button select">Theme
|
|
|
<div class="toDisplay">
|
|
|
<div class="option" id="darkTheme">Dark</div>
|
|
|
<div class="option" id="lightTheme">Light</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>-->
|
|
|
+ <!--</div>-->
|
|
|
<div class="category desktopTabletOnly">
|
|
|
<div class="button select">Settings
|
|
|
<div class="toDisplay">
|
|
|
+ <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
|
|
|
+ <div class="toDisplaySub">
|
|
|
+ <div class="option" id="darkTheme">Dark</div>
|
|
|
+ <div class="option" id="lightTheme">Light</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="option subSelect"><span id="currentFontSize">Font: 14</span><i class="fa fa-chevron-right" aria-hidden="true"></i>
|
|
|
+ <div class="toDisplaySub">
|
|
|
+ <div class="option" onclick="setFontSize(12);">12</div>
|
|
|
+ <div class="option" onclick="setFontSize(14);">14</div>
|
|
|
+ <div class="option" onclick="setFontSize(16);">16</div>
|
|
|
+ <div class="option" onclick="setFontSize(18);">18</div>
|
|
|
+ <div class="option" onclick="setFontSize(20);">20</div>
|
|
|
+ <div class="option" onclick="setFontSize(22);">22</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="option" id='safemodeToggle'>Safe mode <i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
<div class="option checked" id="editorButton">Editor <i class="fa fa-check-square" aria-hidden="true"></i>
|
|
|
</div>
|
|
|
<div class="option" id="fullscreenButton">Fullscreen</div>
|
|
|
- <div class="option" id="metadataButton">Metadata</div>
|
|
|
+ <div class="option" id="formatButton">Format code</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="button check uncheck" id="debugButton">Debug layer</div>
|
|
|
+ <div class="button" id="metadataButton">Metadata</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@@ -123,11 +142,11 @@
|
|
|
<div class="navbarBottom">
|
|
|
<div id="statusBar"></div>
|
|
|
<div class="links">
|
|
|
+ <div class='link'><a target='_new' href="https://www.netlify.com/">Deployed by Netlify</a></div>
|
|
|
<div class='link'> <a target='_new' href="http://www.html5gamedevs.com/forum/16-babylonjs/">Forum</a></div>
|
|
|
<div class='link'><a target='_new' href="https://www.babylonjs.com/sandbox">Sandbox</a></div>
|
|
|
- <div class='link'><a target='_new' href="https://github.com/BabylonJS/Babylon.js/wiki">Wiki</a></div>
|
|
|
<div class='link'><a target='_new' href="https://doc.babylonjs.com">Documentation</a></div>
|
|
|
- <div class='link'><a target='_new' href="https://doc.babylonjs.com/playground">Playground Search</a></div>
|
|
|
+ <div class='link'><a target='_new' href="https://doc.babylonjs.com/playground">Search</a></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -136,12 +155,15 @@
|
|
|
<label for="saveFormTitle">TITLE</label>
|
|
|
<div class="separator"></div>
|
|
|
<input type="text" maxlength="120" id="saveFormTitle" class="save-form-title">
|
|
|
+
|
|
|
<label for="saveFormDescription">DESCRIPTION</label>
|
|
|
<div class="separator"></div>
|
|
|
<textarea id="saveFormDescription" rows="4" cols="10"></textarea>
|
|
|
+
|
|
|
<label for="saveFormTags">TAGS (separated by comma)</label>
|
|
|
<div class="separator"></div>
|
|
|
<textarea id="saveFormTags" rows="4" cols="10"></textarea>
|
|
|
+
|
|
|
<div class="save-form-buttons" id="saveFormButtons">
|
|
|
|
|
|
<div id="saveFormButtonOk" class="button">OK</div>
|
David Catuhe