首页 发现 帮助
注册 登录
zhangyupeng
/
Babylon.js
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

moving to min-version of editor

Raanan Weber 5 年之前
父节点
03ef8cf766
当前提交
a5d9190a88
共有 8 个文件被更改，包括 363 次插入 和 1663 次删除
合并视图 显示文件统计
  1. 1 0
      Playground/_redirects
  2. 1 7
      Playground/index-local.html
  3. 4 4
      Playground/index.html
  4. 1 2
      Playground/indexStable.html
  5. 352 320
      Playground/indexWebGPU.html
  6. 0 89
      Playground/js/jquery.qrcode.js
  7. 4 4
      Playground/js/monacoCreator.js
  8. 0 1237
      Playground/js/qrcode.js

+ 1 - 0
Playground/_redirects
查看文件 

@@ -0,0 +1 @@
 
+/pg/*   /index.html   200

+ 1 - 7
Playground/index-local.html
查看文件 

@@ -379,13 +379,7 @@
 
 

 

     <!-- jQuery -->

     <!-- jQuery -->

     <script src="https://code.jquery.com/jquery.js"></script>

     <script src="https://code.jquery.com/jquery.js"></script>

-    <script src="/js/jquery.qrcode.js"></script>

-    <script src="/js/qrcode.js"></script>

-

-    <!-- jQuery -->

-    <script src="/js/libs/jquery.min.js"></script>

-    <script src="/js/jquery.qrcode.js"></script>

-    <script src="/js/qrcode.js"></script>

+    <script src="https://rawcdn.githack.com/jeromeetienne/jquery-qrcode/master/jquery.qrcode.min.js"></script>

 

 

     <!-- Main scripts -->

     <!-- Main scripts -->

     <script src="/js/config_versions.js"></script>

     <script src="/js/config_versions.js"></script>

+ 4 - 4
Playground/index.html
查看文件 

@@ -7,6 +7,7 @@
 
         <meta name="viewport" content="width=device-width, user-scalable=no">

         <meta name="viewport" content="width=device-width, user-scalable=no">

         <meta name="description" content="Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes">

         <meta name="description" content="Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes">

         <meta name="keywords" content="Babylon.js,WebGL,3D">

         <meta name="keywords" content="Babylon.js,WebGL,3D">

+        <meta name="google-site-verification" content="wcRjktXhF6DAjmhneKS7UatweBIkEF6QfqsNhAYbUgg" />

         <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">

         <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">

 

 

         <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css" />

         <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css" />

@@ -268,7 +269,7 @@
 
                                     <a target='_new' href="https://forum.babylonjs.com/">Forum</a>

                                     <a target='_new' href="https://forum.babylonjs.com/">Forum</a>

                                 </div>

                                 </div>

                                 <div class="option link">

                                 <div class="option link">

-                                    <a target='_new' href="https://www.babylonjs.com/sandbox">Sandbox</a>

+                                    <a target='_new' href="https://sandbox.babylonjs.com/">Sandbox</a>

                                 </div>

                                 </div>

                                 <div class="option link">

                                 <div class="option link">

                                     <a target='_new' href="https://doc.babylonjs.com">Documentation</a>

                                     <a target='_new' href="https://doc.babylonjs.com">Documentation</a>

@@ -430,12 +431,11 @@
 
         </script>

         </script>

 

 

         <!-- Monaco -->

         <!-- Monaco -->

-        <script src="/node_modules/monaco-editor/dev/vs/loader.js"></script>

+        <script src="/node_modules/monaco-editor/min/vs/loader.js"></script>

 

 

         <!-- jQuery -->

         <!-- jQuery -->

         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

-        <script src="/js/jquery.qrcode.js"></script>

-        <script src="/js/qrcode.js"></script>

+        <script src="https://rawcdn.githack.com/jeromeetienne/jquery-qrcode/master/jquery.qrcode.min.js"></script>

 

 

         <!-- Main scripts -->

         <!-- Main scripts -->

         <script src="/js/config_versions.js"></script>

         <script src="/js/config_versions.js"></script>

+ 1 - 2
Playground/indexStable.html
查看文件 

@@ -407,8 +407,7 @@
 
 

 

         <!-- jQuery -->

         <!-- jQuery -->

         <script src="https://code.jquery.com/jquery.min.js"></script>

         <script src="https://code.jquery.com/jquery.min.js"></script>

-        <script src="/js/jquery.qrcode.js"></script>

-        <script src="/js/qrcode.js"></script>

+        <script src="https://rawcdn.githack.com/jeromeetienne/jquery-qrcode/master/jquery.qrcode.min.js"></script>

 

 

         <!-- TO DO - Why is this a split here ? It's already in the JS code (index.js) -->

         <!-- TO DO - Why is this a split here ? It's already in the JS code (index.js) -->

         <script>

         <script>

+ 352 - 320
Playground/indexWebGPU.html
查看文件 

@@ -1,392 +1,424 @@
 
 <!DOCTYPE html>

 <!DOCTYPE html>

 <html>

 <html>

 

 

-<head>

-    <title>Babylon.js Playground WEBGPU</title>

-    <meta charset='utf-8' />

-    <meta name="viewport" content="width=device-width, user-scalable=no">

-    <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">

+    <head>

+        <title>Babylon.js Playground WEBGPU</title>

+        <meta charset='utf-8' />

+        <meta name="viewport" content="width=device-width, user-scalable=no">

+        <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">

 

 

-    <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css" />

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

-    <link rel="stylesheet" href="/css/index_mobile.css" />

+        <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css" />

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

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

 

 

-    <!-- Pep -->

-    <script src="/js/libs/pep.min.js"></script>

-    <!-- For canvas/code separator -->

-    <script src="/js/libs/split.js"></script>

+        <!-- Pep -->

+        <script src="/js/libs/pep.min.js"></script>

+        <!-- For canvas/code separator -->

+        <script src="/js/libs/split.js"></script>

 

 

-    <!-- DatGUI -->

-    <script src="/js/libs/dat.gui.min.js"></script>

-    <!-- jszip -->

-    <script src="/js/libs/jszip.min.js"></script>

-    <script src="/js/libs/fileSaver.js"></script>

+        <!-- DatGUI -->

+        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script>

+        <!-- jszip -->

+        <script src="/js/libs/jszip.min.js"></script>

+        <script src="/js/libs/fileSaver.js"></script>

 

 

-    <!-- Dependencies -->

-    <script src="https://preview.babylonjs.com/ammo.js"></script>

-    <script src="https://preview.babylonjs.com/recast.js"></script>

-    <script src="https://preview.babylonjs.com/cannon.js"></script>

-    <script src="https://preview.babylonjs.com/Oimo.js"></script>

-    <script src="https://preview.babylonjs.com/earcut.min.js"></script>

-    <!-- Babylon.js -->

-    <script src="https://preview.babylonjs.com/glslang/glslang.js"></script>

-    <script src="/js/babylonWebGpu.max.js"></script>

-    <!-- <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script> -->

-    <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

-    <script src="https://preview.babylonjs.com/nodeEditor/babylon.nodeEditor.js"></script>

-    <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>

-    <!-- <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>

+        <!-- Dependencies -->

+        <script src="https://preview.babylonjs.com/ammo.js"></script>

+        <script src="https://preview.babylonjs.com/recast.js"></script>

+        <script src="https://preview.babylonjs.com/cannon.js"></script>

+        <script src="https://preview.babylonjs.com/Oimo.js"></script>

+        <script src="https://preview.babylonjs.com/earcut.min.js"></script>

+        <!-- Babylon.js -->

+        <script src="https://preview.babylonjs.com/glslang/glslang.js"></script>

+        <script src="/js/babylonWebGpu.max.js"></script>

+        <!-- <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script> -->

+        <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

+        <script src="https://preview.babylonjs.com/nodeEditor/babylon.nodeEditor.js"></script>

+        <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>

+        <!-- <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>

     <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script> -->

     <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script> -->

-    <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>

-    <script src="https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>

+        <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>

+        <script src="https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>

 

 

-    <!-- Monaco -->

-    <script src="/node_modules/monaco-editor/dev/vs/loader.js"></script>

+        <!-- Monaco -->

+        <script src="/node_modules/monaco-editor/min/vs/loader.js"></script>

 

 

-    <!-- Extensions -->

-    <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js" async></script>

-    <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js"

-        async></script>

+        <!-- Extensions -->

+        <script

+            src="https://rawcdn.githack.com/BabylonJS/Extensions/f43ab677b4bca0a6ab77132d3f785be300382760/ClonerSystem/src/babylonx.cloner.js"

+            async>

+        </script>

+        <script

+            src="https://rawcdn.githack.com/BabylonJS/Extensions/785013ec55b210d12263c91f3f0a2ae70cf0bc8a/CompoundShader/src/babylonx.CompoundShader.js"

+            async></script>

 

 

-    <!-- Scene Manager -->

-    <script src="https://mackeyk24.github.io/toolkit/babylon.manager.js"></script>

-    <script src="https://mackeyk24.github.io/toolkit/babylon.navmesh.js"></script>

-</head>

+        <!-- Scene Manager -->

+        <script

+            src="https://rawcdn.githack.com/MackeyK24/MackeyK24.github.io/14fda491c50cfca6d3e2f6cbc5e6afe22cc455d6/toolkit/babylon.manager.js">

+        </script>

+        <script

+            src="https://rawcdn.githack.com/MackeyK24/MackeyK24.github.io/14fda491c50cfca6d3e2f6cbc5e6afe22cc455d6/toolkit/babylon.navmesh.js">

+        </script>

+    </head>

 

 

-<body>

-    <!-- Big screens -->

-    <div class="navbar navBar1280 languageJS">

-        <div class="categoryTitle">

-            <img class="logo" src="/css/img/logo_v4.svg">

-            <div class="version">Playground <span class="versionSub" id="mainTitle1280"></span></div>

-        </div>

+    <body>

+        <!-- Big screens -->

+        <div class="navbar navBar1280 languageJS">

+            <div class="categoryTitle">

+                <img class="logo" src="/css/img/logo_v4.svg">

+                <div class="version">Playground <span class="versionSub" id="mainTitle1280"></span></div>

+            </div>

 

 

-        <div class="category languageJS" id="JStoTSbar">

-            <div class="buttonJStoTS languageTS" id="toTSbutton1280" title="Switch to TypeScript">Typescript</div>

-            <div class="buttonJStoTS languageJS" id="toJSbutton1280" title="Switch to JavaScript">Javascript</div>

-            <div class="buttonPG run removeOnDiff" id="runButton1280" title="Run&#10;(Alt+Enter)"><img src="/css/img/playButton.svg"></div>

-            <div class="buttonPG removeOnDiff" id="saveButton1280" title="Save&#10;(Ctrl+S)"><img src="/css/img/saveButton.svg"></div>

-            <div class="buttonPG removeOnPhone removeOnDiff" id="zipButton1280" title="Download ZIP&#10;(Ctrl+Shift+S)"><img src="/css/img/downloadButton.svg"></div>

-            <div class="buttonPG removeOnDiff" id="newButton1280" title="Create new"><img src="/css/img/newButton.svg"></div>

-            <div class="buttonPG removeOnPhone removeOnDiff" id="clearButton1280" title="Clear"><img src="/css/img/clearButton.svg"></div>

-            <div class="buttonPG removeOnPhone removeOnDiff" id="diffButton1280" title="Compare"><img src="/css/img/diffButton.svg"></div>

-            <div class="buttonPG removeOnPhone displayOnDiff" id="previousButton1280" title="Previous difference&#10;(Shift+Alt+F5)"><img src="/css/img/previousButton.svg"></div>

-            <div class="buttonPG removeOnPhone displayOnDiff" id="nextButton1280" title="Next difference&#10;(Alt+F5)"><img src="/css/img/nextButton.svg"></div>

-            <div class="buttonPG removeOnPhone displayOnDiff" id="exitButton1280" title="Exit&#10;(Esc)"><img src="/css/img/exitButton.svg"></div>

-            <div class="buttonPG select removeOnDiff" id="menuButton1280" title="Options"><img src="/css/img/optionsButton.svg">

-                <div class="toDisplay languageJS">

-                    <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                        <div class="toDisplaySub languageJS">

-                            <div class="option selected" id="darkTheme1280">Dark</div>

-                            <div class="option" id="lightTheme1280">Light</div>

+            <div class="category languageJS" id="JStoTSbar">

+                <div class="buttonJStoTS languageTS" id="toTSbutton1280" title="Switch to TypeScript">Typescript</div>

+                <div class="buttonJStoTS languageJS" id="toJSbutton1280" title="Switch to JavaScript">Javascript</div>

+                <div class="buttonPG run removeOnDiff" id="runButton1280" title="Run&#10;(Alt+Enter)"><img

+                        src="/css/img/playButton.svg"></div>

+                <div class="buttonPG removeOnDiff" id="saveButton1280" title="Save&#10;(Ctrl+S)"><img

+                        src="/css/img/saveButton.svg"></div>

+                <div class="buttonPG removeOnPhone removeOnDiff" id="zipButton1280"

+                    title="Download ZIP&#10;(Ctrl+Shift+S)"><img src="/css/img/downloadButton.svg"></div>

+                <div class="buttonPG removeOnDiff" id="newButton1280" title="Create new"><img

+                        src="/css/img/newButton.svg"></div>

+                <div class="buttonPG removeOnPhone removeOnDiff" id="clearButton1280" title="Clear"><img

+                        src="/css/img/clearButton.svg"></div>

+                <div class="buttonPG removeOnPhone removeOnDiff" id="diffButton1280" title="Compare"><img

+                        src="/css/img/diffButton.svg"></div>

+                <div class="buttonPG removeOnPhone displayOnDiff" id="previousButton1280"

+                    title="Previous difference&#10;(Shift+Alt+F5)"><img src="/css/img/previousButton.svg"></div>

+                <div class="buttonPG removeOnPhone displayOnDiff" id="nextButton1280"

+                    title="Next difference&#10;(Alt+F5)"><img src="/css/img/nextButton.svg"></div>

+                <div class="buttonPG removeOnPhone displayOnDiff" id="exitButton1280" title="Exit&#10;(Esc)"><img

+                        src="/css/img/exitButton.svg"></div>

+                <div class="buttonPG select removeOnDiff" id="menuButton1280" title="Options"><img

+                        src="/css/img/optionsButton.svg">

+                    <div class="toDisplay languageJS">

+                        <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                            <div class="toDisplaySub languageJS">

+                                <div class="option selected" id="darkTheme1280">Dark</div>

+                                <div class="option" id="lightTheme1280">Light</div>

+                            </div>

                         </div>

                         </div>

-                    </div>

-                    <div class="option subSelect">Font size <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                        <div class="toDisplaySub displayFontSize languageJS">

-                            <div class="option">12</div>

-                            <div class="option selected">14</div>

-                            <div class="option">16</div>

-                            <div class="option">18</div>

-                            <div class="option">20</div>

-                            <div class="option">22</div>

+                        <div class="option subSelect">Font size <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                            <div class="toDisplaySub displayFontSize languageJS">

+                                <div class="option">12</div>

+                                <div class="option selected">14</div>

+                                <div class="option">16</div>

+                                <div class="option">18</div>

+                                <div class="option">20</div>

+                                <div class="option">22</div>

+                            </div>

                         </div>

                         </div>

-                    </div>

-                    <div class="option noSubSelect" id="safemodeToggle1280">Safe mode

-                        <i class="fa fa-square" aria-hidden="true"></i>

-                    </div>

-                    <div class="option checked noSubSelect" id="editorButton1280">Editor

-                        <i class="fa fa-check-square" aria-hidden="true"></i>

-                    </div>

-                    <div class="option noSubSelect" id="fullscreenButton1280">Fullscreen</div>

-                    <div class="option noSubSelect" id="editorFullscreenButton1280">Editor Fullscreen</div>

-                    <div class="option noSubSelect" id="formatButton1280">Format code</div>

-                    <div class="option noSubSelect" id="minimapToggle1280">Minimap

-                        <i class="fa fa-square" aria-hidden="true"></i>

-                    </div>

-                    <div class="option subSelect" id="qrCodeHover1280">QR Code Link <i class="fa fa-chevron-right"

-                            aria-hidden="true"></i>

-                        <div class="toDisplaySub qrCodeImage">

-                            <div class="option" id="qrCodeImage1280">[QR Code Image]</div>

+                        <div class="option noSubSelect" id="safemodeToggle1280">Safe mode

+                            <i class="fa fa-square" aria-hidden="true"></i>

+                        </div>

+                        <div class="option checked noSubSelect" id="editorButton1280">Editor

+                            <i class="fa fa-check-square" aria-hidden="true"></i>

+                        </div>

+                        <div class="option noSubSelect" id="fullscreenButton1280">Fullscreen</div>

+                        <div class="option noSubSelect" id="editorFullscreenButton1280">Editor Fullscreen</div>

+                        <div class="option noSubSelect" id="formatButton1280">Format code</div>

+                        <div class="option noSubSelect" id="minimapToggle1280">Minimap

+                            <i class="fa fa-square" aria-hidden="true"></i>

+                        </div>

+                        <div class="option subSelect" id="qrCodeHover1280">QR Code Link <i class="fa fa-chevron-right"

+                                aria-hidden="true"></i>

+                            <div class="toDisplaySub qrCodeImage">

+                                <div class="option" id="qrCodeImage1280">[QR Code Image]</div>

+                            </div>

                         </div>

                         </div>

+                        <div class="option uncheck noSubSelect" id="debugButton1280">Inspector</div>

+                        <div class="option nosubselect" id="metadataButton1280">Metadata</div>

                     </div>

                     </div>

-                    <div class="option uncheck noSubSelect" id="debugButton1280">Inspector</div>

-                    <div class="option nosubselect" id="metadataButton1280">Metadata</div>

                 </div>

                 </div>

             </div>

             </div>

-        </div>

 

 

-        <div class="category right">

-            <div class="buttonPG select removeOnDiff" title="Select Babylon.js version">

-                <span id="currentVersion1280"></span>

-                <div class="toDisplay currentVersionDisplay" style="display: none"></div>

+            <div class="category right">

+                <div class="buttonPG select removeOnDiff" title="Select Babylon.js version">

+                    <span id="currentVersion1280"></span>

+                    <div class="toDisplay currentVersionDisplay" style="display: none"></div>

+                </div>

+                <div class="buttonPG select removeOnDiff" title="Examples"><img class="examplesButton"

+                        src="/css/img/examplesButton.svg"></div>

             </div>

             </div>

-            <div class="buttonPG select removeOnDiff" title="Examples"><img class="examplesButton" src="/css/img/examplesButton.svg"></div>

         </div>

         </div>

-    </div>

 

 

-    <!-- Mid-size screens -->

-    <div class="navbar navBar1024 languageJS">

-        <div class="categoryTitle">

-            <img class="logo" src="/css/img/logo_v4.svg">

-            <div class="version"><span class="versionSub" id="mainTitle1024"></span></div>

-        </div>

+        <!-- Mid-size screens -->

+        <div class="navbar navBar1024 languageJS">

+            <div class="categoryTitle">

+                <img class="logo" src="/css/img/logo_v4.svg">

+                <div class="version"><span class="versionSub" id="mainTitle1024"></span></div>

+            </div>

 

 

-        <div class="category languageJS" id="JStoTSbar">

-            <div class="buttonJStoTS languageTS" id="toTSbutton1024" title="Switch to TypeScript">TS</div>

-            <div class="buttonJStoTS languageJS" id="toJSbutton1024" title="Switch to JavaScript">JS</div>

-            <div class="buttonSpaceKiller"></div>

-            <div class="buttonPG run removeOnDiff" id="runButton1024" title="Run&#10;(Alt+Enter)"><img src="/css/img/playButton.svg"></div>

-            <div class="buttonPG removeOnDiff" id="saveButton1024" title="Save&#10;(Ctrl+S)"><img src="/css/img/saveButton.svg"></div>

-            <div class="buttonPG removeOnPhone removeOnDiff" id="zipButton1024" title="Download ZIP&#10;(Ctrl+Shift+S)"><img src="/css/img/downloadButton.svg"></div>

-            <div class="buttonPG removeOnDiff" id="newButton1024" title="Create new"><img src="/css/img/newButton.svg"></div>

-            <div class="buttonPG removeOnPhone removeOnDiff" id="clearButton1024" title="Clear"><img src="/css/img/clearButton.svg"></div>

-            <div class="buttonPG removeOnPhone removeOnDiff" id="diffButton1024" title="Compare"><img src="/css/img/diffButton.svg"></div>

-            <div class="buttonPG removeOnPhone displayOnDiff" id="previousButton1024"><img src="/css/img/previousButton.svg"></div>

-            <div class="buttonPG removeOnPhone displayOnDiff" id="nextButton1024"><img src="/css/img/nextButton.svg"></div>

-            <div class="buttonPG removeOnPhone displayOnDiff" id="exitButton1024"><img src="/css/img/exitButton.svg"></div>

+            <div class="category languageJS" id="JStoTSbar">

+                <div class="buttonJStoTS languageTS" id="toTSbutton1024" title="Switch to TypeScript">TS</div>

+                <div class="buttonJStoTS languageJS" id="toJSbutton1024" title="Switch to JavaScript">JS</div>

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

+                <div class="buttonPG run removeOnDiff" id="runButton1024" title="Run&#10;(Alt+Enter)"><img

+                        src="/css/img/playButton.svg"></div>

+                <div class="buttonPG removeOnDiff" id="saveButton1024" title="Save&#10;(Ctrl+S)"><img

+                        src="/css/img/saveButton.svg"></div>

+                <div class="buttonPG removeOnPhone removeOnDiff" id="zipButton1024"

+                    title="Download ZIP&#10;(Ctrl+Shift+S)"><img src="/css/img/downloadButton.svg"></div>

+                <div class="buttonPG removeOnDiff" id="newButton1024" title="Create new"><img

+                        src="/css/img/newButton.svg"></div>

+                <div class="buttonPG removeOnPhone removeOnDiff" id="clearButton1024" title="Clear"><img

+                        src="/css/img/clearButton.svg"></div>

+                <div class="buttonPG removeOnPhone removeOnDiff" id="diffButton1024" title="Compare"><img

+                        src="/css/img/diffButton.svg"></div>

+                <div class="buttonPG removeOnPhone displayOnDiff" id="previousButton1024"><img

+                        src="/css/img/previousButton.svg"></div>

+                <div class="buttonPG removeOnPhone displayOnDiff" id="nextButton1024"><img

+                        src="/css/img/nextButton.svg"></div>

+                <div class="buttonPG removeOnPhone displayOnDiff" id="exitButton1024"><img

+                        src="/css/img/exitButton.svg"></div>

 

 

-            <div class="buttonPG select removeOnDiff" id="menuButton1024" title="Options"><img src="/css/img/optionsButton.svg">

-                <div class="toDisplay">

-                    <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                <div class="buttonPG select removeOnDiff" id="menuButton1024" title="Options"><img

+                        src="/css/img/optionsButton.svg">

+                    <div class="toDisplay">

+                        <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>

 

 

-                        <div class="toDisplaySub">

-                            <div class="option selected" id="darkTheme1024">Dark</div>

-                            <div class="option" id="lightTheme1024">Light</div>

+                            <div class="toDisplaySub">

+                                <div class="option selected" id="darkTheme1024">Dark</div>

+                                <div class="option" id="lightTheme1024">Light</div>

+                            </div>

                         </div>

                         </div>

-                    </div>

-                    <div class="option subSelect">Font size <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                        <div class="toDisplaySub displayFontSize">

-                            <div class="option">12</div>

-                            <div class="option selected">14</div>

-                            <div class="option">16</div>

-                            <div class="option">18</div>

-                            <div class="option">20</div>

-                            <div class="option">22</div>

+                        <div class="option subSelect">Font size <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                            <div class="toDisplaySub displayFontSize">

+                                <div class="option">12</div>

+                                <div class="option selected">14</div>

+                                <div class="option">16</div>

+                                <div class="option">18</div>

+                                <div class="option">20</div>

+                                <div class="option">22</div>

+                            </div>

                         </div>

                         </div>

-                    </div>

-                    <div class="option noSubSelect" id="safemodeToggle1024">Safe mode

-                        <i class="fa fa-square" aria-hidden="true"></i>

-                    </div>

-                    <div class="option checked noSubSelect" id="editorButton1024">Editor

-                        <i class="fa fa-check-square" aria-hidden="true"></i>

-                    </div>

-                    <div class="option noSubSelect" id="fullscreenButton1024">Fullscreen</div>

-                    <div class="option noSubSelect" id="editorFullscreenButton1024">Editor Fullscreen</div>

-                    <div class="option noSubSelect" id="formatButton1024">Format code</div>

-                    <div class="option noSubSelect" id="minimapToggle1024">Minimap

-                        <i class="fa fa-square" aria-hidden="true"></i>

-                    </div>

-                    <div class="option subSelect" id="qrCodeHover1024">QR Code Link <i class="fa fa-chevron-right"

-                            aria-hidden="true"></i>

-                        <div class="toDisplaySub qrCodeImage">

-                            <div class="option" id="qrCodeImage1024">[QR Code Image]</div>

+                        <div class="option noSubSelect" id="safemodeToggle1024">Safe mode

+                            <i class="fa fa-square" aria-hidden="true"></i>

                         </div>

                         </div>

+                        <div class="option checked noSubSelect" id="editorButton1024">Editor

+                            <i class="fa fa-check-square" aria-hidden="true"></i>

+                        </div>

+                        <div class="option noSubSelect" id="fullscreenButton1024">Fullscreen</div>

+                        <div class="option noSubSelect" id="editorFullscreenButton1024">Editor Fullscreen</div>

+                        <div class="option noSubSelect" id="formatButton1024">Format code</div>

+                        <div class="option noSubSelect" id="minimapToggle1024">Minimap

+                            <i class="fa fa-square" aria-hidden="true"></i>

+                        </div>

+                        <div class="option subSelect" id="qrCodeHover1024">QR Code Link <i class="fa fa-chevron-right"

+                                aria-hidden="true"></i>

+                            <div class="toDisplaySub qrCodeImage">

+                                <div class="option" id="qrCodeImage1024">[QR Code Image]</div>

+                            </div>

+                        </div>

+                        <div class="option uncheck noSubSelect" id="debugButton1024">Inspector</div>

+                        <div class="option noSubSelect" id="metadataButton1024">Metadata</div>

                     </div>

                     </div>

-                    <div class="option uncheck noSubSelect" id="debugButton1024">Inspector</div>

-                    <div class="option noSubSelect" id="metadataButton1024">Metadata</div>

                 </div>

                 </div>

             </div>

             </div>

-        </div>

 

 

-        <div class="category right">

-            <div class="buttonPG select">

-                <span id="currentVersion1024"></span>

-                <div class="toDisplay currentVersionDisplay" style="display: none">

+            <div class="category right">

+                <div class="buttonPG select">

+                    <span id="currentVersion1024"></span>

+                    <div class="toDisplay currentVersionDisplay" style="display: none">

+                    </div>

                 </div>

                 </div>

+                <div class="buttonPG select"><img class="examplesButton" src="/css/img/examplesButton.svg"></div>

             </div>

             </div>

-            <div class="buttonPG select"><img class="examplesButton" src="/css/img/examplesButton.svg"></div>

         </div>

         </div>

-    </div>

 

 

-    <!-- Mobile -->

-    <div class="navbar navBarMobile languageJS">

-        <div class="category languageJS" id="JStoTSbar">

-            <div class="buttonPG select" id="menuButtonMobile"><img src="/css/img/hamburgerButton.svg">

-                <div class="toDisplay">

-                    <div class="option noSubSelect languageTS" id="toTSbuttonMobile">TypeScript</div>

-                    <div class="option noSubSelect languageJS" id="toJSbuttonMobile">JavaScript</div>

-                    <div class="option noSubSelect run" id="runButtonMobile"><img src="/css/img/playButton.svg">Run</div>

-                    <div class="option noSubSelect" id="saveButtonMobile"><img src="/css/img/saveButton.svg">Save</div>

-                    <div class="option noSubSelect" id="zipButtonMobile"><img src="/css/img/downloadButton.svg">Download

-                    </div>

-                    <div class="option noSubSelect" id="newButtonMobile"><img src="/css/img/newButton.svg">New</div>

-                    <div class="option noSubSelect" id="clearButtonMobile"><img src="/css/img/clearButton.svg">Clear

-                    </div>

-                    <div class="option noSubSelect" id="debugButtonMobile"><img

-                            src="/css/img/inspectorButton.svg">Inspector</div>

-                    <div class="option subSelect">

-                        <img src="/css/img/optionsButton.svg">

-                        <div id="currentVersionMobile"></div>

-                        <div class="toDisplaySub currentVersionDisplay">

+        <!-- Mobile -->

+        <div class="navbar navBarMobile languageJS">

+            <div class="category languageJS" id="JStoTSbar">

+                <div class="buttonPG select" id="menuButtonMobile"><img src="/css/img/hamburgerButton.svg">

+                    <div class="toDisplay">

+                        <div class="option noSubSelect languageTS" id="toTSbuttonMobile">TypeScript</div>

+                        <div class="option noSubSelect languageJS" id="toJSbuttonMobile">JavaScript</div>

+                        <div class="option noSubSelect run" id="runButtonMobile"><img src="/css/img/playButton.svg">Run

                         </div>

                         </div>

-                    </div>

-                    <div class="option subSelect"><img src="/css/img/optionsButton.svg">Theme

-                        <div class="toDisplaySub">

-                            <div class="option selected" id="darkThemeMobile">Dark</div>

-                            <div class="option" id="lightThemeMobile">Light</div>

+                        <div class="option noSubSelect" id="saveButtonMobile"><img src="/css/img/saveButton.svg">Save

                         </div>

                         </div>

-                    </div>

-                    <div class="option subSelect"><img src="/css/img/optionsButton.svg">Font size

-                        <div class="toDisplaySub displayFontSize">

-                            <div class="option">8</div>

-                            <div class="option">10</div>

-                            <div class="option selected">12</div>

-                            <div class="option">14</div>

-                            <div class="option">16</div>

-                            <div class="option">18</div>

-                            <div class="option">20</div>

-                            <div class="option">22</div>

+                        <div class="option noSubSelect" id="zipButtonMobile"><img

+                                src="/css/img/downloadButton.svg">Download

                         </div>

                         </div>

-                    </div>

-                    <div style="display: none;" class="option noSubSelect" id="safemodeToggleMobile">Safe mode

-                        <i class="fa fa-square" aria-hidden="true"></i>

-                    </div>

-                    <div style="display: none;" class="option checked noSubSelect" id="editorButtonMobile">Editor

-                        <i class="fa fa-check-square" aria-hidden="true"></i>

-                    </div>

-                    <div style="display: none;" class="option nosubselect" id="fullscreenButtonMobile"

-                        style="display: none">Fullscreen</div>

-                    <div style="display: none;" class="option nosubselect" id="editorFullscreenButtonMobile"

-                        style="display: none">Editor

-                        Fullscreen</div>

-                    <div class="option nosubselect" id="formatButtonMobile"><img src="/css/img/optionsButton.svg">Format

-                        code</div>

-                    <div style="display: none;" class="option nosubselect" id="minimapToggleMobile">Minimap

-                        <i class="fa fa-square" aria-hidden="true"></i>

-                    </div>

-                    <!-- <div class="option subSelect" id="qrCodeHoverMobile"><img src="/css/img/optionsButton.svg">QR Code Link

-                        <div class="toDisplaySub qrCodeImage">

-                            <div class="option" id="qrCodeImageMobile">[QR Code Image]</div>

+                        <div class="option noSubSelect" id="newButtonMobile"><img src="/css/img/newButton.svg">New</div>

+                        <div class="option noSubSelect" id="clearButtonMobile"><img src="/css/img/clearButton.svg">Clear

                         </div>

                         </div>

-                    </div> -->

-                    <div class="option nosubselect" id="metadataButtonMobile"><img

-                            src="/css/img/metadataButton.svg">Metadata</div>

-                    <div class="option nosubselect"><img class="examplesButton"

-                            src="/css/img/examplesButton.svg">Examples</div>

-                    <div class="option subSelect"><img src="/css/img/examplesButton.svg">Links / Tools

-                        <div class="toDisplaySub displayFooterLinks">

-                            <div class="option link">

-                                <a target='_new' href="https://www.netlify.com/">Deployed by Netlify</a>

+                        <div class="option noSubSelect" id="debugButtonMobile"><img

+                                src="/css/img/inspectorButton.svg">Inspector</div>

+                        <div class="option subSelect">

+                            <img src="/css/img/optionsButton.svg">

+                            <div id="currentVersionMobile"></div>

+                            <div class="toDisplaySub currentVersionDisplay">

                             </div>

                             </div>

-                            <div class="option link">

-                                <a target='_new' href="https://forum.babylonjs.com/">Forum</a>

-                            </div>

-                            <div class="option link">

-                                <a target='_new' href="https://www.babylonjs.com/sandbox">Sandbox</a>

+                        </div>

+                        <div class="option subSelect"><img src="/css/img/optionsButton.svg">Theme

+                            <div class="toDisplaySub">

+                                <div class="option selected" id="darkThemeMobile">Dark</div>

+                                <div class="option" id="lightThemeMobile">Light</div>

                             </div>

                             </div>

-                            <div class="option link">

-                                <a target='_new' href="https://doc.babylonjs.com">Documentation</a>

+                        </div>

+                        <div class="option subSelect"><img src="/css/img/optionsButton.svg">Font size

+                            <div class="toDisplaySub displayFontSize">

+                                <div class="option">8</div>

+                                <div class="option">10</div>

+                                <div class="option selected">12</div>

+                                <div class="option">14</div>

+                                <div class="option">16</div>

+                                <div class="option">18</div>

+                                <div class="option">20</div>

+                                <div class="option">22</div>

                             </div>

                             </div>

-                            <div class="option link">

-                                <a target='_new' href="https://doc.babylonjs.com/playground">Search</a>

+                        </div>

+                        <div style="display: none;" class="option noSubSelect" id="safemodeToggleMobile">Safe mode

+                            <i class="fa fa-square" aria-hidden="true"></i>

+                        </div>

+                        <div style="display: none;" class="option checked noSubSelect" id="editorButtonMobile">Editor

+                            <i class="fa fa-check-square" aria-hidden="true"></i>

+                        </div>

+                        <div style="display: none;" class="option nosubselect" id="fullscreenButtonMobile"

+                            style="display: none">Fullscreen</div>

+                        <div style="display: none;" class="option nosubselect" id="editorFullscreenButtonMobile"

+                            style="display: none">Editor

+                            Fullscreen</div>

+                        <div class="option nosubselect" id="formatButtonMobile"><img

+                                src="/css/img/optionsButton.svg">Format

+                            code</div>

+                        <div style="display: none;" class="option nosubselect" id="minimapToggleMobile">Minimap

+                            <i class="fa fa-square" aria-hidden="true"></i>

+                        </div>

+                        <!-- <div class="option subSelect" id="qrCodeHoverMobile"><img src="/css/img/optionsButton.svg">QR Code Link

+                        <div class="toDisplaySub qrCodeImage">

+                            <div class="option" id="qrCodeImageMobile">[QR Code Image]</div>

+                        </div>

+                    </div> -->

+                        <div class="option nosubselect" id="metadataButtonMobile"><img

+                                src="/css/img/metadataButton.svg">Metadata</div>

+                        <div class="option nosubselect"><img class="examplesButton"

+                                src="/css/img/examplesButton.svg">Examples</div>

+                        <div class="option subSelect"><img src="/css/img/examplesButton.svg">Links / Tools

+                            <div class="toDisplaySub displayFooterLinks">

+                                <div class="option link">

+                                    <a target='_new' href="https://www.netlify.com/">Deployed by Netlify</a>

+                                </div>

+                                <div class="option link">

+                                    <a target='_new' href="https://forum.babylonjs.com/">Forum</a>

+                                </div>

+                                <div class="option link">

+                                    <a target='_new' href="https://www.babylonjs.com/sandbox">Sandbox</a>

+                                </div>

+                                <div class="option link">

+                                    <a target='_new' href="https://doc.babylonjs.com">Documentation</a>

+                                </div>

+                                <div class="option link">

+                                    <a target='_new' href="https://doc.babylonjs.com/playground">Search</a>

+                                </div>

                             </div>

                             </div>

                         </div>

                         </div>

                     </div>

                     </div>

                 </div>

                 </div>

+                <div class="categoryTitle">

+                    <img class="logo" src="/css/img/logo_v4.svg">

+                    <div class="version"><span class="versionSub" id="mainTitleMobile"></span></div>

+                </div>

             </div>

             </div>

-            <div class="categoryTitle">

-                <img class="logo" src="/css/img/logo_v4.svg">

-                <div class="version"><span class="versionSub" id="mainTitleMobile"></span></div>

-            </div>

-        </div>

 

 

-        <div id="switchWrapper" class="languageJS">

-            <img id="switchWrapperCode" src="/css/img/codeButton.svg">

-            <img id="switchWrapperCanvas" src="/css/img/canvas3Dbutton.svg">

+            <div id="switchWrapper" class="languageJS">

+                <img id="switchWrapperCode" src="/css/img/codeButton.svg">

+                <img id="switchWrapperCanvas" src="/css/img/canvas3Dbutton.svg">

+            </div>

         </div>

         </div>

-    </div>

 

 

-    <!-- Common things -->

+        <!-- Common things -->

 

 

-    <div class="wrapper">

-        <div id="jsEditor"></div>

-        <div id="canvasZone">

-            <canvas touch-action="none" id="renderCanvas"></canvas>

+        <div class="wrapper">

+            <div id="jsEditor"></div>

+            <div id="canvasZone">

+                <canvas touch-action="none" id="renderCanvas"></canvas>

+            </div>

         </div>

         </div>

-    </div>

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

-        <div id="exampleBanner" class="languageJS">

-            <h1>Examples<img id="examplesButtonClose" src="/css/img/clearButton.svg"></h1>

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

+            <div id="exampleBanner" class="languageJS">

+                <h1>Examples<img id="examplesButtonClose" src="/css/img/clearButton.svg"></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>

         </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>

 

 

-    <div class="fpsLabel languageJS" id="fpsLabel"></div>

+        <div class="fpsLabel languageJS" id="fpsLabel"></div>

 

 

-    <div id="errorZone">

-    </div>

+        <div id="errorZone">

+        </div>

 

 

-    <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="https://forum.babylonjs.com/">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://doc.babylonjs.com">Documentation</a>

-            </div>

-            <div class='link'>

-                <a target='_new' href="https://doc.babylonjs.com/playground">Search</a>

+        <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="https://forum.babylonjs.com/">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://doc.babylonjs.com">Documentation</a>

+                </div>

+                <div class='link'>

+                    <a target='_new' href="https://doc.babylonjs.com/playground">Search</a>

+                </div>

             </div>

             </div>

         </div>

         </div>

-    </div>

 

 

-    <div id="saveLayer" class="save-layer">

-        <div class="save-form languageJS ">

-            <img id="saveFormButtonClose" src="/css/img/clearButton.svg">

-            <label for="saveFormTitle">TITLE</label>

-            <div class="separator"></div>

-            <input type="text" maxlength="120" id="saveFormTitle" class="save-form-title">

+        <div id="saveLayer" class="save-layer">

+            <div class="save-form languageJS ">

+                <img id="saveFormButtonClose" src="/css/img/clearButton.svg">

+                <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="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>

+                <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">OK</div>

-                <div id="saveFormButtonCancel">Cancel</div>

+                <div class="save-form-buttons" id="saveFormButtons">

+                    <div id="saveFormButtonOk">OK</div>

+                    <div id="saveFormButtonCancel">Cancel</div>

+                </div>

             </div>

             </div>

         </div>

         </div>

-    </div>

 

 

-    <div id="waitDiv">

-        <div id="logo-part">

-            <img src="/css/img/v4.svg" id="waitLogo" />

-            <img src="/css/img/spinner.svg" id="waitSpinner" />

+        <div id="waitDiv">

+            <div id="logo-part">

+                <img src="/css/img/v4.svg" id="waitLogo" />

+                <img src="/css/img/spinner.svg" id="waitSpinner" />

+            </div>

         </div>

         </div>

-    </div>

 

 

-    <!-- jQuery -->

-    <script src="/js/libs/jquery.min.js"></script>

-    <script src="/js/jquery.qrcode.js"></script>

-    <script src="/js/qrcode.js"></script>

+        <!-- jQuery -->

+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

+        <script src="https://rawcdn.githack.com/jeromeetienne/jquery-qrcode/master/jquery.qrcode.min.js"></script>

 

 

-    <!-- Main scripts -->

-    <script src="/js/config_versions.js"></script>

-    <script src="/js/pbt.js"></script>

-    <script src="/js/libs/typescript.js"></script>

-    <script src="/js/examples.js"></script>

-    <!-- <script src="/js/main.js"></script> -->

-    <script src="/js/mainWebGPU.js"></script>

-    <script src="/js/menuPG.js"></script>

-    <script src="/js/monacoCreator.js"></script>

-    <script src="/js/settingsPG.js"></script>

-    <script src="/js/utils.js"></script>

-    <script src="/js/zipTool.js"></script>

-    <script src="/js/index.js"></script>

-</body>

+        <!-- Main scripts -->

+        <script src="/js/config_versions.js"></script>

+        <script src="/js/pbt.js"></script>

+        <script src="/js/libs/typescript.js"></script>

+        <script src="/js/examples.js"></script>

+        <!-- <script src="/js/main.js"></script> -->

+        <script src="/js/mainWebGPU.js"></script>

+        <script src="/js/menuPG.js"></script>

+        <script src="/js/monacoCreator.js"></script>

+        <script src="/js/settingsPG.js"></script>

+        <script src="/js/utils.js"></script>

+        <script src="/js/zipTool.js"></script>

+        <script src="/js/index.js"></script>

+    </body>

 

 

 </html>
 
 </html>

+ 0 - 89
Playground/js/jquery.qrcode.js
查看文件 

@@ -1,89 +0,0 @@
 
-(function( $ ){

-	$.fn.qrcode = function(options) {

-		// if options is string, 

-		if( typeof options === 'string' ){

-			options	= { text: options };

-		}

-

-		// set default values

-		// typeNumber < 1 for automatic calculation

-		options	= $.extend( {}, {

-			render		: "canvas",

-			width		: 256,

-			height		: 256,

-			typeNumber	: -1,

-			correctLevel	: QRErrorCorrectLevel.H,

-                        background      : "#ffffff",

-                        foreground      : "#000000"

-		}, options);

-

-		var createCanvas	= function(){

-			// create the qrcode itself

-			var qrcode	= new QRCode(options.typeNumber, options.correctLevel);

-			qrcode.addData(options.text);

-			qrcode.make();

-

-			// create canvas element

-			var canvas	= document.createElement('canvas');

-			canvas.width	= options.width;

-			canvas.height	= options.height;

-			var ctx		= canvas.getContext('2d');

-

-			// compute tileW/tileH based on options.width/options.height

-			var tileW	= options.width  / qrcode.getModuleCount();

-			var tileH	= options.height / qrcode.getModuleCount();

-

-			// draw in the canvas

-			for( var row = 0; row < qrcode.getModuleCount(); row++ ){

-				for( var col = 0; col < qrcode.getModuleCount(); col++ ){

-					ctx.fillStyle = qrcode.isDark(row, col) ? options.foreground : options.background;

-					var w = (Math.ceil((col+1)*tileW) - Math.floor(col*tileW));

-					var h = (Math.ceil((row+1)*tileW) - Math.floor(row*tileW));

-					ctx.fillRect(Math.round(col*tileW),Math.round(row*tileH), w, h);  

-				}	

-			}

-			// return just built canvas

-			return canvas;

-		}

-

-		// from Jon-Carlos Rivera (https://github.com/imbcmdth)

-		var createTable	= function(){

-			// create the qrcode itself

-			var qrcode	= new QRCode(options.typeNumber, options.correctLevel);

-			qrcode.addData(options.text);

-			qrcode.make();

-			

-			// create table element

-			var $table	= $('<table></table>')

-				.css("width", options.width+"px")

-				.css("height", options.height+"px")

-				.css("border", "0px")

-				.css("border-collapse", "collapse")

-				.css('background-color', options.background);

-		  

-			// compute tileS percentage

-			var tileW	= options.width / qrcode.getModuleCount();

-			var tileH	= options.height / qrcode.getModuleCount();

-

-			// draw in the table

-			for(var row = 0; row < qrcode.getModuleCount(); row++ ){

-				var $row = $('<tr></tr>').css('height', tileH+"px").appendTo($table);

-				

-				for(var col = 0; col < qrcode.getModuleCount(); col++ ){

-					$('<td></td>')

-						.css('width', tileW+"px")

-						.css('background-color', qrcode.isDark(row, col) ? options.foreground : options.background)

-						.appendTo($row);

-				}	

-			}

-			// return just built canvas

-			return $table;

-		}

-  

-

-		return this.each(function(){

-			var element	= options.render == "canvas" ? createCanvas() : createTable();

-			jQuery(element).appendTo(this);

-		});

-	};

-})( jQuery );

+ 4 - 4
Playground/js/monacoCreator.js
查看文件 

@@ -71,15 +71,15 @@ class MonacoCreator {
 
 

 

         this.setupDefinitionWorker(libContent);

         this.setupDefinitionWorker(libContent);

 

 

-        require.config({ paths: { 'vs': '/node_modules/monaco-editor/dev/vs' } });

+        require.config({ paths: { 'vs': '/node_modules/monaco-editor/min/vs' } });

 

 

         require(['vs/editor/editor.main'], () => {

         require(['vs/editor/editor.main'], () => {

             this.setupMonacoCompilationPipeline(libContent);

             this.setupMonacoCompilationPipeline(libContent);

             this.setupMonacoColorProvider();

             this.setupMonacoColorProvider();

 

 

-            require(['vs/language/typescript/languageFeatures'], module => {

-                this.hookMonacoCompletionProvider(module.SuggestAdapter);

-            });

+            // require(['vs/language/typescript/languageFeatures'], module => {

+            //     this.hookMonacoCompletionProvider(module.SuggestAdapter);

+            // });

 

 

             this.parent.main.run();

             this.parent.main.run();

         });

         });

文件差异内容过多而无法显示
+ 0 - 1237
Playground/js/qrcode.js