|
|
@@ -60,7 +60,7 @@
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <div class="navbar">
|
|
|
+ <div class="navbar navBar1600">
|
|
|
<div class="title">
|
|
|
Babylon.js Playground
|
|
|
</div>
|
|
|
@@ -69,51 +69,105 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="category">
|
|
|
- <div class="button run" id="runButton">Run <i class="fa fa-play" aria-hidden="true"></i></div>
|
|
|
+ <div class="button run" id="runButton1600">Run <i class="fa fa-play" aria-hidden="true"></i></div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="category">
|
|
|
- <div class="button" id="newButton">New<i class="fa fa-file" aria-hidden="true"></i></div>
|
|
|
- <div class="button removeOnPhone" id="clearButton">Clear<i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
|
+ <div class="button" id="newButton1600">New<i class="fa fa-file" aria-hidden="true"></i></div>
|
|
|
+ <div class="button removeOnPhone" id="clearButton1600">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 removeOnPhone" id="zipButton">Zip<i class="fa fa-download" aria-hidden="true"></i></div>
|
|
|
+ <div class="button" id="saveButton1600">Save <i class="fa fa-floppy-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="button removeOnPhone" id="zipButton1600">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">
|
|
|
+ <div class="button select">Settings
|
|
|
<div class="toDisplay">
|
|
|
- <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 class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
|
|
|
+ <div class="toDisplaySub">
|
|
|
+ <div class="option" id="darkTheme1600">Dark</div>
|
|
|
+ <div class="option" id="lightTheme1600">Light</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="option subSelect"><span id="currentFontSize1600">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="safemodeToggle1600">Safe mode <i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="option checked" id="editorButton1600">Editor <i class="fa fa-check-square" aria-hidden="true"></i>
|
|
|
+ </div>
|
|
|
+ <div class="option" id="fullscreenButton1600">Fullpage</div>
|
|
|
+ <div class="option" id="formatButton1600">Format code</div>
|
|
|
</div>
|
|
|
- </div>-->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="button uncheck" id="debugButton1600">Debug layer <i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="button" id="metadataButton1600">Metadata</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
- <!--<div class="button select">Theme
|
|
|
+ <div class="category right">
|
|
|
+ <div class="button select"><span id="currentVersion1600">Version: Latest</span>
|
|
|
<div class="toDisplay">
|
|
|
- <div class="option" id="darkTheme">Dark</div>
|
|
|
- <div class="option" id="lightTheme">Light</div>
|
|
|
+ <div class="option" onclick="setVersion('latest');">Latest</div>
|
|
|
+ <div class="option" onclick="setVersion('2.5');">2.5</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="button select"> <span id="currentScript1600">Scenes</span>
|
|
|
+ <div class="toDisplayBig">
|
|
|
+ <ul id="scriptsList1600">
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- </div>-->
|
|
|
- <!--</div>-->
|
|
|
- <div class="category desktopTabletOnly">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="save-message" id="saveMessage">
|
|
|
+ This PG has missing metadata. Click save to add them.
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="navbar navBar1475">
|
|
|
+ <div class="title">
|
|
|
+ Babylon.js Playground
|
|
|
+ </div>
|
|
|
+ <div class="version" id="mainTitle">
|
|
|
+ v3.0-alpha
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="category">
|
|
|
+ <div class="button run" id="runButton1475">Run <i class="fa fa-play" aria-hidden="true"></i></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="category">
|
|
|
+ <div class="button" id="newButton1475">New<i class="fa fa-file" aria-hidden="true"></i></div>
|
|
|
+ <div class="button removeOnPhone" id="clearButton1475">Clear<i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="category">
|
|
|
+ <div class="button" id="saveButton1475">Save <i class="fa fa-floppy-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="button removeOnPhone" id="zipButton1475">Zip<i class="fa fa-download" aria-hidden="true"></i></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="category">
|
|
|
<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 class="option" id="darkTheme1475">Dark</div>
|
|
|
+ <div class="option" id="lightTheme1475">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="option subSelect"><span id="currentFontSize1475">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>
|
|
|
@@ -123,30 +177,154 @@
|
|
|
<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 class="option" id='safemodeToggle1475'>Safe mode <i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="option checked" id="editorButton1475">Editor <i class="fa fa-check-square" aria-hidden="true"></i>
|
|
|
+ </div>
|
|
|
+ <div class="option" id="fullscreenButton1475">Fullpage</div>
|
|
|
+ <div class="option" id="formatButton1475">Format code</div>
|
|
|
+ <div class="option" id="debugButton1475">Debug layer<i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="option" id="metadataButton1475">Metadata</div>
|
|
|
+ <div class="option subSelect"><span id="currentVersion1475">Vers. : Latest</span><i class="fa fa-chevron-right" aria-hidden="true"></i>
|
|
|
+ <div class="toDisplaySub">
|
|
|
+ <div class="option" onclick="setVersion('latest');">Latest</div>
|
|
|
+ <div class="option" onclick="setVersion('2.5');">2.5</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="option" id="fullscreenButton">Fullscreen</div>
|
|
|
- <div class="option" id="formatButton">Format code</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="button check uncheck" id="debugButton">Debug layer</div>
|
|
|
- <div class="button" id="metadataButton">Metadata</div>
|
|
|
+ <div class="category right">
|
|
|
+ <div class="button select"> <span id="currentScript1475">Scenes</span>
|
|
|
+ <div class="toDisplayBig">
|
|
|
+ <ul id="scriptsList1475">
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="save-message" id="saveMessage">
|
|
|
+ This PG has missing metadata. Click save to add them.
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div class="navbar navBar1030">
|
|
|
+ <div class="category">
|
|
|
+ <div class="button run" id="runButton1030">Run <i class="fa fa-play" aria-hidden="true"></i></div>
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
+ <div class="category">
|
|
|
+ <div class="button" id="newButton1030">New<i class="fa fa-file" aria-hidden="true"></i></div>
|
|
|
+ <div class="button removeOnPhone" id="clearButton1030">Clear<i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="category">
|
|
|
+ <div class="button" id="saveButton1030">Save <i class="fa fa-floppy-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="button removeOnPhone" id="zipButton1030">Zip<i class="fa fa-download" aria-hidden="true"></i></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="category">
|
|
|
+ <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="darkTheme1030">Dark</div>
|
|
|
+ <div class="option" id="lightTheme1030">Light</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="option subSelect"><span id="currentFontSize1030">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="safemodeToggle1030">Safe mode <i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="option checked" id="editorButton1030">Editor <i class="fa fa-check-square" aria-hidden="true"></i>
|
|
|
+ </div>
|
|
|
+ <div class="option" id="fullscreenButton1030">Fullpage</div>
|
|
|
+ <div class="option" id="formatButton1030">Format code</div>
|
|
|
+ <div class="option" id="debugButton1030">Debug layer<i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="option" id="metadataButton1030">Metadata</div>
|
|
|
+ <div class="option subSelect"><span id="currentVersion1030">Vers. : Latest</span><i class="fa fa-chevron-right" aria-hidden="true"></i>
|
|
|
+ <div class="toDisplaySub">
|
|
|
+ <div class="option" onclick="setVersion('latest');">Latest</div>
|
|
|
+ <div class="option" onclick="setVersion('2.5');">2.5</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="category right">
|
|
|
- <div class="button select desktopTabletOnly"><span id="currentVersion">Version: Latest</span>
|
|
|
+ <div class="button select"> <span id="currentScript1030">Scenes</span>
|
|
|
+ <div class="toDisplayBig">
|
|
|
+ <ul id="scriptsList1030">
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="save-message" id="saveMessage">
|
|
|
+ This PG has missing metadata. Click save to add them.
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="navbar navBar750">
|
|
|
+ <div class="category">
|
|
|
+ <div class="button select">File
|
|
|
<div class="toDisplay">
|
|
|
- <div class="option" onclick="setVersion('latest');">Latest</div>
|
|
|
- <div class="option" onclick="setVersion('2.5');">2.5</div>
|
|
|
+ <div class="option" id="runButton750">Run <i class="fa fa-play" aria-hidden="true"></i></div>
|
|
|
+ <div class="option" id="newButton750">New <i class="fa fa-file" aria-hidden="true"></i></div>
|
|
|
+ <div class="option" id="clearButton750">Clear <i class="fa fa-trash" aria-hidden="true"></i></div>
|
|
|
+ <div class="option" id="saveButton750">Save <i class="fa fa-floppy-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="option" id="zipButton750">Zip <i class="fa fa-download" aria-hidden="true"></i></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="button select"> <span id="currentScript">Scenes</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="category">
|
|
|
+ <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="darkTheme750">Dark</div>
|
|
|
+ <div class="option" id="lightTheme750">Light</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="option subSelect"><span id="currentFontSize750">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="safemodeToggle750">Safe mode <i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
+ <div style="display:none;" class="option checked" id="editorButton750">Editor <i class="fa fa-check-square" aria-hidden="true"></i>
|
|
|
+ </div>
|
|
|
+ <div class="option" id="fullscreenButton750">Fullpage</div>
|
|
|
+ <div class="option" id="formatButton750">Format code</div>
|
|
|
+ <div class="option" id="debugButton750">Debug layer<i class="fa fa-square-o" aria-hidden="true"></i></div>
|
|
|
+ <div class="option" id="metadataButton750">Metadata</div>
|
|
|
+ <div class="option subSelect"><span id="currentVersion750">Vers. : Latest</span><i class="fa fa-chevron-right" aria-hidden="true"></i>
|
|
|
+ <div class="toDisplaySub">
|
|
|
+ <div class="option" onclick="setVersion('latest');">Latest</div>
|
|
|
+ <div class="option" onclick="setVersion('2.5');">2.5</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="category right">
|
|
|
+ <div class="button select"> <span id="currentScript750">Scenes</span>
|
|
|
<div class="toDisplayBig">
|
|
|
- <ul id="scriptsList">
|
|
|
+ <ul id="scriptsList750">
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -201,6 +379,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div id="exitFullPage" class="button">Exit fullpage</div>
|
|
|
+
|
|
|
<script src="https://code.jquery.com/jquery.js"></script>
|
|
|
|
|
|
<script src="js/actions.js"></script>
|
Jaskar