Last active
July 29, 2017 07:02
-
-
Save patrickkettner/f3faa1bd80efe8559a559fe8704b6067 to your computer and use it in GitHub Desktop.
JS Bin// source https://jsbin.com/lugasi
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <ui-pane id="middle" style="grid-template-columns: 319px 1fr 299px;" row1="" disablegridtemplates="" disablegridstartandend="" hgrid=""><ui-pane id="propertiesBar" role="section" col1="" captioned="" dockleft=""><ui-caption><span class="pane-caption-text">Properties</span><ui-close-button title="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 24 24" width="48" height="48"> <path d="M 19 6.41 L 17.59 5 L 12 10.59 L 6.41 5 L 5 6.41 L 10.59 12 L 5 17.59 L 6.41 19 L 12 13.41 L 17.59 19 L 19 17.59 L 13.41 12 Z" /> <path fill="none" d="M 0 0 h 24 v 24 H 0 Z" /> </svg></ui-close-button></ui-caption><ui-body row2=""><ui-propertygrid><ui-propertygrid-container><ui-propertygrid-table><tr><td class="firstRow" style="width: 50%;"></td><td class="firstRow"></td></tr></ui-propertygrid-table></ui-propertygrid-container><ui-propertygrid-footer style="display: none;"><span class="property-footer-title"></span><span class="property-footer-description"></span></ui-propertygrid-footer></ui-propertygrid></ui-body></ui-pane><ui-pane id="midPane" role="section" col2="" tabbed-top="" active=""><ui-body row2=""><div id="midPaneAlertBar" style="display: none;"> <div id="alertBarIconWrap"><ui-icon style="width: 40px; height: 40px;"></ui-icon></div> <div id="alertBarMessage"></div> <ui-close-button title="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 24 24" width="48" height="48"> <path d="M 19 6.41 L 17.59 5 L 12 10.59 L 6.41 5 L 5 6.41 L 10.59 12 L 5 17.59 L 6.41 19 L 12 13.41 L 17.59 19 L 19 17.59 L 13.41 12 Z" /> <path fill="none" d="M 0 0 h 24 v 24 H 0 Z" /> </svg></ui-close-button></div><div id="midPaneEmptyNoProject" style="display: none;"> <h2 class="title">What next?</h2> <p class="message">There isn't anything open. Here are some options.</p> <p><a class="createnew">Create a new project</a></p> <p><a class="viewstartpage">View the Start Page</a></p> <p><a class="viewtutorials" href="https://www.scirra.com/tutorials">View tutorials</a></p> <p><a class="help" href="https://www.scirra.com/">Help</a></p> <p><a class="store" href="https://www.scirra.com/store">Scirra Store</a></p> <br> <br> <br> <img width="100" height="159" alt="Piggy character" src="media/piggy.png"> </div><div id="midPaneEmptyWithProject" style="display: none;"> <h2 class="title">All tabs closed</h2> <p class="message">You still have a project open, but all its tabs have been closed.<br>Use the Project Bar to open a layout or event sheet, or close the project.</p> <br> <br> <br> <img width="100" height="174" alt="Octopus detective character" src="media/octopus-detective.png"> </div><ui-pane id="startPage" role="section" caption-hidden="" captioned="" active=""><ui-caption hidden=""><span class="pane-caption-text">Start page</span><ui-close-button title="Close"></ui-close-button></ui-caption><ui-body class="startPagePaneBody" row2=""><div id="startPageWrap" style="--sp-cloud-url: url(https://editor.construct.net/r46/components/misc/startPage/spCloud.svg); --sp-file-url: url(https://editor.construct.net/r46/components/misc/startPage/spFile.svg);" w720="" w320="" w480=""> <div class="spLogoWrap leftCol topRow"> <img class="spLogo" alt="Construct 3 logo" src="https://editor.construct.net/r46/components/misc/startPage/spLogo-lightbg.svg"> </div> <div class="headerButtons topRow"> <div class="button spNewProjectButton"> <span>New Project</span> </div> <div class="spacer widening"></div> <div class="button spOpenMenuButton"> <span>Open</span> </div> <div class="button spOpenCloudButton"> <div class="spOpenIcon" style='background: url("https://editor.construct.net/r46/components/misc/startPage/spOpen.svg") no-repeat center;'></div> <span>Cloud</span> </div> <div class="spacer from1360"></div> <div class="button spOpenBrowserButton"> <div class="spOpenIcon" style='background: url("https://editor.construct.net/r46/components/misc/startPage/spOpen.svg") no-repeat center;'></div> <span>Browser</span> </div> <div class="spacer from1360"></div> <div class="button spOpenFileButton"> <div class="spOpenIcon" style='background: url("https://editor.construct.net/r46/components/misc/startPage/spOpen.svg") no-repeat center;'></div> <span>File</span> </div> </div> <div class="projectNav leftCol midRow"> <input class="projectSearch" type="search" placeholder="Search"> <select class="projectNavSelect"> <option value="demo-games">Game demos</option> <option value="templates">Templates</option> <option value="beginner-examples">Beginner Examples</option> <option value="intermediate-examples">Intermediate Examples</option> <option value="advanced-examples">Advanced Examples</option> <option value="tech-demos">Tech Demos</option> <option value="recent-projects">Recent projects</option> </select> <div class="projectNavLinksWrap"> <input name="projectNavLink" id="spGameDemos" type="radio" value="demo-games"> <label class="projectNavLink" for="spGameDemos">Game Demos</label> <input name="projectNavLink" id="spTemplates" type="radio" value="templates"> <label class="projectNavLink" for="spTemplates">Templates</label> <input name="projectNavLink" id="spBeginnerExamples" type="radio" value="beginner-examples"> <label class="projectNavLink" for="spBeginnerExamples">Beginner Examples</label> <input name="projectNavLink" id="spIntermediateExamples" type="radio" value="intermediate-examples"> <label class="projectNavLink" for="spIntermediateExamples">Intermediate Examples</label> <input name="projectNavLink" id="spAdvancedExamples" type="radio" value="advanced-examples"> <label class="projectNavLink" for="spAdvancedExamples">Advanced Examples</label> <input name="projectNavLink" id="spTechDemos" type="radio" value="tech-demos"> <label class="projectNavLink" for="spTechDemos">Tech Demos</label> <input name="projectNavLink" id="spRecentProjects" type="radio" checked="" value="recent-projects"> <label class="projectNavLink" for="spRecentProjects">Recent projects</label> </div> </div> <div class="motdRow"> </div> <div class="projectList midRow"><div class="projectItem"> <div class="thumbnailWrap"> <img class="thumbnail" src="https://editor.construct.net/r46/exampleProjects/demo-games/kiwistory.png"> </div> <div class="projectMainWrap"> <div class="projectDescWrap"> <h3 class="projectTitle">Kiwi Story</h3> <span class="projectDesc">The Kiwi Clan has sent little kiro to fetch gummi beetles, but he got lost along the way! Help him find his way back!</span> </div> <div class="projectActions"> <button class="projectOpenButton">Open project</button> <span class="offlineStatus"></span> </div> </div> </div><div class="projectItem"> <div class="thumbnailWrap"> <img class="thumbnail" src="https://editor.construct.net/r46/exampleProjects/demo-games/glokar.png"> </div> <div class="projectMainWrap"> <div class="projectDescWrap"> <h3 class="projectTitle">Glokar</h3> <span class="projectDesc">Captain Glorktar and his cronies have stolen blueprints to the ultimate war machine. Track him down and take them out before it's too late!</span> </div> <div class="projectActions"> <button class="projectOpenButton">Open project</button> <span class="offlineStatus"></span> </div> </div> </div><div class="projectItem"> <div class="thumbnailWrap"> <img class="thumbnail" src="https://editor.construct.net/r46/exampleProjects/demo-games/poplab.jpg"> </div> <div class="projectMainWrap"> <div class="projectDescWrap"> <h3 class="projectTitle">Pop Lab</h3> <span class="projectDesc">Test your skills in this puzzle game and last as long as you can while the game gets more difficult!</span> </div> <div class="projectActions"> <button class="projectOpenButton">Open project</button> <span class="offlineStatus"></span> </div> </div> </div></div> <div class="linkList leftCol bottomRow"> <div class="linkListWrap"> <h3 class="linksHeader">Useful links</h3> <a class="usefulLink" href="https://www.construct.net">Construct.net</a> <a class="usefulLink" href="https://www.scirra.com/store">Store</a> <a class="usefulLink" href="https://www.scirra.com/forum">Forum</a> <a class="usefulLink" href="https://www.scirra.com/blog">Blog</a> </div> <div class="socialWrap"> <a title="Construct on Facebook" href="https://www.facebook.com/ConstructTeam"> <svg xmlns="http://www.w3.org/2000/svg" class="socialIcon" id="Capa_1" enable-background="new 0 0 24 24" viewBox="0 0 24 24" x="0px" y="0px" width="24px" height="24px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <path d="M 12 2 C 6.477 2 2 6.477 2 12 c 0 5.523 4.477 10 10 10 c 5.523 0 10 -4.477 10 -10 C 22 6.477 17.523 2 12 2 Z M 14.392 8.599 h -0.958 c -0.751 0 -0.896 0.358 -0.896 0.881 v 1.155 h 1.793 l -0.237 1.81 h -1.558 v 4.643 H 10.67 v -4.644 H 9.109 v -1.809 h 1.561 V 9.302 c 0 -1.548 0.946 -2.392 2.327 -2.392 c 0.662 0 1.229 0.049 1.395 0.07 V 8.599 Z" /> </svg> </a> <a title="Construct on Twitter" href="https://twitter.com/ConstructTeam"> <svg xmlns="http://www.w3.org/2000/svg" class="socialIcon" id="Capa_1" enable-background="new 0 0 24 24" viewBox="0 0 24 24" x="0px" y="0px" width="24px" height="24px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <path d="M 12 2 C 6.477 2 2 6.477 2 12 c 0 5.523 4.477 10 10 10 c 5.523 0 10 -4.477 10 -10 C 22 6.477 17.523 2 12 2 Z M 16.829 9.805 c 0 0.107 0 0.178 0 0.284 c 0 2.946 -2.236 6.388 -6.387 6.388 c -1.207 0 -2.413 -0.354 -3.442 -1.029 c 0.179 0.035 0.356 0.035 0.533 0.035 c 1.029 0 1.987 -0.318 2.803 -0.957 c -0.958 0 -1.809 -0.639 -2.093 -1.562 c 0.355 0.07 0.709 0.07 1.029 -0.036 c -1.064 -0.212 -1.81 -1.137 -1.81 -2.201 c 0 -0.036 0 -0.036 0 -0.036 c 0.32 0.179 0.675 0.285 1.029 0.285 C 7.498 10.302 7.178 8.989 7.782 7.96 c 1.171 1.385 2.838 2.236 4.684 2.342 c -0.177 -0.782 0.071 -1.597 0.638 -2.165 c 0.922 -0.851 2.342 -0.816 3.194 0.107 c 0.497 -0.072 0.993 -0.285 1.418 -0.533 c -0.178 0.533 -0.532 0.958 -0.991 1.242 c 0.424 -0.035 0.85 -0.177 1.275 -0.354 C 17.716 9.06 17.325 9.45 16.829 9.805 Z" /> </svg> </a> <a title="Construct on Reddit" href="https://www.reddit.com/r/construct/"> <svg xmlns="http://www.w3.org/2000/svg" class="socialIcon" id="Capa_1" enable-background="new 0 0 24 24" viewBox="0 0 24 24" x="0px" y="0px" width="24px" height="24px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <g> <path d="M 7 11.083 c -0.24 0 -0.455 0.094 -0.607 0.247 c -0.149 0.15 -0.242 0.358 -0.242 0.587 s 0.093 0.436 0.242 0.586 c 0.035 0.035 0.073 0.066 0.113 0.096 c 0.184 -0.512 0.508 -0.985 0.939 -1.395 C 7.316 11.127 7.164 11.083 7 11.083 Z" /> <path d="M 15.544 11.439 c -0.893 -0.632 -2.146 -1.022 -3.543 -1.022 s -2.651 0.391 -3.546 1.022 C 7.649 12.008 7.15 12.77 7.15 13.584 c 0 0.816 0.499 1.576 1.305 2.145 C 9.35 16.359 10.603 16.75 12 16.75 s 2.651 -0.391 3.544 -1.021 c 0.807 -0.568 1.306 -1.328 1.306 -2.145 C 16.85 12.77 16.351 12.008 15.544 11.439 Z M 9.167 12.752 c 0 -0.461 0.374 -0.834 0.835 -0.834 c 0.459 0 0.832 0.373 0.832 0.834 c 0 0.459 -0.373 0.832 -0.832 0.832 C 9.541 13.584 9.167 13.211 9.167 12.752 Z M 14.184 15.455 C 13.508 15.805 12.762 16 12 16 s -1.508 -0.195 -2.182 -0.545 c -0.202 -0.104 -0.282 -0.354 -0.182 -0.559 c 0.102 -0.205 0.346 -0.287 0.547 -0.184 c 0.569 0.295 1.174 0.455 1.816 0.455 c 0.644 0 1.247 -0.162 1.816 -0.455 c 0.202 -0.104 0.446 -0.021 0.547 0.184 C 14.465 15.102 14.386 15.352 14.184 15.455 Z M 14.001 13.584 c -0.461 0 -0.833 -0.373 -0.833 -0.832 c 0 -0.461 0.372 -0.834 0.833 -0.834 c 0.459 0 0.832 0.373 0.832 0.834 C 14.833 13.211 14.46 13.584 14.001 13.584 Z" /> <path d="M 16.002 8.583 c 0.373 0 0.682 -0.289 0.682 -0.667 S 16.376 7.25 16.002 7.25 c -0.375 0 -0.686 0.286 -0.686 0.666 S 15.627 8.583 16.002 8.583 Z" /> <path d="M 12 2 C 6.477 2 2 6.477 2 12 c 0 5.523 4.477 10 10 10 c 5.523 0 10 -4.477 10 -10 C 22 6.477 17.523 2 12 2 Z M 17.662 13.447 c 0.004 0.045 0.005 0.09 0.005 0.137 c 0 2.209 -2.538 4 -5.667 4 c -3.131 0 -5.666 -1.791 -5.666 -4 c 0 -0.047 0.001 -0.092 0.004 -0.137 c -0.591 -0.256 -1.004 -0.844 -1.004 -1.53 c 0 -0.92 0.746 -1.667 1.666 -1.667 c 0.428 0 0.816 0.161 1.111 0.424 c 0.918 -0.61 2.125 -1.009 3.461 -1.079 l 0.727 -2.434 c 0.047 -0.221 0.259 -0.363 0.478 -0.32 l 1.893 0.383 c 0.25 -0.48 0.753 -0.808 1.333 -0.808 c 0.827 0 1.499 0.671 1.499 1.5 c 0 0.828 -0.672 1.501 -1.499 1.501 c -0.788 0 -1.435 -0.607 -1.497 -1.378 l -1.525 -0.308 l -0.558 1.863 c 1.34 0.068 2.549 0.467 3.467 1.078 c 0.295 -0.262 0.685 -0.423 1.11 -0.423 c 0.921 0 1.668 0.747 1.668 1.667 C 18.667 12.604 18.254 13.191 17.662 13.447 Z" /> <path d="M 16.999 11.083 c -0.163 0 -0.315 0.043 -0.443 0.121 c 0.432 0.41 0.754 0.883 0.938 1.395 c 0.041 -0.029 0.079 -0.061 0.112 -0.096 c 0.15 -0.151 0.243 -0.358 0.243 -0.586 s -0.093 -0.437 -0.243 -0.587 C 17.455 11.177 17.239 11.083 16.999 11.083 Z" /> </g> </svg> </a> <a title="Construct on YouTube" href="https://www.youtube.com/c/construct"> <svg xmlns="http://www.w3.org/2000/svg" class="socialIcon" id="Capa_1" enable-background="new 0 0 24 24" viewBox="0 0 24 24" x="0px" y="0px" width="24px" height="24px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <g> <path d="M 12 2 C 6.477 2 2 6.477 2 12 c 0 5.523 4.477 10 10 10 c 5.523 0 10 -4.477 10 -10 C 22 6.477 17.523 2 12 2 Z M 17.771 13.219 c -0.022 0.521 -0.049 1.047 -0.196 1.557 c -0.171 0.586 -0.528 0.974 -1.128 1.104 c -0.232 0.054 -0.475 0.07 -0.713 0.078 c -1.242 0.047 -2.484 0.084 -3.66 0.122 c -1.306 -0.041 -2.546 -0.075 -3.787 -0.12 c -0.267 -0.013 -0.54 -0.056 -0.8 -0.114 c -0.489 -0.115 -0.827 -0.408 -1.001 -0.892 c -0.14 -0.39 -0.19 -0.788 -0.227 -1.196 c -0.08 -0.958 -0.08 -1.912 -0.04 -2.866 c 0.023 -0.541 0.036 -1.084 0.18 -1.606 C 6.485 8.972 6.59 8.667 6.844 8.439 C 7.112 8.199 7.425 8.056 7.78 8.04 c 0.979 -0.05 1.955 -0.11 2.933 -0.119 c 1.317 -0.014 2.637 0.005 3.952 0.029 c 0.569 0.012 1.144 0.041 1.707 0.115 c 0.519 0.068 0.903 0.356 1.108 0.859 c 0.158 0.386 0.22 0.791 0.252 1.201 C 17.822 11.157 17.824 12.188 17.771 13.219 Z" /> <path d="M 10.81 13.482 c 1.041 -0.539 2.073 -1.076 3.124 -1.623 c -1.049 -0.549 -2.079 -1.085 -3.124 -1.632 C 10.81 11.318 10.81 12.391 10.81 13.482 Z" /> </g> </svg> </a> </div> </div> <div class="linkContent bottomRow"> <a class="linkBox linkBox1" href="https://www.scirra.com/tutorials/37/beginners-guide-to-construct-2"> <h3 class="linkBoxHeader">Beginner's guide</h3> <p class="linkBoxText">Learn how to create your first game with Construct!</p> </a> <a class="linkBox linkBox2" href="https://www.scirra.com/tutorials"> <h3 class="linkBoxHeader">Tutorials</h3> <p class="linkBoxText">Improve your Construct skills with helpful tutorials</p> </a> <a class="linkBox linkBox3" href="https://www.scirra.com/manual"> <h3 class="linkBoxHeader">Manual</h3> <p class="linkBoxText">A comprehensive reference of all features in Construct</p> </a> <a class="linkBox linkBox4" href="https://www.construct.net/make-games/showcase"> <h3 class="linkBoxHeader">Showcase</h3> <p class="linkBoxText">See a selection of what we think are some of the best projects made with Construct.</p> </a> <a class="linkBox linkBox5" href="https://www.scirra.com/arcade"> <h3 class="linkBoxHeader">Arcade</h3> <p class="linkBoxText">Play thousands of games all made in Construct on the Scirra Arcade!</p> </a> <a class="linkBox linkBox6" href="https://www.construct.net/community"> <h3 class="linkBoxHeader">Community</h3> <p class="linkBoxText">Get involved in the Construct community!</p> </a> </div> </div></ui-body></ui-pane></ui-body><ui-tabbar class="main-tabs" role="tablist" tabbed-top="" row1=""><div id="mainMenuWrap" style="display: flex;"><div title="Click to open the main menu." id="mainMenuButton" role="button">Menu</div><ui-toolbar-container horizontal="" wrap="" level="0"><ui-toolbar role="toolbar" horizontal="" wrap="" transparent=""><ui-toolbar-button title="Save project" style="width: 26px; height: 26px;" disable="" wrap=""><ui-icon style='background: url("blob:https://editor.construct.net/e3948798-a2ff-41c6-801d-3f8fca54d6e1") no-repeat -110px -66px; width: 20px; height: 20px;'></ui-icon></ui-toolbar-button><ui-toolbar-separator style="height: 26px;" horizontal="" wrap=""></ui-toolbar-separator><ui-toolbar-split-button style="height: 26px; --arrow-size: 10px; --arrow-color: #000000;" type="split" disable="" wrap=""><div title="Undo" primary=""><ui-icon style='background: url("blob:https://editor.construct.net/e3948798-a2ff-41c6-801d-3f8fca54d6e1") no-repeat -22px -88px; width: 20px; height: 20px;'></ui-icon></div><div title="View undo stack" secondary=""><div class="arrow"></div></div></ui-toolbar-split-button><ui-toolbar-split-button style="height: 26px; --arrow-size: 10px; --arrow-color: #000000;" type="split" disable="" wrap=""><div title="Redo" primary=""><ui-icon style='background: url("blob:https://editor.construct.net/e3948798-a2ff-41c6-801d-3f8fca54d6e1") no-repeat -44px -88px; width: 20px; height: 20px;'></ui-icon></div><div title="View redo stack" secondary=""><div class="arrow"></div></div></ui-toolbar-split-button><ui-toolbar-separator style="height: 26px;" horizontal="" wrap=""></ui-toolbar-separator><ui-toolbar-split-button style="height: 26px; --arrow-size: 10px; --arrow-color: #000000;" type="split" disable="" wrap=""><div title="Preview" primary=""><ui-icon style='background: url("blob:https://editor.construct.net/e3948798-a2ff-41c6-801d-3f8fca54d6e1") no-repeat -66px -88px; width: 20px; height: 20px;'></ui-icon></div><div title="Other preview options" secondary=""><div class="arrow"></div></div></ui-toolbar-split-button><ui-toolbar-button title="Debug" style="width: 26px; height: 26px;" disable="" wrap=""><ui-icon style='background: url("blob:https://editor.construct.net/e3948798-a2ff-41c6-801d-3f8fca54d6e1") no-repeat -88px -88px; width: 20px; height: 20px;'></ui-icon></ui-toolbar-button></ui-toolbar><ui-toolbar-layout-remaining-space wrap=""></ui-toolbar-layout-remaining-space></ui-toolbar-container></div><div title="User account" id="userAccountWrap"><span id="userLicenseType" mobile-hidden="">Free edition</span><span id="userAccountName">Guest</span><ui-icon class="userAccountIcon" style='background: url("blob:https://editor.construct.net/e3948798-a2ff-41c6-801d-3f8fca54d6e1") no-repeat 0px 0px; width: 20px; height: 20px;'></ui-icon></div><ui-tab role="tab" active="" closebutton=""><span>Start page</span><ui-close-button title="Close"></ui-close-button></ui-tab></ui-tabbar></ui-pane><ui-pane id="middle3" role="section" style="grid-template-rows: 205px 1fr;" col3="" vgrid="" dockright=""><ui-pane id="projectBar" role="section" captioned="" row1="" docktop=""><ui-caption><span class="pane-caption-text">Project</span><ui-close-button title="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 24 24" width="48" height="48"> <path d="M 19 6.41 L 17.59 5 L 12 10.59 L 6.41 5 L 5 6.41 L 10.59 12 L 5 17.59 L 6.41 19 L 12 13.41 L 17.59 19 L 19 17.59 L 13.41 12 Z" /> <path fill="none" d="M 0 0 h 24 v 24 H 0 Z" /> </svg></ui-close-button></ui-caption><ui-body row2=""><ui-tree tabindex="0" role="tree" itemselect="" wraplongitems=""></ui-tree></ui-body></ui-pane><ui-pane role="section" tabbed-bottom="" row2=""><ui-body row1=""><ui-pane id="layersBar" role="section" captioned=""><ui-caption><span class="pane-caption-text">Layers</span><ui-close-button title="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 24 24" width="48" height="48"> <path d="M 19 6.41 L 17.59 5 L 12 10.59 L 6.41 5 L 5 6.41 L 10.59 12 L 5 17.59 L 6.41 19 L 12 13.41 L 17.59 19 L 19 17.59 L 13.41 12 Z" /> <path fill="none" d="M 0 0 h 24 v 24 H 0 Z" /> </svg></ui-close-button></ui-caption><ui-body row2=""><ui-tree tabindex="0" role="tree" fullrowselect="" wraplongitems=""></ui-tree></ui-body></ui-pane></ui-body><ui-tabbar role="tablist" tabbed-bottom="" row2=""><ui-tab role="tab" active="" closebutton=""><span>Layers</span><ui-close-button title="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 24 24" width="48" height="48"> <path d="M 19 6.41 L 17.59 5 L 12 10.59 L 6.41 5 L 5 6.41 L 10.59 12 L 5 17.59 L 6.41 19 L 12 13.41 L 17.59 19 L 19 17.59 L 13.41 12 Z" /> <path fill="none" d="M 0 0 h 24 v 24 H 0 Z" /> </svg></ui-close-button></ui-tab><ui-tab role="tab" closebutton=""><span>Tilemap</span><ui-close-button title="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 24 24" width="48" height="48"> <path d="M 19 6.41 L 17.59 5 L 12 10.59 L 6.41 5 L 5 6.41 L 10.59 12 L 5 17.59 L 6.41 19 L 12 13.41 L 17.59 19 L 19 17.59 L 13.41 12 Z" /> <path fill="none" d="M 0 0 h 24 v 24 H 0 Z" /> </svg></ui-close-button></ui-tab></ui-tabbar></ui-pane></ui-pane></ui-pane><script id="jsbin-javascript"> | |
| var a = document.querySelector('#middle'); | |
| for (let b of a.children) { | |
| console.log(b.tagName) | |
| } | |
| </script> | |
| <script id="jsbin-source-javascript" type="text/javascript">var a = document.querySelector('#middle'); | |
| if (HTMLCollection.prototype[Symbol.iterator] === undefined) { | |
| HTMLCollection.prototype[Symbol.iterator] = function () { | |
| var i = 0; | |
| return { | |
| next: () => { | |
| return { done: i >= this.length, value: this.item(i++) }; | |
| } | |
| } | |
| }; | |
| }; | |
| var a = document.querySelector('#middle'); | |
| for (let b of a.children) { | |
| console.log(b.tagName) | |
| } | |
| </script></body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (HTMLCollection.prototype[Symbol.iterator] === undefined) { | |
| HTMLCollection.prototype[Symbol.iterator] = function () { | |
| var i = 0; | |
| return { | |
| next: () => { | |
| return { done: i >= this.length, value: this.item(i++) }; | |
| } | |
| } | |
| }; | |
| }; | |
| var a = document.querySelector('#middle'); | |
| for (let b of a.children) { | |
| console.log(b.tagName) | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment