gbXML Viewer 10.11/title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <script src = "https://cdn.rawgit.com/mrdoob/three.js/r89/build/three.min.js" ></script> <script src = "https://cdn.rawgit.com/mrdoob/three.js/r89/examples/js/controls/OrbitControls.js" ></script> <script src = "https://cdn.rawgit.com/showdownjs/showdown/1.8.6/dist/showdown.min.js" ></script> <script src = "../gv-cor/gv-cor.js" ></script> <script src = "../gv-thr/gv-thr.js" ></script> <script src = "../gv-gbv/gv-gbv.js" ></script>  <div id = "divMenu" > <div id = "divMenuHeader" title="There's a lot to move here. Be slow and gentle!" > click here to move </div> <div id = "divMenuContents" > <details open > <summary>Header</summary> <div> <a href="http://www.ladybug.tools/" target="_top" >Ladybug Tools</a> » <a href="http://www.ladybug.tools/spider/" target="_top" > 🕸</a> » <a href="../../../index.html#gbxml-viewer/README.md" target="_top" style=font-size:24px; >⌂</a> » </div> <h2> <a href="https://github.com/ladybug-tools/spider/tree/master/gbxml-viewer" target="_top" ><img src="https://pushme-pullyou.github.io/github-mark-64.png" height=18 title='Octocat' ></a> <a href="" ><script> document.write( document.title ); </script></a> </h2> <p><script> document.write( document.head.querySelector( '[name=description]' ).content )</script></p> <p id=dragArea class=dragDropArea > Drag and drop Three.js files into this box or <br> <input type = "file" id = "inpFile" onchange="GBX.openGbxmlFile(this);" > <p> <hr> </details> <details open > <summary>Toggle Features</summary> <button id=butSettings class=app-menu onclick= "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-set/gv-set.js'; " > settings</button> <button id=butReports class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-rep/gv-rep.js'; " > reports</button> <button id=butHeadsUp class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-hud/gv-hud.js';" > heads-up display</button> <button id=butEditor class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-edt/gv-edt.js';" > edit file </button> <button id=butCoordinates class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-crd/gv-crd.js';" > edit duplicate surfaces </button> <button id=butAdjacents class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-adj/gv-adj.js';" > edit duplicate adjacents </button> <hr> <details open> <summary>things to try</summary> <button id=butCameraFirstPerson class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-cam/gv-cam.js';" title='Click ? button for help. Work-in-progress: best to reload page after using' > first person camera</button> <button id=butAnalemma class=app-menu onclick=" const scriptSolCalc = document.head.appendChild( document.createElement( 'script' ) ); scriptSolCalc.src = 'https://rawgit.com/ladybug-tools/ladybug-web/gh-pages/solar-calculator-ladybug-web/solar-calculator-ladybug-web-r1.js'; const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-ana/gv-ana.js'; " title='Let a little Sunshine into you life' > sun-path / analemma</button>  <p>Sample files on GitHub to explore:</p> <button id=butGalleryGbxml class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-gal/gv-gal-gbxml.js';" > gbXML.org Sample Files </button> <button id=butGallerySampleFiles class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-gal/gv-gal-spider-gbxml-sample-files.js';" > Spider gbXML sample files </button> <button id=butGalleryBuildWell class=app-menu onclick = "const script = document.head.appendChild( document.createElement( 'script' ) ); script.src = '../gv-gal/gv-gal-spider-build-well.js';" > Spider Build Well </button> <hr> </details> </details> <div id = "divMenuItems" ></div> <details open > <summary>Footer</summary> <div title='many thanks!' ><a href=#../../../pages/credits.md >Credits</a></div> <div><a href=#../../../pages/code-of-conduct.md >Code of Conduct</a></div> <div><a href=#../../../pages/contributing.md >Contributing</a></div> <div><a href=#../../../pages/license.md >License</a></div> <div><a href=#../../../pages/markdown-help.md >Markdown Help</a></div> <div><a href="JavaScript:( function(){ var script=document.createElement('script');script.onload=function(){var stats=new Stats();document.body.appendChild(stats.dom);requestAnimationFrame(function loop(){stats.update();requestAnimationFrame(loop)});};script.src='https://rawgit.com/mrdoob/stats.js/master/build/stats.min.js';document.head.appendChild(script);})()" title="Mr.doob's Stats.js appear in top left corner" >Show frames/second statistics</a></div> <div><a href="https://api.github.com/rate_limit" target="_blank">github rate limits</a></div> <h2 onclick=divMenu.scrollTop=0; style=cursor:pointer;text-align:center; title='go to top and, btw, my web is better than your web' > 🕸 </h2> </details> </div> </div> <div id = "divHamburger" onclick=APP.toggleNav(); > slide ☰ </div> <div id = "divMenuInWorld" > <div id = "divTitle" ></div> <p > <button onclick=THR.controls.autoRotate=!THR.controls.autoRotate; >rotation</button> <button onclick=GBX.surfaceMeshes.visible=!GBX.surfaceMeshes.visible; >surfaces</button> <button onclick=GBX.surfaceEdges.visible=!GBX.surfaceEdges.visible; >edges</button> <button onclick=GBX.setAllVisible();GBV.zoomObjectBoundingSphere(GBX.surfaceMeshes); >reset view</button> </p> <div id=divLog ></div> </div> <div id = "divContainer" > <div id = "divContentsHeader" > Click here to move <button ontouchstart=divContainer.style.display="none"; onclick=divContainer.style.display="none"; style=float:right;z-index:200; >✖</button> </div> <div id = "divContents" ></div> </div> <script> var APP = {}; COR.initCore(); THR.initThreeGbxml(); THR.animate(); COR.onHashChange(); // loads splash screen and gets things rolling function onloadThreejs() { APP.resetMenu(); } APP.resetMenu = function () { menuButtons = document.querySelectorAll( "button.app-menu" ); menuButtons.forEach( element => element.style.backgroundColor ='' ); menuDetails = document.querySelectorAll( "details.app-menu" ); menuDetails.forEach( element => element.remove() ); if ( window.divHeadsUp ){ divHeadsUp.style.display="none"; } } APP.toggleNav = function() { const left = 'calc( var( --mnu-width ) - 100px )'; divContainer.style.display="none"; if ( divHamburger.style.left === '' || divHamburger.style.left === left ) { divMenu.style.left = 'calc( -1 * var( --mnu-width ) - 20px )'; divHamburger.style.left = '-100px'; } else { divMenu.style.left = 0; divHamburger.style.left = left; } } </script> </body> </html>