This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong. ===== Introduction to topaz ===== This tutorial tries to give the user a first idea about the features of the ''%%topaz%%'' application of ''%%polymake%%''. We take a look at a variety of small examples. First, we have to make ''%%topaz%%'' the current application. For this you can either start ''%%polymake%%'' with the option ''%%-A topaz%%'', <code> polymake -A topaz </code> or, if you've already started ''%%polymake%%'', type <code perl> > application 'topaz'; </code> in the ''%%polymake%%'' shell. ==== Simplicial complexes ==== The most important object of the ''%%topaz%%'' application is the simplicial complex. There are several ways of obtaining one. === From faces === For example, you can specify some faces of the complex. You can pass them as an ''%%Array< Set<Int> >%%'', or ''%%Array< Array<Int> >%%'': <code perl> > # $s = new SimplicialComplex(INPUT_FACES=>[new Set(0), new Set(0,1), new Set(1,2,3)]); > $s = new SimplicialComplex(INPUT_FACES=>[[0],[0,1],[1,2,3]]); </code> As you can see, redundancies are allowed -- ''%%[0]%%'' is not a facet of the complex, and thus not necessary for encoding ''%%$s%%''. You can compute the inclusion maximal faces like this: <code perl> > print $s->FACETS; {0 1} {1 2 3} </code> You can also pass the ''%%FACETS%%'' to the constructor, but be aware that in that case the vertices must be numbered increasingly starting with ''%%0%%'' and redundancies are prohibited. Take a look at your complex using <code perl> > $s->VISUAL; </code> <HTML> <div class="threejs_output"><!-- polymake for knusper Mon May 11 13:37:00 2020 s --> <html> <head> <title>s</title> <style> /* // COMMON_CODE_BLOCK_BEGIN */ html{overflow: scroll;} .threejs_output { font-family: Arial, Helvetica, sans-serif} strong{font-size: 18px;} canvas { z-index: 8; } input[type='range'] {} input[type='radio'] {margin-left:0;} input[type='checkbox'] {margin-right:7px; margin-left: 0px; padding-left:0px;} .group{padding-bottom: 40px;} .settings * {z-index: 11; } .settings{z-index: 10; margin-left: 30px; display: none; width: 14em; height: 90%; border: solid 1px silver; padding: 2px; overflow-y: scroll; background-color: white } .indented{margin-left: 20px; margin-top: 15px; padding-bottom: 0px;} .shownObjectsList{overflow: auto; max-width: 150px; max-height: 150px;} .showSettingsButton{display: block; z-index: 12; position: absolute } .hideSettingsButton{display: none; z-index: 12; position: absolute; opacity: 0.5} .resetButton{margin-top: 20px;} button{margin-left: 0;} img{cursor: pointer;} .suboption{padding-top: 30px;} .transparency{display: none;} .labelsCheckbox{margin-top: 10px;} input[type=range] { -webkit-appearance: none; padding:0; width:90%; margin-left: auto; margin-right: auto; margin-top: 20px; display: block; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E3E3E3; border-radius: 0px; border: 0px solid #000000; } input[type=range]::-webkit-slider-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; -webkit-appearance: none; margin-top: -5px; } input[type=range]:focus::-webkit-slider-runnable-track { background: #E3E3E3; } input[type=range]::-moz-range-track { height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E3E3E3; border-radius: 0px; border: 0px solid #000000; } input[type=range]::-moz-range-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; } input[type=range]::-ms-track { height: 4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: #E3E3E3; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000; } input[type=range]::-ms-fill-upper { background: #E3E3E3; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000; } input[type=range]::-ms-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #E3E3E3; } input[type=range]:focus::-ms-fill-upper { background: #E3E3E3; } /* // COMMON_CODE_BLOCK_END */ </style> </head> <body> <div id='settings_0' class='settings'> <div class=group id='explode_0'> <strong>Explode</strong> <input id='explodeRange_0' type='range' min=0 max=6 step=0.01 value=0> <div class=indented><input id='explodeCheckbox_0' type='checkbox'>Automatic explosion</div> <div class=suboption>Exploding speed</div> <input id='explodingSpeedRange_0' type='range' min=0 max=0.5 step=0.001 value=0.05> </div> <div class=group id='transparency_0' class='transparency'> <strong>Transparency</strong> <input id='transparencyRange_0' type='range' min=0 max=1 step=0.01 value=0> </div> <div class=group id='rotation_0'> <strong>Rotation</strong> <div class=indented> <div><input type='checkbox' id='changeRotationX_0'> x-axis</div> <div><input type='checkbox' id='changeRotationY_0'> y-axis</div> <div><input type='checkbox' id='changeRotationZ_0'> z-axis</div> <button id='resetButton_0' class='resetButton' >Reset</button> </div> <div class=suboption>Rotation speed</div> <input id='rotationSpeedRange_0' type='range' min=0 max=5 step=0.01 value=2> </div> <div class=group id='display_0'> <strong>Display</strong> <div class=indented> <div id='shownObjectsList_0' class='shownObjectsList'></div> <div class='labelsCheckbox'><input type='checkbox' id='labelsCheckboxInput_0' checked>Labels</div> </div> </div> <div class=group id='svg_0'> <strong>SVG</strong> <div class=indented> <form> <input type="radio" name='screenshotMode' value='download' id='download_0' checked> Download<br> <input type="radio" name='screenshotMode' value='tab' id='tab_0' > New tab<br> </form> <button id='takeScreenshot_0'>Screenshot</button> </div> </div> </div> <!-- end of settings --> <img id='hideSettingsButton_0' style="display: none" class='hideSettingsButton' src='/kernelspecs/polymake/close.svg' width=20px"> <img id='showSettingsButton_0' class='showSettingsButton' src='/kernelspecs/polymake/menu.svg' width=20px"> <div id="model4291913153"></div> <script> requirejs.config({ paths: { three: '/kernelspecs/polymake/three', Detector: '/kernelspecs/polymake/Detector', SVGRenderer: '/kernelspecs/polymake/SVGRenderer', CanvasRenderer: '/kernelspecs/polymake/CanvasRenderer', Projector: '/kernelspecs/polymake/Projector', TrackballControls: '/kernelspecs/polymake/TrackballControls' }, shim: { 'three': { exports: 'THREE' }, 'Detector': { deps: [ 'three' ], exports: 'Detector' }, 'SVGRenderer': { deps: [ 'three' ], exports: 'THREE.SVGRenderer' }, 'CanvasRenderer': { deps: [ 'three' ], exports: 'THREE.CanvasRenderer' }, 'Projector': { deps: [ 'three' ], exports: 'THREE.Projector' }, 'TrackballControls': { deps: [ 'three' ], exports: 'THREE.TrackballControls' } } }); require(['three'],function(THREE){ window.THREE = THREE; require(['Detector','SVGRenderer','CanvasRenderer','Projector','TrackballControls'],function(Detector,SVGRenderer,CanvasRenderer,Projector,TrackballControls){ THREE.SVGRenderer = SVGRenderer; THREE.CanvasRenderer = CanvasRenderer; THREE.Projector = Projector; THREE.TrackballControls = TrackballControls; // COMMON_CODE_BLOCK_BEGIN var foldable = false; var container = document.getElementById( 'model4291913153' ); var renderer = Detector.webgl? new THREE.WebGLRenderer({antialias: true}): new THREE.CanvasRenderer({antialias: true}); var svgRenderer = new THREE.SVGRenderer({antialias: true}); var box = document.getElementsByClassName( 'threejs_output' )[0]; var width = box.clientWidth; var height = box.clientHeight; renderer.setSize(width, height); svgRenderer.setSize(width, height); renderer.setClearColor(0xFFFFFF, 1); svgRenderer.setClearColor(0xFFFFFF, 1); container.appendChild(renderer.domElement); var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, width/height, 0.1, 1000); var renderid; camera.position.set(0, 0, 5); camera.lookAt(0, 0, 0); camera.up.set(0, 1, 0); // class to allow move points together with labels and spheres var PMPoint = function (x,y,z) { this.vector = new THREE.Vector3(x,y,z); this.sprite = null; this.sphere = null; } PMPoint.prototype.makelabel = function(label) { this.sprite = textSprite( label ); this.sprite.position.copy(this.vector); } PMPoint.prototype.makesphere = function(radius,material) { this.sphere = new THREE.Mesh(new THREE.SphereGeometry(radius), material); this.sphere.position.copy(this.vector); } PMPoint.prototype.setX = function(x) { this.vector.setX(x); if (this.sprite) { this.sprite.position.setX(x); } if (this.sphere) { this.sphere.position.setX(x); } }; PMPoint.prototype.setY = function(y) { this.vector.setY(y); if (this.sprite) { this.sprite.position.setY(y); } if (this.sphere) { this.sphere.position.setY(y); } }; PMPoint.prototype.setZ = function(z) { this.vector.setZ(z); if (this.sprite) { this.sprite.position.setZ(z); } if (this.sphere) { this.sphere.position.setZ(z); } }; PMPoint.prototype.set = function(x,y,z) { this.vector.set(x,y,z); if (this.sprite) { this.sprite.position.set(x,y,z); } if (this.sphere) { this.sphere.position.set(x,y,z); } }; PMPoint.prototype.add = function(o) { if (this.sprite) { o.add(this.sprite); } if (this.sphere) { o.add(this.sphere); } }; var controls = new THREE.TrackballControls(camera, container); controls.zoomSpeed = 0.2; controls.rotateSpeed = 4; var all_objects = []; var centroids = []; // select the target node var target = document.querySelector('#model4291913153'); // create an observer instance var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.removedNodes && mutation.removedNodes.length > 0) { cancelAnimationFrame(renderId); observer.disconnect(); console.log("cancelled frame "+renderId); } }); }); // configuration of the observer: var config = { childList: true, characterData: true } // pass in the target node, as well as the observer options while (target) { if (target.className=="output") { observer.observe(target, config); break; } target = target.parentNode; } // COMMON_CODE_BLOCK_END var objectnames = ["GRAPH of s","0 1","1 2 3"]; var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(1.53504, -1.28641, 1.53262)); allpoints.push(new PMPoint(0.141059, -0.118163, 0.140834)); allpoints.push(new PMPoint(-0.664014, 1.08678, -0.688528)); allpoints.push(new PMPoint(-1.01209, 0.317792, -0.984927)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0x000000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("0"); allpoints[1].makelabel("1"); allpoints[2].makelabel("2"); allpoints[3].makelabel("3"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(1.53504, -1.28641, 1.53262)); allpoints.push(new PMPoint(0.141059, -0.118163, 0.140834)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[0].makelabel("0"); allpoints[1].makelabel("1"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.141059, -0.118163, 0.140834)); allpoints.push(new PMPoint(-0.664014, 1.08678, -0.688528)); allpoints.push(new PMPoint(-1.01209, 0.317792, -0.984927)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[0].makelabel("1"); allpoints[1].makelabel("2"); allpoints[2].makelabel("3"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); // COMMON_CODE_BLOCK_BEGIN var xRotationEnabled = false; var yRotationEnabled = false; var zRotationEnabled = false; var rotationSpeedFactor = 1; var settingsShown = false; var labelsShown = true; var intervals = []; var timeouts = []; var explodingSpeed = 0.05; var explodeScale = 0; var XMLS = new XMLSerializer(); var svgElement; var renderId; var render = function () { renderId = requestAnimationFrame(render); // comment in for automatic explosion // explode(updateFactor()); var phi = 0.02 * rotationSpeedFactor; if (xRotationEnabled){ scene.rotation.x += phi; } if(yRotationEnabled){ scene.rotation.y += phi; } if(zRotationEnabled){ scene.rotation.z += phi; } controls.update(); renderer.render(scene, camera); }; render(); function computeCentroid(geom) { centroid = new THREE.Vector3(); geom.vertices.forEach(function(v) { centroid.add(v); }); centroid.divideScalar(geom.vertices.length); return centroid; } function changeTransparency(event){ var opacity = 1-Number(event.currentTarget.value); for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ if (all_objects[i].children[j].material.type == "MultiMaterial") { for (var k=0; k<all_objects[i].children[j].material.materials.length; k++){ all_objects[i].children[j].material.materials[k].opacity = opacity; all_objects[i].children[j].material.materials[k].depthWrite = opacity < 0.5 ? false : true; all_objects[i].children[j].material.materials[k].depthTest = opacity < 0.5 ? false : true; } } else if (all_objects[i].children[j].material.transparent && all_objects[i].children[j].material.type == "MeshBasicMaterial" && all_objects[i].children[j].geometry.type == "Geometry"){ all_objects[i].children[j].material.opacity = opacity; all_objects[i].children[j].material.depthWrite = opacity < 0.5 ? false : true; all_objects[i].children[j].material.depthTest = opacity < 0.5 ? false : true; } } } } function changeRotationX(event){ xRotationEnabled = event.currentTarget.checked; } function changeRotationY(event){ yRotationEnabled = event.currentTarget.checked; } function changeRotationZ(event){ zRotationEnabled = event.currentTarget.checked; } function changeRotationSpeedFactor(event){ rotationSpeedFactor = Number(event.currentTarget.value); } function resetScene(){ scene.rotation.set(0,0,0); camera.position.set(0,0,5); camera.up.set(0,1,0); } function showSettings(event){ event.currentTarget.style.display = 'none'; document.getElementById('settings_0').style.position = 'absolute'; document.getElementById('settings_0').style.display = 'block'; document.getElementById('showSettingsButton_0').style.display = 'none'; document.getElementById('hideSettingsButton_0').style.display = 'block'; settingsShown = true; } function hideSettings(event){ event.currentTarget.style.display = 'none'; document.getElementById('settings_0').style.display = 'none'; document.getElementById('hideSettingsButton_0').style.display = 'none'; document.getElementById('showSettingsButton_0').style.display = 'block'; settingsShown = false; } var pos = 150* Math.PI; function updateFactor() { pos++; return Math.sin(.01*pos)+1; } function makelabel(message, x, y, z, params) { var spritey = textSprite( message, params ); spritey.position.set(x, y, z); obj.add(spritey); } function textSprite(message, parameters) { if ( parameters === undefined ) parameters = {}; var fontface = "Helvetica"; var fontsize = parameters.hasOwnProperty("fontsize") ? parameters["fontsize"] : 18; fontsize = fontsize*10; var canvas = document.createElement('canvas'); var size = 1024; canvas.width = size; canvas.height = size; var context = canvas.getContext('2d'); context.font = fontsize + "px " + fontface; // text color context.fillStyle = "rgba(0, 0, 0, 1.0)"; context.fillText(message, size/2, size/2); // canvas contents will be used for a texture var texture = new THREE.Texture(canvas); texture.needsUpdate = true; var spriteMaterial = new THREE.SpriteMaterial( {map: texture, useScreenCoordinates: false}); var sprite = new THREE.Sprite(spriteMaterial); return sprite; } function takeSvgScreenshot(){ if (labelsShown){ hideLabels(); } svgRenderer.render(scene,camera); svgElement = XMLS.serializeToString(svgRenderer.domElement); if (labelsShown){ displayLabels(); } if (document.getElementById('tab_0').checked){ //show in new tab var myWindow = window.open("",""); myWindow.document.body.innerHTML = svgElement; } else{ // download svg file download("screenshot.svg", svgElement); } } function showOrHideObject(event){ var nr = Number(event.currentTarget.name); all_objects[nr].visible = event.currentTarget.checked; } function displayOrHideOptionsRecursive( obj ) { for (var j=0; j<obj.children.length; j++) { var child = obj.children[j]; if (child.material===undefined && child) { displayOrHideOptionsRecursive( child ); } else { if (child.material.type == "MultiMaterial") { for (var k=0; k<child.material.materials.length; k++) { if (child.material.materials[k].transparent) { document.getElementById('transparency_0').style.display = 'block'; document.getElementById('transparencyRange_0').value = 1 - child.material.materials[k].opacity; return; } } } else if ( child.material.transparent && child.material.type == "MeshBasicMaterial" && child.geometry.type == "Geometry"){ document.getElementById('transparency_0').style.display = 'block'; return; } } } } function displayOrHideOptions() { for (var i=0; i<all_objects.length; i++) { var obj = all_objects[i]; displayOrHideOptionsRecursive( obj ); } } displayOrHideOptions() // ---------------------- EXPLOSION ------------------------------------------------ // --------------------------------------------------------------------------------- function explode(factor) { var obj, c; var c0 = centroids[0]; for (var i = 0; i<centroids.length; ++i) { c = centroids[i]; obj = all_objects[all_objects.length - centroids.length + i]; obj.position.set(c.x*factor, c.y*factor, c.z*factor); } } function triggerExplode(event){ explodeScale = Number(event.currentTarget.value); explode(explodeScale); } function setExplodingSpeed(event){ explodingSpeed = Number(event.currentTarget.value); } function triggerAutomaticExplode(event){ if (event.currentTarget.checked){ startExploding(); } else { clearIntervals(); } } function startExploding(){ intervals.push(setInterval(explodingInterval, 25)); } function explodingInterval(){ explodeScale += explodingSpeed; if (explodeScale <= 6){ explode(explodeScale); } else{ explode(6); explodeScale = 6; clearIntervals(); timeouts.push(setTimeout(startUnexploding, 3000)); } document.getElementById('explodeRange_0').value = explodeScale; } function startUnexploding(){ intervals.push(setInterval(unexplodingInterval, 25)); } function unexplodingInterval(){ explodeScale -= explodingSpeed; if (explodeScale >= 0){ explode(explodeScale); } else { explode(0); explodeScale = 0; clearIntervals(); timeouts.push(setTimeout(startExploding, 3000)); } document.getElementById('explodeRange_0').value = explodeScale; } function clearIntervals(){ intervals.forEach(function(interval){ clearInterval(interval); }); intervals = []; timeouts.forEach(function(timeout){ clearTimeout(timeout); }); timeouts = []; } // append checkboxes for displaying or hiding objects var shownObjectsList = document.getElementById('shownObjectsList_0'); for (var i=0; i<all_objects.length; i++){ var objNode = document.createElement('span'); objNode.innerHTML = objectnames[i] + '<br>'; var checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.checked = true; checkbox.name = String(i); checkbox.onchange = showOrHideObject; shownObjectsList.appendChild(checkbox); shownObjectsList.appendChild(objNode); } function displayLabels(){ for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ var child = all_objects[i].children[j]; if (child.type == 'Sprite'){ child.visible = true; } } } } function hideLabels(){ for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ var child = all_objects[i].children[j]; if (child.type == 'Sprite'){ child.visible = false; } } } } function displayOrHideLabels(event){ if (event.currentTarget.checked){ displayLabels(); labelsShown = true; } else { hideLabels(); labelsShown = false; } } function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } var tempobj; tempobj = document.getElementById('explodeRange_0'); if (tempobj) { tempobj.oninput = triggerExplode; document.getElementById('explodeCheckbox_0').onchange = triggerAutomaticExplode; document.getElementById('explodingSpeedRange_0').oninput = setExplodingSpeed; } tempobj = document.getElementById('foldRange_0'); if (tempobj) { tempobj.oninput = fold; } document.getElementById('transparencyRange_0').oninput = changeTransparency; document.getElementById('changeRotationX_0').onchange = changeRotationX; document.getElementById('changeRotationY_0').onchange = changeRotationY; document.getElementById('changeRotationZ_0').onchange = changeRotationZ; document.getElementById('resetButton_0').onclick = resetScene; document.getElementById('rotationSpeedRange_0').oninput = changeRotationSpeedFactor; document.getElementById('labelsCheckboxInput_0').onchange = displayOrHideLabels; document.getElementById('takeScreenshot_0').onclick = takeSvgScreenshot; document.getElementById('showSettingsButton_0').onclick = showSettings; document.getElementById('hideSettingsButton_0').onclick = hideSettings; // ------------------ SHORTCUTS -------------------------------------------- // ------------------------------------------------------------------------- /** * http://www.openjs.com/scripts/events/keyboard_shortcuts/ * Version : 2.01.B * By Binny V A * License : BSD */ shortcut = { 'all_shortcuts':{},//All the shortcuts are stored in this array 'add': function(shortcut_combination,callback,opt) { //Provide a set of default options var default_options = { 'type':'keydown', 'propagate':false, 'disable_in_input':false, 'target':document, 'keycode':false } if(!opt) opt = default_options; else { for(var dfo in default_options) { if(typeof opt[dfo] == 'undefined') opt[dfo] = default_options[dfo]; } } var ele = opt.target; if(typeof opt.target == 'string') ele = document.getElementById(opt.target); var ths = this; shortcut_combination = shortcut_combination.toLowerCase(); //The function to be called at keypress var func = function(e) { e = e || window.event; if(opt['disable_in_input']) { //Don't enable shortcut keys in Input, Textarea fields var element; if(e.target) element=e.target; else if(e.srcElement) element=e.srcElement; if(element.nodeType==3) element=element.parentNode; if(element.tagName == 'INPUT' || element.tagName == 'TEXTAREA') return; } //Find Which key is pressed if (e.keyCode) code = e.keyCode; else if (e.which) code = e.which; var character = String.fromCharCode(code).toLowerCase(); if(code == 188) character=","; //If the user presses , when the type is onkeydown if(code == 190) character="."; //If the user presses , when the type is onkeydown var keys = shortcut_combination.split("+"); //Key Pressed - counts the number of valid keypresses - if it is same as the number of keys, the shortcut function is invoked var kp = 0; //Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken var shift_nums = { "`":"~", "1":"!", "2":"@", "3":"#", "4":"$", "5":"%", "6":"^", "7":"&", "8":"*", "9":"(", "0":")", "-":"_", "=":"+", ";":":", "'":"\"", ",":"<", ".":">", "/":"?", "\\":"|" } //Special Keys - and their codes var special_keys = { 'esc':27, 'escape':27, 'tab':9, 'space':32, 'return':13, 'enter':13, 'backspace':8, 'scrolllock':145, 'scroll_lock':145, 'scroll':145, 'capslock':20, 'caps_lock':20, 'caps':20, 'numlock':144, 'num_lock':144, 'num':144, 'pause':19, 'break':19, 'insert':45, 'home':36, 'delete':46, 'end':35, 'pageup':33, 'page_up':33, 'pu':33, 'pagedown':34, 'page_down':34, 'pd':34, 'left':37, 'up':38, 'right':39, 'down':40, 'f1':112, 'f2':113, 'f3':114, 'f4':115, 'f5':116, 'f6':117, 'f7':118, 'f8':119, 'f9':120, 'f10':121, 'f11':122, 'f12':123 } var modifiers = { shift: { wanted:false, pressed:false}, ctrl : { wanted:false, pressed:false}, alt : { wanted:false, pressed:false}, meta : { wanted:false, pressed:false} //Meta is Mac specific }; if(e.ctrlKey) modifiers.ctrl.pressed = true; if(e.shiftKey) modifiers.shift.pressed = true; if(e.altKey) modifiers.alt.pressed = true; if(e.metaKey) modifiers.meta.pressed = true; for(var i=0; k=keys[i],i<keys.length; i++) { //Modifiers if(k == 'ctrl' || k == 'control') { kp++; modifiers.ctrl.wanted = true; } else if(k == 'shift') { kp++; modifiers.shift.wanted = true; } else if(k == 'alt') { kp++; modifiers.alt.wanted = true; } else if(k == 'meta') { kp++; modifiers.meta.wanted = true; } else if(k.length > 1) { //If it is a special key if(special_keys[k] == code) kp++; } else if(opt['keycode']) { if(opt['keycode'] == code) kp++; } else { //The special keys did not match if(character == k) kp++; else { if(shift_nums[character] && e.shiftKey) { //Stupid Shift key bug created by using lowercase character = shift_nums[character]; if(character == k) kp++; } } } } if(kp == keys.length && modifiers.ctrl.pressed == modifiers.ctrl.wanted && modifiers.shift.pressed == modifiers.shift.wanted && modifiers.alt.pressed == modifiers.alt.wanted && modifiers.meta.pressed == modifiers.meta.wanted) { callback(e); if(!opt['propagate']) { //Stop the event //e.cancelBubble is supported by IE - this will kill the bubbling process. e.cancelBubble = true; e.returnValue = false; //e.stopPropagation works in Firefox. if (e.stopPropagation) { e.stopPropagation(); e.preventDefault(); } return false; } } } this.all_shortcuts[shortcut_combination] = { 'callback':func, 'target':ele, 'event': opt['type'] }; //Attach the function with the event if(ele.addEventListener) ele.addEventListener(opt['type'], func, false); else if(ele.attachEvent) ele.attachEvent('on'+opt['type'], func); else ele['on'+opt['type']] = func; }, //Remove the shortcut - just specify the shortcut and I will remove the binding 'remove':function(shortcut_combination) { shortcut_combination = shortcut_combination.toLowerCase(); var binding = this.all_shortcuts[shortcut_combination]; delete(this.all_shortcuts[shortcut_combination]) if(!binding) return; var type = binding['event']; var ele = binding['target']; var callback = binding['callback']; if(ele.detachEvent) ele.detachEvent('on'+type, callback); else if(ele.removeEventListener) ele.removeEventListener(type, callback, false); else ele['on'+type] = false; } } shortcut.add("Alt+Left",function() { var event = new Event('click'); if (settingsShown){ document.getElementById('hideSettingsButton_0').dispatchEvent(event); } else{ document.getElementById('showSettingsButton_0').dispatchEvent(event); } }); if (foldable) moveToBaryCenter(); });}); // COMMON_CODE_BLOCK_END </script> </body> </html> </div> </HTML> For more information on visualizing simplicial complex, see the section below. ''%%polymake%%'' can compute the Hasse diagram of a simplicial complex (watch out, this gets really large for large complexes!). To print all the faces of the complex together with their rank in the face lattice, do this: <code perl> > print $s->HASSE_DIAGRAM->DECORATION; ({-1} 4) ({0 1} 2) ({1 2 3} 3) ({0} 1) ({1} 1) ({1 2} 2) ({1 3} 2) ({2 3} 2) ({} 0) ({2} 1) ({3} 1) </code> The first entry of each pair denotes the face, the second is the rank. The ''%%{-1}%%''-node is a dummy representing the whole complex. the ''%%{}%%''-node is the empty face. If you want to look at a pretty graph representation, try the visualization: <code perl> > $s->VISUAL_FACE_LATTICE; </code> {{ tutorials:release:4.1:apps_topaz:output_0.svg }} === Using clients === There are several clients that construct common simplicial complexes (for a comprehensive list, see the [[documentation:latest:topaz|topaz documentation]]). An example is the torus client: <code perl> > $t = torus(); </code> Of course, ''%%polymake%%'' can compute the reduced integer homology groups of a simplicial complex, so we can convice ourselves this is a torus: <code perl> > print $t->MANIFOLD; true > print $t->HOMOLOGY; ({} 0) ({} 2) ({} 1) </code> The ''%%i%%''-th line represents the $i$-th homology module. The curly braces contain torsion coefficients with multiplicity, the second pair entry denotes the Betti number. The empty curly braces indicate that ''%%$t%%'' is torsion-free. You can see a non-empty torsion group here (using the ''%%rows_numbered%%'' client for a pretty print with the corresponding dimensions): <code perl> > print rows_numbered( real_projective_plane()->HOMOLOGY ); 0:{} 0 1:{(2 1)} 0 2:{} 0 </code> As expected, the first homology group has torsion coefficient ''%%2%%'' with multiplicity ''%%1%%'' and all Betti numbers are zero. === As boundary complex === If your complex is a pseudo-manifold, you can obtain a new complex from its boundary. For example, this produces a triangulation of the $2$-sphere: <code perl> > $bs = simplex(3)->BOUNDARY; > print $bs->SPHERE; true </code> === Triangulating polytopes === The triangulation of a polytope is a simplicial complex, too. The ''%%TRIANGULATION%%'' gets stored in a property of the polytope. We use the ''%%cube%%'' client from the ''%%polytope%%'' application to demonstrate: <code perl> > $c = polytope::cube(3); > $tc = $c->TRIANGULATION; > print $tc->FACETS; {0 1 2 4} {1 2 3 4} {1 3 4 5} {2 3 4 6} {3 4 5 6} {3 5 6 7} </code> ==== Geometric realizations ==== The ''%%topaz%%'' application is primarily designed to deal with abstract simplicial complexes that do not come with coordinates for an embedding in euclidean space. There is a special object subtype named ''%%GeometricSimplicialComplex%%'' that has extra properties for dealing with coodinates. You can pass the coordinates to the constructor. Take care to choose an embedding without crossings! <code perl> > $s = new GeometricSimplicialComplex(INPUT_FACES=>[[0],[0,1],[1,2,3]], COORDINATES=>[[1,0],[1,1],[0,2],[2,2]]); </code> Some clients produce complexes with geometric realization... <code perl> > $b = ball(3); > # print a dense representation of the sparse matrix > print dense( $b->COORDINATES ); 0 0 0 1 0 0 0 1 0 0 0 1 </code> ...some others provide the option ''%%geometric_realization%%'' so you can decide whether to invest the extra computing time. <code perl> > $bs = barycentric_subdivision($b,geometric_realization=>1); </code> Again, see the [[documentation:latest:topaz|topaz documentation]] for a comprehensive list. ==== Visualization ==== Visualization of simplicial complexes uses the ''%%VISUAL%%'' property. Check out <code perl> > help 'objects/SimplicialComplex/methods/Visualization/VISUAL'; VISUAL(Options) -> Visual::SimplicialComplex Visualizes the complex. If [4mG_DIM[24m < 4, the [4mGRAPH[24m and the facets are visualized using the [4mCOORDINATES[24m. Otherwise, the spring embedder and the [4mGRAPH[24m are used to produce coordinates for the visualization. If [4mJavaView[24m is used to visualize the complex, all faces of one facet build a geometry in the jvx-file, so you may use [4mMethod -> Effect -> Explode Group of Geometries[24m in the JavaView menu. Options: [4mmixed_graph[24m => Bool use the [4mMIXED_GRAPH[24m for the spring embedder [4mseed[24m => Int random seed value for the string embedder Options: Attributes modifying the appearance of filled polygons. [4mFacetColor[24m => Color filling color of the polygon [4mFacetTransparency[24m => Float transparency factor of the polygon between 0 (opaque) and 1 (completely translucent) [4mFacetStyle[24m => String if set to "hidden", the inner area of the polygon is not rendered [4mEdgeColor[24m => Color color of the boundary lines [4mEdgeThickness[24m => Float scaling factor for the thickness of the boundary lines [4mEdgeStyle[24m => String if set to "hidden", the boundary lines are not rendered [4mTitle[24m => String the name of the drawing [4mName[24m => String the name of this visual object in the drawing [4mHidden[24m => Bool if set to true, the visual object is not rendered (useful for interactive visualization programs allowing for switching details on and off) [4mPointLabels[24m => String if set to "hidden", no point labels are displayed [4mVertexLabels[24m => String alias for PointLabels [4mPointColor[24m => Flexible<Color> color of the spheres or rectangles representing the points [4mVertexColor[24m => Flexible<Color> alias for PointColor [4mPointThickness[24m => Flexible<Float> scaling factor for the size of the spheres or rectangles representing the points [4mVertexThickness[24m => Flexible<Float> alias for PointThickness [4mPointBorderColor[24m => Flexible<Color> color of the border line of rectangles representing the points [4mVertexBorderColor[24m => Flexible<Float> alias for PointBorderColor [4mPointBorderThickness[24m => Flexible<Float> scaling factor for the thickness of the border line of rectangles representing the points [4mVertexBorderThickness[24m => Flexible<Float> alias for PointBorderThickness [4mPointStyle[24m => Flexible<String> if set to "hidden", neither point nor its label is rendered [4mVertexStyle[24m => Flexible<String> alias for PointStyle [4mViewPoint[24m => Vector<Float> ViewPoint for Sketch visualization [4mViewDirection[24m => Vector<Float> ViewDirection for Sketch visualization [4mViewUp[24m => Vector<Float> ViewUp for Sketch visualization [4mScale[24m => Float scale for Sketch visualization [4mLabelAlignment[24m => Flexible<String> Defines the alignment of the vertex labels: left, right or center Options: Attributes modifying the appearance of graphs [4mCoord[24m => Matrix<Float> 2-d or 3-d coordinates of the nodes. If not specified, a random embedding is generated using a pseudo-physical spring model [4mNodeColor[24m => Flexible<RGB> alias for PointColor [4mNodeThickness[24m => Flexible<Float> alias for PointThickness [4mNodeBorderColor[24m => Flexible<RGB> alias for PointBorderColor [4mNodeBorderThickness[24m => Flexible<Float> alias for PointBorderThickness [4mNodeStyle[24m => Flexible<String> alias for PointStyle [4mNodeLabels[24m => String alias for PointLabels [4mArrowStyle[24m => Flexible<Int> How to draw directed edges: 0 (like undirected), 1 (with an arrow pointing towards the edge), or -1 (with an arrow pointing against the edge). Default is 1 for directed graphs and lattices. [4mEdgeColor[24m => Flexible<Color> color of the lines representing the edges [4mEdgeThickness[24m => Flexible<Float> scaling factor for the thickness of the lines representing the edges [4mEdgeLabels[24m => EdgeMap<String> textual labels to be placed along the edges [4mEdgeStyle[24m => Flexible<String> if set to "hidden", neither the edge nor its label is rendered [4mTitle[24m => String the name of the drawing [4mName[24m => String the name of this visual object in the drawing [4mHidden[24m => Bool if set to true, the visual object is not rendered (useful for interactive visualization programs allowing for switching details on and off) [4mPointLabels[24m => String if set to "hidden", no point labels are displayed [4mVertexLabels[24m => String alias for PointLabels [4mPointColor[24m => Flexible<Color> color of the spheres or rectangles representing the points [4mVertexColor[24m => Flexible<Color> alias for PointColor [4mPointThickness[24m => Flexible<Float> scaling factor for the size of the spheres or rectangles representing the points [4mVertexThickness[24m => Flexible<Float> alias for PointThickness [4mPointBorderColor[24m => Flexible<Color> color of the border line of rectangles representing the points [4mVertexBorderColor[24m => Flexible<Float> alias for PointBorderColor [4mPointBorderThickness[24m => Flexible<Float> scaling factor for the thickness of the border line of rectangles representing the points [4mVertexBorderThickness[24m => Flexible<Float> alias for PointBorderThickness [4mPointStyle[24m => Flexible<String> if set to "hidden", neither point nor its label is rendered [4mVertexStyle[24m => Flexible<String> alias for PointStyle [4mViewPoint[24m => Vector<Float> ViewPoint for Sketch visualization [4mViewDirection[24m => Vector<Float> ViewDirection for Sketch visualization [4mViewUp[24m => Vector<Float> ViewUp for Sketch visualization [4mScale[24m => Float scale for Sketch visualization [4mLabelAlignment[24m => Flexible<String> Defines the alignment of the vertex labels: left, right or center Returns Visual::SimplicialComplex </code> {{:tutorials:release:4.1:apps_topaz:ball_triang.png}}\\ for a list of available options and this [[visual_tutorial|tutorial]] for a general intro to visualization in polymake. If your complex is of dimension three or lower, you can visualize a geometric realization together with the ''%%GRAPH%%'' of the complex using the ''%%VISUAL%%'' property. Note that if your complex is not a ''%%GeometricSimplicialComplex%%'', ''%%polymake%%'' will use the spring embedder to find an embedding of the graph of the complex, which is not guaranteed to result in an intersection-free visualization. <code perl> > $bs->VISUAL; </code> <HTML> <div class="threejs_output"><!-- polymake for knusper Mon May 11 13:37:01 2020 bs --> <html> <head> <title>bs</title> <style> /* // COMMON_CODE_BLOCK_BEGIN */ html{overflow: scroll;} .threejs_output { font-family: Arial, Helvetica, sans-serif} strong{font-size: 18px;} canvas { z-index: 8; } input[type='range'] {} input[type='radio'] {margin-left:0;} input[type='checkbox'] {margin-right:7px; margin-left: 0px; padding-left:0px;} .group{padding-bottom: 40px;} .settings * {z-index: 11; } .settings{z-index: 10; margin-left: 30px; display: none; width: 14em; height: 90%; border: solid 1px silver; padding: 2px; overflow-y: scroll; background-color: white } .indented{margin-left: 20px; margin-top: 15px; padding-bottom: 0px;} .shownObjectsList{overflow: auto; max-width: 150px; max-height: 150px;} .showSettingsButton{display: block; z-index: 12; position: absolute } .hideSettingsButton{display: none; z-index: 12; position: absolute; opacity: 0.5} .resetButton{margin-top: 20px;} button{margin-left: 0;} img{cursor: pointer;} .suboption{padding-top: 30px;} .transparency{display: none;} .labelsCheckbox{margin-top: 10px;} input[type=range] { -webkit-appearance: none; padding:0; width:90%; margin-left: auto; margin-right: auto; margin-top: 20px; display: block; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E3E3E3; border-radius: 0px; border: 0px solid #000000; } input[type=range]::-webkit-slider-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; -webkit-appearance: none; margin-top: -5px; } input[type=range]:focus::-webkit-slider-runnable-track { background: #E3E3E3; } input[type=range]::-moz-range-track { height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E3E3E3; border-radius: 0px; border: 0px solid #000000; } input[type=range]::-moz-range-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; } input[type=range]::-ms-track { height: 4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: #E3E3E3; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000; } input[type=range]::-ms-fill-upper { background: #E3E3E3; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000; } input[type=range]::-ms-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #E3E3E3; } input[type=range]:focus::-ms-fill-upper { background: #E3E3E3; } /* // COMMON_CODE_BLOCK_END */ </style> </head> <body> <div id='settings_1' class='settings'> <div class=group id='explode_1'> <strong>Explode</strong> <input id='explodeRange_1' type='range' min=0 max=6 step=0.01 value=0> <div class=indented><input id='explodeCheckbox_1' type='checkbox'>Automatic explosion</div> <div class=suboption>Exploding speed</div> <input id='explodingSpeedRange_1' type='range' min=0 max=0.5 step=0.001 value=0.05> </div> <div class=group id='transparency_1' class='transparency'> <strong>Transparency</strong> <input id='transparencyRange_1' type='range' min=0 max=1 step=0.01 value=0> </div> <div class=group id='rotation_1'> <strong>Rotation</strong> <div class=indented> <div><input type='checkbox' id='changeRotationX_1'> x-axis</div> <div><input type='checkbox' id='changeRotationY_1'> y-axis</div> <div><input type='checkbox' id='changeRotationZ_1'> z-axis</div> <button id='resetButton_1' class='resetButton' >Reset</button> </div> <div class=suboption>Rotation speed</div> <input id='rotationSpeedRange_1' type='range' min=0 max=5 step=0.01 value=2> </div> <div class=group id='display_1'> <strong>Display</strong> <div class=indented> <div id='shownObjectsList_1' class='shownObjectsList'></div> <div class='labelsCheckbox'><input type='checkbox' id='labelsCheckboxInput_1' checked>Labels</div> </div> </div> <div class=group id='svg_1'> <strong>SVG</strong> <div class=indented> <form> <input type="radio" name='screenshotMode' value='download' id='download_1' checked> Download<br> <input type="radio" name='screenshotMode' value='tab' id='tab_1' > New tab<br> </form> <button id='takeScreenshot_1'>Screenshot</button> </div> </div> </div> <!-- end of settings --> <img id='hideSettingsButton_1' style="display: none" class='hideSettingsButton' src='/kernelspecs/polymake/close.svg' width=20px"> <img id='showSettingsButton_1' class='showSettingsButton' src='/kernelspecs/polymake/menu.svg' width=20px"> <div id="model86124215074"></div> <script> requirejs.config({ paths: { three: '/kernelspecs/polymake/three', Detector: '/kernelspecs/polymake/Detector', SVGRenderer: '/kernelspecs/polymake/SVGRenderer', CanvasRenderer: '/kernelspecs/polymake/CanvasRenderer', Projector: '/kernelspecs/polymake/Projector', TrackballControls: '/kernelspecs/polymake/TrackballControls' }, shim: { 'three': { exports: 'THREE' }, 'Detector': { deps: [ 'three' ], exports: 'Detector' }, 'SVGRenderer': { deps: [ 'three' ], exports: 'THREE.SVGRenderer' }, 'CanvasRenderer': { deps: [ 'three' ], exports: 'THREE.CanvasRenderer' }, 'Projector': { deps: [ 'three' ], exports: 'THREE.Projector' }, 'TrackballControls': { deps: [ 'three' ], exports: 'THREE.TrackballControls' } } }); require(['three'],function(THREE){ window.THREE = THREE; require(['Detector','SVGRenderer','CanvasRenderer','Projector','TrackballControls'],function(Detector,SVGRenderer,CanvasRenderer,Projector,TrackballControls){ THREE.SVGRenderer = SVGRenderer; THREE.CanvasRenderer = CanvasRenderer; THREE.Projector = Projector; THREE.TrackballControls = TrackballControls; // COMMON_CODE_BLOCK_BEGIN var foldable = false; var container = document.getElementById( 'model86124215074' ); var renderer = Detector.webgl? new THREE.WebGLRenderer({antialias: true}): new THREE.CanvasRenderer({antialias: true}); var svgRenderer = new THREE.SVGRenderer({antialias: true}); var box = document.getElementsByClassName( 'threejs_output' )[0]; var width = box.clientWidth; var height = box.clientHeight; renderer.setSize(width, height); svgRenderer.setSize(width, height); renderer.setClearColor(0xFFFFFF, 1); svgRenderer.setClearColor(0xFFFFFF, 1); container.appendChild(renderer.domElement); var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, width/height, 0.1, 1000); var renderid; camera.position.set(0, 0, 5); camera.lookAt(0, 0, 0); camera.up.set(0, 1, 0); // class to allow move points together with labels and spheres var PMPoint = function (x,y,z) { this.vector = new THREE.Vector3(x,y,z); this.sprite = null; this.sphere = null; } PMPoint.prototype.makelabel = function(label) { this.sprite = textSprite( label ); this.sprite.position.copy(this.vector); } PMPoint.prototype.makesphere = function(radius,material) { this.sphere = new THREE.Mesh(new THREE.SphereGeometry(radius), material); this.sphere.position.copy(this.vector); } PMPoint.prototype.setX = function(x) { this.vector.setX(x); if (this.sprite) { this.sprite.position.setX(x); } if (this.sphere) { this.sphere.position.setX(x); } }; PMPoint.prototype.setY = function(y) { this.vector.setY(y); if (this.sprite) { this.sprite.position.setY(y); } if (this.sphere) { this.sphere.position.setY(y); } }; PMPoint.prototype.setZ = function(z) { this.vector.setZ(z); if (this.sprite) { this.sprite.position.setZ(z); } if (this.sphere) { this.sphere.position.setZ(z); } }; PMPoint.prototype.set = function(x,y,z) { this.vector.set(x,y,z); if (this.sprite) { this.sprite.position.set(x,y,z); } if (this.sphere) { this.sphere.position.set(x,y,z); } }; PMPoint.prototype.add = function(o) { if (this.sprite) { o.add(this.sprite); } if (this.sphere) { o.add(this.sphere); } }; var controls = new THREE.TrackballControls(camera, container); controls.zoomSpeed = 0.2; controls.rotateSpeed = 4; var all_objects = []; var centroids = []; // select the target node var target = document.querySelector('#model86124215074'); // create an observer instance var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.removedNodes && mutation.removedNodes.length > 0) { cancelAnimationFrame(renderId); observer.disconnect(); console.log("cancelled frame "+renderId); } }); }); // configuration of the observer: var config = { childList: true, characterData: true } // pass in the target node, as well as the observer options while (target) { if (target.className=="output") { observer.observe(target, config); break; } target = target.parentNode; } // COMMON_CODE_BLOCK_END var objectnames = ["GRAPH of bs","{0 1 2 3} {0 1 2} {0 1} {0}","{0 1 2 3} {0 1 3} {0 1} {0}","{0 1 2 3} {0 1 2} {0 2} {0}","{0 1 2 3} {0 2 3} {0 2} {0}","{0 1 2 3} {0 1 3} {0 3} {0}","{0 1 2 3} {0 2 3} {0 3} {0}","{0 1 2 3} {0 1 2} {0 1} {1}","{0 1 2 3} {0 1 3} {0 1} {1}","{0 1 2 3} {0 1 2} {1 2} {1}","{0 1 2 3} {1 2 3} {1 2} {1}","{0 1 2 3} {0 1 3} {1 3} {1}","{0 1 2 3} {1 2 3} {1 3} {1}","{0 1 2 3} {0 1 2} {0 2} {2}","{0 1 2 3} {0 2 3} {0 2} {2}","{0 1 2 3} {0 1 2} {1 2} {2}","{0 1 2 3} {1 2 3} {1 2} {2}","{0 1 2 3} {0 2 3} {2 3} {2}","{0 1 2 3} {1 2 3} {2 3} {2}","{0 1 2 3} {0 1 3} {0 3} {3}","{0 1 2 3} {0 2 3} {0 3} {3}","{0 1 2 3} {0 1 3} {1 3} {3}","{0 1 2 3} {1 2 3} {1 3} {3}","{0 1 2 3} {0 2 3} {2 3} {3}","{0 1 2 3} {1 2 3} {2 3} {3}"]; var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 0, 0)); allpoints.push(new PMPoint(1, 0, 0)); allpoints.push(new PMPoint(0, 1, 0)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0x000000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[4].makesphere(0.02,points_material); allpoints[5].makesphere(0.02,points_material); allpoints[6].makesphere(0.02,points_material); allpoints[7].makesphere(0.02,points_material); allpoints[8].makesphere(0.02,points_material); allpoints[9].makesphere(0.02,points_material); allpoints[10].makesphere(0.02,points_material); allpoints[11].makesphere(0.02,points_material); allpoints[12].makesphere(0.02,points_material); allpoints[13].makesphere(0.02,points_material); allpoints[14].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 1 3}"); allpoints[3].makelabel("{0 2 3}"); allpoints[4].makelabel("{1 2 3}"); allpoints[5].makelabel("{0 1}"); allpoints[6].makelabel("{0 2}"); allpoints[7].makelabel("{1 2}"); allpoints[8].makelabel("{0 3}"); allpoints[9].makelabel("{1 3}"); allpoints[10].makelabel("{2 3}"); allpoints[11].makelabel("{0}"); allpoints[12].makelabel("{1}"); allpoints[13].makelabel("{2}"); allpoints[14].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[8].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[7].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[9].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[7].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[10].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[8].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[9].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[10].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 1}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{0 1}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 2}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{0 2}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{0 3}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{0 3}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 1}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{0 1}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{1 2}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{1 2}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{1 3}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{1 3}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 2}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{0 2}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{1 2}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{1 2}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{2 3}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{2 3}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{0 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{0 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{1 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{1 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{2 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{2 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); // COMMON_CODE_BLOCK_BEGIN var xRotationEnabled = false; var yRotationEnabled = false; var zRotationEnabled = false; var rotationSpeedFactor = 1; var settingsShown = false; var labelsShown = true; var intervals = []; var timeouts = []; var explodingSpeed = 0.05; var explodeScale = 0; var XMLS = new XMLSerializer(); var svgElement; var renderId; var render = function () { renderId = requestAnimationFrame(render); // comment in for automatic explosion // explode(updateFactor()); var phi = 0.02 * rotationSpeedFactor; if (xRotationEnabled){ scene.rotation.x += phi; } if(yRotationEnabled){ scene.rotation.y += phi; } if(zRotationEnabled){ scene.rotation.z += phi; } controls.update(); renderer.render(scene, camera); }; render(); function computeCentroid(geom) { centroid = new THREE.Vector3(); geom.vertices.forEach(function(v) { centroid.add(v); }); centroid.divideScalar(geom.vertices.length); return centroid; } function changeTransparency(event){ var opacity = 1-Number(event.currentTarget.value); for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ if (all_objects[i].children[j].material.type == "MultiMaterial") { for (var k=0; k<all_objects[i].children[j].material.materials.length; k++){ all_objects[i].children[j].material.materials[k].opacity = opacity; all_objects[i].children[j].material.materials[k].depthWrite = opacity < 0.5 ? false : true; all_objects[i].children[j].material.materials[k].depthTest = opacity < 0.5 ? false : true; } } else if (all_objects[i].children[j].material.transparent && all_objects[i].children[j].material.type == "MeshBasicMaterial" && all_objects[i].children[j].geometry.type == "Geometry"){ all_objects[i].children[j].material.opacity = opacity; all_objects[i].children[j].material.depthWrite = opacity < 0.5 ? false : true; all_objects[i].children[j].material.depthTest = opacity < 0.5 ? false : true; } } } } function changeRotationX(event){ xRotationEnabled = event.currentTarget.checked; } function changeRotationY(event){ yRotationEnabled = event.currentTarget.checked; } function changeRotationZ(event){ zRotationEnabled = event.currentTarget.checked; } function changeRotationSpeedFactor(event){ rotationSpeedFactor = Number(event.currentTarget.value); } function resetScene(){ scene.rotation.set(0,0,0); camera.position.set(0,0,5); camera.up.set(0,1,0); } function showSettings(event){ event.currentTarget.style.display = 'none'; document.getElementById('settings_1').style.position = 'absolute'; document.getElementById('settings_1').style.display = 'block'; document.getElementById('showSettingsButton_1').style.display = 'none'; document.getElementById('hideSettingsButton_1').style.display = 'block'; settingsShown = true; } function hideSettings(event){ event.currentTarget.style.display = 'none'; document.getElementById('settings_1').style.display = 'none'; document.getElementById('hideSettingsButton_1').style.display = 'none'; document.getElementById('showSettingsButton_1').style.display = 'block'; settingsShown = false; } var pos = 150* Math.PI; function updateFactor() { pos++; return Math.sin(.01*pos)+1; } function makelabel(message, x, y, z, params) { var spritey = textSprite( message, params ); spritey.position.set(x, y, z); obj.add(spritey); } function textSprite(message, parameters) { if ( parameters === undefined ) parameters = {}; var fontface = "Helvetica"; var fontsize = parameters.hasOwnProperty("fontsize") ? parameters["fontsize"] : 18; fontsize = fontsize*10; var canvas = document.createElement('canvas'); var size = 1024; canvas.width = size; canvas.height = size; var context = canvas.getContext('2d'); context.font = fontsize + "px " + fontface; // text color context.fillStyle = "rgba(0, 0, 0, 1.0)"; context.fillText(message, size/2, size/2); // canvas contents will be used for a texture var texture = new THREE.Texture(canvas); texture.needsUpdate = true; var spriteMaterial = new THREE.SpriteMaterial( {map: texture, useScreenCoordinates: false}); var sprite = new THREE.Sprite(spriteMaterial); return sprite; } function takeSvgScreenshot(){ if (labelsShown){ hideLabels(); } svgRenderer.render(scene,camera); svgElement = XMLS.serializeToString(svgRenderer.domElement); if (labelsShown){ displayLabels(); } if (document.getElementById('tab_1').checked){ //show in new tab var myWindow = window.open("",""); myWindow.document.body.innerHTML = svgElement; } else{ // download svg file download("screenshot.svg", svgElement); } } function showOrHideObject(event){ var nr = Number(event.currentTarget.name); all_objects[nr].visible = event.currentTarget.checked; } function displayOrHideOptionsRecursive( obj ) { for (var j=0; j<obj.children.length; j++) { var child = obj.children[j]; if (child.material===undefined && child) { displayOrHideOptionsRecursive( child ); } else { if (child.material.type == "MultiMaterial") { for (var k=0; k<child.material.materials.length; k++) { if (child.material.materials[k].transparent) { document.getElementById('transparency_1').style.display = 'block'; document.getElementById('transparencyRange_1').value = 1 - child.material.materials[k].opacity; return; } } } else if ( child.material.transparent && child.material.type == "MeshBasicMaterial" && child.geometry.type == "Geometry"){ document.getElementById('transparency_1').style.display = 'block'; return; } } } } function displayOrHideOptions() { for (var i=0; i<all_objects.length; i++) { var obj = all_objects[i]; displayOrHideOptionsRecursive( obj ); } } displayOrHideOptions() // ---------------------- EXPLOSION ------------------------------------------------ // --------------------------------------------------------------------------------- function explode(factor) { var obj, c; var c0 = centroids[0]; for (var i = 0; i<centroids.length; ++i) { c = centroids[i]; obj = all_objects[all_objects.length - centroids.length + i]; obj.position.set(c.x*factor, c.y*factor, c.z*factor); } } function triggerExplode(event){ explodeScale = Number(event.currentTarget.value); explode(explodeScale); } function setExplodingSpeed(event){ explodingSpeed = Number(event.currentTarget.value); } function triggerAutomaticExplode(event){ if (event.currentTarget.checked){ startExploding(); } else { clearIntervals(); } } function startExploding(){ intervals.push(setInterval(explodingInterval, 25)); } function explodingInterval(){ explodeScale += explodingSpeed; if (explodeScale <= 6){ explode(explodeScale); } else{ explode(6); explodeScale = 6; clearIntervals(); timeouts.push(setTimeout(startUnexploding, 3000)); } document.getElementById('explodeRange_1').value = explodeScale; } function startUnexploding(){ intervals.push(setInterval(unexplodingInterval, 25)); } function unexplodingInterval(){ explodeScale -= explodingSpeed; if (explodeScale >= 0){ explode(explodeScale); } else { explode(0); explodeScale = 0; clearIntervals(); timeouts.push(setTimeout(startExploding, 3000)); } document.getElementById('explodeRange_1').value = explodeScale; } function clearIntervals(){ intervals.forEach(function(interval){ clearInterval(interval); }); intervals = []; timeouts.forEach(function(timeout){ clearTimeout(timeout); }); timeouts = []; } // append checkboxes for displaying or hiding objects var shownObjectsList = document.getElementById('shownObjectsList_1'); for (var i=0; i<all_objects.length; i++){ var objNode = document.createElement('span'); objNode.innerHTML = objectnames[i] + '<br>'; var checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.checked = true; checkbox.name = String(i); checkbox.onchange = showOrHideObject; shownObjectsList.appendChild(checkbox); shownObjectsList.appendChild(objNode); } function displayLabels(){ for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ var child = all_objects[i].children[j]; if (child.type == 'Sprite'){ child.visible = true; } } } } function hideLabels(){ for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ var child = all_objects[i].children[j]; if (child.type == 'Sprite'){ child.visible = false; } } } } function displayOrHideLabels(event){ if (event.currentTarget.checked){ displayLabels(); labelsShown = true; } else { hideLabels(); labelsShown = false; } } function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } var tempobj; tempobj = document.getElementById('explodeRange_1'); if (tempobj) { tempobj.oninput = triggerExplode; document.getElementById('explodeCheckbox_1').onchange = triggerAutomaticExplode; document.getElementById('explodingSpeedRange_1').oninput = setExplodingSpeed; } tempobj = document.getElementById('foldRange_1'); if (tempobj) { tempobj.oninput = fold; } document.getElementById('transparencyRange_1').oninput = changeTransparency; document.getElementById('changeRotationX_1').onchange = changeRotationX; document.getElementById('changeRotationY_1').onchange = changeRotationY; document.getElementById('changeRotationZ_1').onchange = changeRotationZ; document.getElementById('resetButton_1').onclick = resetScene; document.getElementById('rotationSpeedRange_1').oninput = changeRotationSpeedFactor; document.getElementById('labelsCheckboxInput_1').onchange = displayOrHideLabels; document.getElementById('takeScreenshot_1').onclick = takeSvgScreenshot; document.getElementById('showSettingsButton_1').onclick = showSettings; document.getElementById('hideSettingsButton_1').onclick = hideSettings; // ------------------ SHORTCUTS -------------------------------------------- // ------------------------------------------------------------------------- /** * http://www.openjs.com/scripts/events/keyboard_shortcuts/ * Version : 2.01.B * By Binny V A * License : BSD */ shortcut = { 'all_shortcuts':{},//All the shortcuts are stored in this array 'add': function(shortcut_combination,callback,opt) { //Provide a set of default options var default_options = { 'type':'keydown', 'propagate':false, 'disable_in_input':false, 'target':document, 'keycode':false } if(!opt) opt = default_options; else { for(var dfo in default_options) { if(typeof opt[dfo] == 'undefined') opt[dfo] = default_options[dfo]; } } var ele = opt.target; if(typeof opt.target == 'string') ele = document.getElementById(opt.target); var ths = this; shortcut_combination = shortcut_combination.toLowerCase(); //The function to be called at keypress var func = function(e) { e = e || window.event; if(opt['disable_in_input']) { //Don't enable shortcut keys in Input, Textarea fields var element; if(e.target) element=e.target; else if(e.srcElement) element=e.srcElement; if(element.nodeType==3) element=element.parentNode; if(element.tagName == 'INPUT' || element.tagName == 'TEXTAREA') return; } //Find Which key is pressed if (e.keyCode) code = e.keyCode; else if (e.which) code = e.which; var character = String.fromCharCode(code).toLowerCase(); if(code == 188) character=","; //If the user presses , when the type is onkeydown if(code == 190) character="."; //If the user presses , when the type is onkeydown var keys = shortcut_combination.split("+"); //Key Pressed - counts the number of valid keypresses - if it is same as the number of keys, the shortcut function is invoked var kp = 0; //Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken var shift_nums = { "`":"~", "1":"!", "2":"@", "3":"#", "4":"$", "5":"%", "6":"^", "7":"&", "8":"*", "9":"(", "0":")", "-":"_", "=":"+", ";":":", "'":"\"", ",":"<", ".":">", "/":"?", "\\":"|" } //Special Keys - and their codes var special_keys = { 'esc':27, 'escape':27, 'tab':9, 'space':32, 'return':13, 'enter':13, 'backspace':8, 'scrolllock':145, 'scroll_lock':145, 'scroll':145, 'capslock':20, 'caps_lock':20, 'caps':20, 'numlock':144, 'num_lock':144, 'num':144, 'pause':19, 'break':19, 'insert':45, 'home':36, 'delete':46, 'end':35, 'pageup':33, 'page_up':33, 'pu':33, 'pagedown':34, 'page_down':34, 'pd':34, 'left':37, 'up':38, 'right':39, 'down':40, 'f1':112, 'f2':113, 'f3':114, 'f4':115, 'f5':116, 'f6':117, 'f7':118, 'f8':119, 'f9':120, 'f10':121, 'f11':122, 'f12':123 } var modifiers = { shift: { wanted:false, pressed:false}, ctrl : { wanted:false, pressed:false}, alt : { wanted:false, pressed:false}, meta : { wanted:false, pressed:false} //Meta is Mac specific }; if(e.ctrlKey) modifiers.ctrl.pressed = true; if(e.shiftKey) modifiers.shift.pressed = true; if(e.altKey) modifiers.alt.pressed = true; if(e.metaKey) modifiers.meta.pressed = true; for(var i=0; k=keys[i],i<keys.length; i++) { //Modifiers if(k == 'ctrl' || k == 'control') { kp++; modifiers.ctrl.wanted = true; } else if(k == 'shift') { kp++; modifiers.shift.wanted = true; } else if(k == 'alt') { kp++; modifiers.alt.wanted = true; } else if(k == 'meta') { kp++; modifiers.meta.wanted = true; } else if(k.length > 1) { //If it is a special key if(special_keys[k] == code) kp++; } else if(opt['keycode']) { if(opt['keycode'] == code) kp++; } else { //The special keys did not match if(character == k) kp++; else { if(shift_nums[character] && e.shiftKey) { //Stupid Shift key bug created by using lowercase character = shift_nums[character]; if(character == k) kp++; } } } } if(kp == keys.length && modifiers.ctrl.pressed == modifiers.ctrl.wanted && modifiers.shift.pressed == modifiers.shift.wanted && modifiers.alt.pressed == modifiers.alt.wanted && modifiers.meta.pressed == modifiers.meta.wanted) { callback(e); if(!opt['propagate']) { //Stop the event //e.cancelBubble is supported by IE - this will kill the bubbling process. e.cancelBubble = true; e.returnValue = false; //e.stopPropagation works in Firefox. if (e.stopPropagation) { e.stopPropagation(); e.preventDefault(); } return false; } } } this.all_shortcuts[shortcut_combination] = { 'callback':func, 'target':ele, 'event': opt['type'] }; //Attach the function with the event if(ele.addEventListener) ele.addEventListener(opt['type'], func, false); else if(ele.attachEvent) ele.attachEvent('on'+opt['type'], func); else ele['on'+opt['type']] = func; }, //Remove the shortcut - just specify the shortcut and I will remove the binding 'remove':function(shortcut_combination) { shortcut_combination = shortcut_combination.toLowerCase(); var binding = this.all_shortcuts[shortcut_combination]; delete(this.all_shortcuts[shortcut_combination]) if(!binding) return; var type = binding['event']; var ele = binding['target']; var callback = binding['callback']; if(ele.detachEvent) ele.detachEvent('on'+type, callback); else if(ele.removeEventListener) ele.removeEventListener(type, callback, false); else ele['on'+type] = false; } } shortcut.add("Alt+Left",function() { var event = new Event('click'); if (settingsShown){ document.getElementById('hideSettingsButton_1').dispatchEvent(event); } else{ document.getElementById('showSettingsButton_1').dispatchEvent(event); } }); if (foldable) moveToBaryCenter(); });}); // COMMON_CODE_BLOCK_END </script> </body> </html> </div> </HTML> You should give the ''%%explode%%'' feature of jReality a try -- it gives a good (and pretty!) overview of the object. You can find it in the left slot of the jReality interface. {{:tutorials:release:4.1:apps_topaz:ball_triang_pink.png}}\\ ''%%topaz%%'' may also visualize distinguished subcomplexes or just sets of faces with different decorations (colors, styles, etc.). For example, to highlight the fourth facet of ''%%$bs%%'' in pink, do this: <code perl> > $a = new Array<Set<Int>>(1); $a->[0] = $bs->FACETS->[4]; > $bs->VISUAL->FACES($a, FacetColor => 'pink'); </code> <HTML> <div class="threejs_output"><!-- polymake for knusper Mon May 11 13:37:01 2020 bs --> <html> <head> <title>bs</title> <style> /* // COMMON_CODE_BLOCK_BEGIN */ html{overflow: scroll;} .threejs_output { font-family: Arial, Helvetica, sans-serif} strong{font-size: 18px;} canvas { z-index: 8; } input[type='range'] {} input[type='radio'] {margin-left:0;} input[type='checkbox'] {margin-right:7px; margin-left: 0px; padding-left:0px;} .group{padding-bottom: 40px;} .settings * {z-index: 11; } .settings{z-index: 10; margin-left: 30px; display: none; width: 14em; height: 90%; border: solid 1px silver; padding: 2px; overflow-y: scroll; background-color: white } .indented{margin-left: 20px; margin-top: 15px; padding-bottom: 0px;} .shownObjectsList{overflow: auto; max-width: 150px; max-height: 150px;} .showSettingsButton{display: block; z-index: 12; position: absolute } .hideSettingsButton{display: none; z-index: 12; position: absolute; opacity: 0.5} .resetButton{margin-top: 20px;} button{margin-left: 0;} img{cursor: pointer;} .suboption{padding-top: 30px;} .transparency{display: none;} .labelsCheckbox{margin-top: 10px;} input[type=range] { -webkit-appearance: none; padding:0; width:90%; margin-left: auto; margin-right: auto; margin-top: 20px; display: block; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E3E3E3; border-radius: 0px; border: 0px solid #000000; } input[type=range]::-webkit-slider-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; -webkit-appearance: none; margin-top: -5px; } input[type=range]:focus::-webkit-slider-runnable-track { background: #E3E3E3; } input[type=range]::-moz-range-track { height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E3E3E3; border-radius: 0px; border: 0px solid #000000; } input[type=range]::-moz-range-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; } input[type=range]::-ms-track { height: 4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: #E3E3E3; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000; } input[type=range]::-ms-fill-upper { background: #E3E3E3; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000; } input[type=range]::-ms-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #E3E3E3; } input[type=range]:focus::-ms-fill-upper { background: #E3E3E3; } /* // COMMON_CODE_BLOCK_END */ </style> </head> <body> <div id='settings_2' class='settings'> <div class=group id='explode_2'> <strong>Explode</strong> <input id='explodeRange_2' type='range' min=0 max=6 step=0.01 value=0> <div class=indented><input id='explodeCheckbox_2' type='checkbox'>Automatic explosion</div> <div class=suboption>Exploding speed</div> <input id='explodingSpeedRange_2' type='range' min=0 max=0.5 step=0.001 value=0.05> </div> <div class=group id='transparency_2' class='transparency'> <strong>Transparency</strong> <input id='transparencyRange_2' type='range' min=0 max=1 step=0.01 value=0> </div> <div class=group id='rotation_2'> <strong>Rotation</strong> <div class=indented> <div><input type='checkbox' id='changeRotationX_2'> x-axis</div> <div><input type='checkbox' id='changeRotationY_2'> y-axis</div> <div><input type='checkbox' id='changeRotationZ_2'> z-axis</div> <button id='resetButton_2' class='resetButton' >Reset</button> </div> <div class=suboption>Rotation speed</div> <input id='rotationSpeedRange_2' type='range' min=0 max=5 step=0.01 value=2> </div> <div class=group id='display_2'> <strong>Display</strong> <div class=indented> <div id='shownObjectsList_2' class='shownObjectsList'></div> <div class='labelsCheckbox'><input type='checkbox' id='labelsCheckboxInput_2' checked>Labels</div> </div> </div> <div class=group id='svg_2'> <strong>SVG</strong> <div class=indented> <form> <input type="radio" name='screenshotMode' value='download' id='download_2' checked> Download<br> <input type="radio" name='screenshotMode' value='tab' id='tab_2' > New tab<br> </form> <button id='takeScreenshot_2'>Screenshot</button> </div> </div> </div> <!-- end of settings --> <img id='hideSettingsButton_2' style="display: none" class='hideSettingsButton' src='/kernelspecs/polymake/close.svg' width=20px"> <img id='showSettingsButton_2' class='showSettingsButton' src='/kernelspecs/polymake/menu.svg' width=20px"> <div id="model31777378617"></div> <script> requirejs.config({ paths: { three: '/kernelspecs/polymake/three', Detector: '/kernelspecs/polymake/Detector', SVGRenderer: '/kernelspecs/polymake/SVGRenderer', CanvasRenderer: '/kernelspecs/polymake/CanvasRenderer', Projector: '/kernelspecs/polymake/Projector', TrackballControls: '/kernelspecs/polymake/TrackballControls' }, shim: { 'three': { exports: 'THREE' }, 'Detector': { deps: [ 'three' ], exports: 'Detector' }, 'SVGRenderer': { deps: [ 'three' ], exports: 'THREE.SVGRenderer' }, 'CanvasRenderer': { deps: [ 'three' ], exports: 'THREE.CanvasRenderer' }, 'Projector': { deps: [ 'three' ], exports: 'THREE.Projector' }, 'TrackballControls': { deps: [ 'three' ], exports: 'THREE.TrackballControls' } } }); require(['three'],function(THREE){ window.THREE = THREE; require(['Detector','SVGRenderer','CanvasRenderer','Projector','TrackballControls'],function(Detector,SVGRenderer,CanvasRenderer,Projector,TrackballControls){ THREE.SVGRenderer = SVGRenderer; THREE.CanvasRenderer = CanvasRenderer; THREE.Projector = Projector; THREE.TrackballControls = TrackballControls; // COMMON_CODE_BLOCK_BEGIN var foldable = false; var container = document.getElementById( 'model31777378617' ); var renderer = Detector.webgl? new THREE.WebGLRenderer({antialias: true}): new THREE.CanvasRenderer({antialias: true}); var svgRenderer = new THREE.SVGRenderer({antialias: true}); var box = document.getElementsByClassName( 'threejs_output' )[0]; var width = box.clientWidth; var height = box.clientHeight; renderer.setSize(width, height); svgRenderer.setSize(width, height); renderer.setClearColor(0xFFFFFF, 1); svgRenderer.setClearColor(0xFFFFFF, 1); container.appendChild(renderer.domElement); var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, width/height, 0.1, 1000); var renderid; camera.position.set(0, 0, 5); camera.lookAt(0, 0, 0); camera.up.set(0, 1, 0); // class to allow move points together with labels and spheres var PMPoint = function (x,y,z) { this.vector = new THREE.Vector3(x,y,z); this.sprite = null; this.sphere = null; } PMPoint.prototype.makelabel = function(label) { this.sprite = textSprite( label ); this.sprite.position.copy(this.vector); } PMPoint.prototype.makesphere = function(radius,material) { this.sphere = new THREE.Mesh(new THREE.SphereGeometry(radius), material); this.sphere.position.copy(this.vector); } PMPoint.prototype.setX = function(x) { this.vector.setX(x); if (this.sprite) { this.sprite.position.setX(x); } if (this.sphere) { this.sphere.position.setX(x); } }; PMPoint.prototype.setY = function(y) { this.vector.setY(y); if (this.sprite) { this.sprite.position.setY(y); } if (this.sphere) { this.sphere.position.setY(y); } }; PMPoint.prototype.setZ = function(z) { this.vector.setZ(z); if (this.sprite) { this.sprite.position.setZ(z); } if (this.sphere) { this.sphere.position.setZ(z); } }; PMPoint.prototype.set = function(x,y,z) { this.vector.set(x,y,z); if (this.sprite) { this.sprite.position.set(x,y,z); } if (this.sphere) { this.sphere.position.set(x,y,z); } }; PMPoint.prototype.add = function(o) { if (this.sprite) { o.add(this.sprite); } if (this.sphere) { o.add(this.sphere); } }; var controls = new THREE.TrackballControls(camera, container); controls.zoomSpeed = 0.2; controls.rotateSpeed = 4; var all_objects = []; var centroids = []; // select the target node var target = document.querySelector('#model31777378617'); // create an observer instance var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.removedNodes && mutation.removedNodes.length > 0) { cancelAnimationFrame(renderId); observer.disconnect(); console.log("cancelled frame "+renderId); } }); }); // configuration of the observer: var config = { childList: true, characterData: true } // pass in the target node, as well as the observer options while (target) { if (target.className=="output") { observer.observe(target, config); break; } target = target.parentNode; } // COMMON_CODE_BLOCK_END var objectnames = ["GRAPH of bs","{0 1 2 3} {0 1 2} {0 1} {0}","{0 1 2 3} {0 1 3} {0 1} {0}","{0 1 2 3} {0 1 2} {0 2} {0}","{0 1 2 3} {0 2 3} {0 2} {0}","{0 1 2 3} {0 1 3} {0 3} {0}","{0 1 2 3} {0 2 3} {0 3} {0}","{0 1 2 3} {0 1 2} {0 1} {1}","{0 1 2 3} {0 1 3} {0 1} {1}","{0 1 2 3} {0 1 2} {1 2} {1}","{0 1 2 3} {1 2 3} {1 2} {1}","{0 1 2 3} {0 1 3} {1 3} {1}","{0 1 2 3} {1 2 3} {1 3} {1}","{0 1 2 3} {0 1 2} {0 2} {2}","{0 1 2 3} {0 2 3} {0 2} {2}","{0 1 2 3} {0 1 2} {1 2} {2}","{0 1 2 3} {1 2 3} {1 2} {2}","{0 1 2 3} {0 2 3} {2 3} {2}","{0 1 2 3} {1 2 3} {2 3} {2}","{0 1 2 3} {0 1 3} {0 3} {3}","{0 1 2 3} {0 2 3} {0 3} {3}","{0 1 2 3} {0 1 3} {1 3} {3}","{0 1 2 3} {1 2 3} {1 3} {3}","{0 1 2 3} {0 2 3} {2 3} {3}","{0 1 2 3} {1 2 3} {2 3} {3}","{0 1 2 3} {0 1 3} {0 3} {0}"]; var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 0, 0)); allpoints.push(new PMPoint(1, 0, 0)); allpoints.push(new PMPoint(0, 1, 0)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0x000000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[4].makesphere(0.02,points_material); allpoints[5].makesphere(0.02,points_material); allpoints[6].makesphere(0.02,points_material); allpoints[7].makesphere(0.02,points_material); allpoints[8].makesphere(0.02,points_material); allpoints[9].makesphere(0.02,points_material); allpoints[10].makesphere(0.02,points_material); allpoints[11].makesphere(0.02,points_material); allpoints[12].makesphere(0.02,points_material); allpoints[13].makesphere(0.02,points_material); allpoints[14].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 1 3}"); allpoints[3].makelabel("{0 2 3}"); allpoints[4].makelabel("{1 2 3}"); allpoints[5].makelabel("{0 1}"); allpoints[6].makelabel("{0 2}"); allpoints[7].makelabel("{1 2}"); allpoints[8].makelabel("{0 3}"); allpoints[9].makelabel("{1 3}"); allpoints[10].makelabel("{2 3}"); allpoints[11].makelabel("{0}"); allpoints[12].makelabel("{1}"); allpoints[13].makelabel("{2}"); allpoints[14].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[8].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[7].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[9].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[7].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[10].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[8].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[9].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[14].vector); line.vertices.push(allpoints[10].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 1}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{0 1}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 2}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{0 2}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{0 3}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{0 3}"); allpoints[3].makelabel("{0}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 1}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{0 1}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{1 2}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{1 2}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{1 3}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(1, 0, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{1 3}"); allpoints[3].makelabel("{1}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{0 2}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{0 2}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 2}"); allpoints[2].makelabel("{1 2}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0.5, 0)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{1 2}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{2 3}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 1, 0)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{2 3}"); allpoints[3].makelabel("{2}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{0 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{0 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 1 3}"); allpoints[2].makelabel("{1 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0.5, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{1 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{0 2 3}"); allpoints[2].makelabel("{2 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0.333333, 0.333333)); allpoints.push(new PMPoint(0, 0.5, 0.5)); allpoints.push(new PMPoint(0, 0, 1)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFF0000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[0].makelabel("{0 1 2 3}"); allpoints[1].makelabel("{1 2 3}"); allpoints[2].makelabel("{2 3}"); allpoints[3].makelabel("{3}"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0x77EC9E, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[0].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(0.25, 0.25, 0.25)); allpoints.push(new PMPoint(0.333333, 0, 0.333333)); allpoints.push(new PMPoint(0, 0, 0.5)); allpoints.push(new PMPoint(0, 0, 0)); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } var faces = new THREE.Geometry(); <!-- VERTICES --> faces.vertices.push(allpoints[0].vector); faces.vertices.push(allpoints[1].vector); faces.vertices.push(allpoints[2].vector); faces.vertices.push(allpoints[3].vector); centroids.push(computeCentroid(faces)); <!-- Facet style --> var faces_material = new THREE.MeshBasicMaterial ( {color: 0xFFC0CB, transparent: true, opacity: 1, side: THREE.DoubleSide , depthWrite: true, depthTest: true, } ); faces_material.side = THREE.DoubleSide; faces_material.transparent = true; <!-- FACETS --> faces.faces.push(new THREE.Face3(0, 1, 2, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 1, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(0, 2, 3, undefined, undefined, 0)); faces.faces.push(new THREE.Face3(1, 2, 3, undefined, undefined, 0)); faces.computeFaceNormals(); faces.computeVertexNormals(); var object = new THREE.Mesh(faces, faces_material); obj.add(object); scene.add(obj); all_objects.push(obj); // COMMON_CODE_BLOCK_BEGIN var xRotationEnabled = false; var yRotationEnabled = false; var zRotationEnabled = false; var rotationSpeedFactor = 1; var settingsShown = false; var labelsShown = true; var intervals = []; var timeouts = []; var explodingSpeed = 0.05; var explodeScale = 0; var XMLS = new XMLSerializer(); var svgElement; var renderId; var render = function () { renderId = requestAnimationFrame(render); // comment in for automatic explosion // explode(updateFactor()); var phi = 0.02 * rotationSpeedFactor; if (xRotationEnabled){ scene.rotation.x += phi; } if(yRotationEnabled){ scene.rotation.y += phi; } if(zRotationEnabled){ scene.rotation.z += phi; } controls.update(); renderer.render(scene, camera); }; render(); function computeCentroid(geom) { centroid = new THREE.Vector3(); geom.vertices.forEach(function(v) { centroid.add(v); }); centroid.divideScalar(geom.vertices.length); return centroid; } function changeTransparency(event){ var opacity = 1-Number(event.currentTarget.value); for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ if (all_objects[i].children[j].material.type == "MultiMaterial") { for (var k=0; k<all_objects[i].children[j].material.materials.length; k++){ all_objects[i].children[j].material.materials[k].opacity = opacity; all_objects[i].children[j].material.materials[k].depthWrite = opacity < 0.5 ? false : true; all_objects[i].children[j].material.materials[k].depthTest = opacity < 0.5 ? false : true; } } else if (all_objects[i].children[j].material.transparent && all_objects[i].children[j].material.type == "MeshBasicMaterial" && all_objects[i].children[j].geometry.type == "Geometry"){ all_objects[i].children[j].material.opacity = opacity; all_objects[i].children[j].material.depthWrite = opacity < 0.5 ? false : true; all_objects[i].children[j].material.depthTest = opacity < 0.5 ? false : true; } } } } function changeRotationX(event){ xRotationEnabled = event.currentTarget.checked; } function changeRotationY(event){ yRotationEnabled = event.currentTarget.checked; } function changeRotationZ(event){ zRotationEnabled = event.currentTarget.checked; } function changeRotationSpeedFactor(event){ rotationSpeedFactor = Number(event.currentTarget.value); } function resetScene(){ scene.rotation.set(0,0,0); camera.position.set(0,0,5); camera.up.set(0,1,0); } function showSettings(event){ event.currentTarget.style.display = 'none'; document.getElementById('settings_2').style.position = 'absolute'; document.getElementById('settings_2').style.display = 'block'; document.getElementById('showSettingsButton_2').style.display = 'none'; document.getElementById('hideSettingsButton_2').style.display = 'block'; settingsShown = true; } function hideSettings(event){ event.currentTarget.style.display = 'none'; document.getElementById('settings_2').style.display = 'none'; document.getElementById('hideSettingsButton_2').style.display = 'none'; document.getElementById('showSettingsButton_2').style.display = 'block'; settingsShown = false; } var pos = 150* Math.PI; function updateFactor() { pos++; return Math.sin(.01*pos)+1; } function makelabel(message, x, y, z, params) { var spritey = textSprite( message, params ); spritey.position.set(x, y, z); obj.add(spritey); } function textSprite(message, parameters) { if ( parameters === undefined ) parameters = {}; var fontface = "Helvetica"; var fontsize = parameters.hasOwnProperty("fontsize") ? parameters["fontsize"] : 18; fontsize = fontsize*10; var canvas = document.createElement('canvas'); var size = 1024; canvas.width = size; canvas.height = size; var context = canvas.getContext('2d'); context.font = fontsize + "px " + fontface; // text color context.fillStyle = "rgba(0, 0, 0, 1.0)"; context.fillText(message, size/2, size/2); // canvas contents will be used for a texture var texture = new THREE.Texture(canvas); texture.needsUpdate = true; var spriteMaterial = new THREE.SpriteMaterial( {map: texture, useScreenCoordinates: false}); var sprite = new THREE.Sprite(spriteMaterial); return sprite; } function takeSvgScreenshot(){ if (labelsShown){ hideLabels(); } svgRenderer.render(scene,camera); svgElement = XMLS.serializeToString(svgRenderer.domElement); if (labelsShown){ displayLabels(); } if (document.getElementById('tab_2').checked){ //show in new tab var myWindow = window.open("",""); myWindow.document.body.innerHTML = svgElement; } else{ // download svg file download("screenshot.svg", svgElement); } } function showOrHideObject(event){ var nr = Number(event.currentTarget.name); all_objects[nr].visible = event.currentTarget.checked; } function displayOrHideOptionsRecursive( obj ) { for (var j=0; j<obj.children.length; j++) { var child = obj.children[j]; if (child.material===undefined && child) { displayOrHideOptionsRecursive( child ); } else { if (child.material.type == "MultiMaterial") { for (var k=0; k<child.material.materials.length; k++) { if (child.material.materials[k].transparent) { document.getElementById('transparency_2').style.display = 'block'; document.getElementById('transparencyRange_2').value = 1 - child.material.materials[k].opacity; return; } } } else if ( child.material.transparent && child.material.type == "MeshBasicMaterial" && child.geometry.type == "Geometry"){ document.getElementById('transparency_2').style.display = 'block'; return; } } } } function displayOrHideOptions() { for (var i=0; i<all_objects.length; i++) { var obj = all_objects[i]; displayOrHideOptionsRecursive( obj ); } } displayOrHideOptions() // ---------------------- EXPLOSION ------------------------------------------------ // --------------------------------------------------------------------------------- function explode(factor) { var obj, c; var c0 = centroids[0]; for (var i = 0; i<centroids.length; ++i) { c = centroids[i]; obj = all_objects[all_objects.length - centroids.length + i]; obj.position.set(c.x*factor, c.y*factor, c.z*factor); } } function triggerExplode(event){ explodeScale = Number(event.currentTarget.value); explode(explodeScale); } function setExplodingSpeed(event){ explodingSpeed = Number(event.currentTarget.value); } function triggerAutomaticExplode(event){ if (event.currentTarget.checked){ startExploding(); } else { clearIntervals(); } } function startExploding(){ intervals.push(setInterval(explodingInterval, 25)); } function explodingInterval(){ explodeScale += explodingSpeed; if (explodeScale <= 6){ explode(explodeScale); } else{ explode(6); explodeScale = 6; clearIntervals(); timeouts.push(setTimeout(startUnexploding, 3000)); } document.getElementById('explodeRange_2').value = explodeScale; } function startUnexploding(){ intervals.push(setInterval(unexplodingInterval, 25)); } function unexplodingInterval(){ explodeScale -= explodingSpeed; if (explodeScale >= 0){ explode(explodeScale); } else { explode(0); explodeScale = 0; clearIntervals(); timeouts.push(setTimeout(startExploding, 3000)); } document.getElementById('explodeRange_2').value = explodeScale; } function clearIntervals(){ intervals.forEach(function(interval){ clearInterval(interval); }); intervals = []; timeouts.forEach(function(timeout){ clearTimeout(timeout); }); timeouts = []; } // append checkboxes for displaying or hiding objects var shownObjectsList = document.getElementById('shownObjectsList_2'); for (var i=0; i<all_objects.length; i++){ var objNode = document.createElement('span'); objNode.innerHTML = objectnames[i] + '<br>'; var checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.checked = true; checkbox.name = String(i); checkbox.onchange = showOrHideObject; shownObjectsList.appendChild(checkbox); shownObjectsList.appendChild(objNode); } function displayLabels(){ for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ var child = all_objects[i].children[j]; if (child.type == 'Sprite'){ child.visible = true; } } } } function hideLabels(){ for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ var child = all_objects[i].children[j]; if (child.type == 'Sprite'){ child.visible = false; } } } } function displayOrHideLabels(event){ if (event.currentTarget.checked){ displayLabels(); labelsShown = true; } else { hideLabels(); labelsShown = false; } } function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } var tempobj; tempobj = document.getElementById('explodeRange_2'); if (tempobj) { tempobj.oninput = triggerExplode; document.getElementById('explodeCheckbox_2').onchange = triggerAutomaticExplode; document.getElementById('explodingSpeedRange_2').oninput = setExplodingSpeed; } tempobj = document.getElementById('foldRange_2'); if (tempobj) { tempobj.oninput = fold; } document.getElementById('transparencyRange_2').oninput = changeTransparency; document.getElementById('changeRotationX_2').onchange = changeRotationX; document.getElementById('changeRotationY_2').onchange = changeRotationY; document.getElementById('changeRotationZ_2').onchange = changeRotationZ; document.getElementById('resetButton_2').onclick = resetScene; document.getElementById('rotationSpeedRange_2').oninput = changeRotationSpeedFactor; document.getElementById('labelsCheckboxInput_2').onchange = displayOrHideLabels; document.getElementById('takeScreenshot_2').onclick = takeSvgScreenshot; document.getElementById('showSettingsButton_2').onclick = showSettings; document.getElementById('hideSettingsButton_2').onclick = hideSettings; // ------------------ SHORTCUTS -------------------------------------------- // ------------------------------------------------------------------------- /** * http://www.openjs.com/scripts/events/keyboard_shortcuts/ * Version : 2.01.B * By Binny V A * License : BSD */ shortcut = { 'all_shortcuts':{},//All the shortcuts are stored in this array 'add': function(shortcut_combination,callback,opt) { //Provide a set of default options var default_options = { 'type':'keydown', 'propagate':false, 'disable_in_input':false, 'target':document, 'keycode':false } if(!opt) opt = default_options; else { for(var dfo in default_options) { if(typeof opt[dfo] == 'undefined') opt[dfo] = default_options[dfo]; } } var ele = opt.target; if(typeof opt.target == 'string') ele = document.getElementById(opt.target); var ths = this; shortcut_combination = shortcut_combination.toLowerCase(); //The function to be called at keypress var func = function(e) { e = e || window.event; if(opt['disable_in_input']) { //Don't enable shortcut keys in Input, Textarea fields var element; if(e.target) element=e.target; else if(e.srcElement) element=e.srcElement; if(element.nodeType==3) element=element.parentNode; if(element.tagName == 'INPUT' || element.tagName == 'TEXTAREA') return; } //Find Which key is pressed if (e.keyCode) code = e.keyCode; else if (e.which) code = e.which; var character = String.fromCharCode(code).toLowerCase(); if(code == 188) character=","; //If the user presses , when the type is onkeydown if(code == 190) character="."; //If the user presses , when the type is onkeydown var keys = shortcut_combination.split("+"); //Key Pressed - counts the number of valid keypresses - if it is same as the number of keys, the shortcut function is invoked var kp = 0; //Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken var shift_nums = { "`":"~", "1":"!", "2":"@", "3":"#", "4":"$", "5":"%", "6":"^", "7":"&", "8":"*", "9":"(", "0":")", "-":"_", "=":"+", ";":":", "'":"\"", ",":"<", ".":">", "/":"?", "\\":"|" } //Special Keys - and their codes var special_keys = { 'esc':27, 'escape':27, 'tab':9, 'space':32, 'return':13, 'enter':13, 'backspace':8, 'scrolllock':145, 'scroll_lock':145, 'scroll':145, 'capslock':20, 'caps_lock':20, 'caps':20, 'numlock':144, 'num_lock':144, 'num':144, 'pause':19, 'break':19, 'insert':45, 'home':36, 'delete':46, 'end':35, 'pageup':33, 'page_up':33, 'pu':33, 'pagedown':34, 'page_down':34, 'pd':34, 'left':37, 'up':38, 'right':39, 'down':40, 'f1':112, 'f2':113, 'f3':114, 'f4':115, 'f5':116, 'f6':117, 'f7':118, 'f8':119, 'f9':120, 'f10':121, 'f11':122, 'f12':123 } var modifiers = { shift: { wanted:false, pressed:false}, ctrl : { wanted:false, pressed:false}, alt : { wanted:false, pressed:false}, meta : { wanted:false, pressed:false} //Meta is Mac specific }; if(e.ctrlKey) modifiers.ctrl.pressed = true; if(e.shiftKey) modifiers.shift.pressed = true; if(e.altKey) modifiers.alt.pressed = true; if(e.metaKey) modifiers.meta.pressed = true; for(var i=0; k=keys[i],i<keys.length; i++) { //Modifiers if(k == 'ctrl' || k == 'control') { kp++; modifiers.ctrl.wanted = true; } else if(k == 'shift') { kp++; modifiers.shift.wanted = true; } else if(k == 'alt') { kp++; modifiers.alt.wanted = true; } else if(k == 'meta') { kp++; modifiers.meta.wanted = true; } else if(k.length > 1) { //If it is a special key if(special_keys[k] == code) kp++; } else if(opt['keycode']) { if(opt['keycode'] == code) kp++; } else { //The special keys did not match if(character == k) kp++; else { if(shift_nums[character] && e.shiftKey) { //Stupid Shift key bug created by using lowercase character = shift_nums[character]; if(character == k) kp++; } } } } if(kp == keys.length && modifiers.ctrl.pressed == modifiers.ctrl.wanted && modifiers.shift.pressed == modifiers.shift.wanted && modifiers.alt.pressed == modifiers.alt.wanted && modifiers.meta.pressed == modifiers.meta.wanted) { callback(e); if(!opt['propagate']) { //Stop the event //e.cancelBubble is supported by IE - this will kill the bubbling process. e.cancelBubble = true; e.returnValue = false; //e.stopPropagation works in Firefox. if (e.stopPropagation) { e.stopPropagation(); e.preventDefault(); } return false; } } } this.all_shortcuts[shortcut_combination] = { 'callback':func, 'target':ele, 'event': opt['type'] }; //Attach the function with the event if(ele.addEventListener) ele.addEventListener(opt['type'], func, false); else if(ele.attachEvent) ele.attachEvent('on'+opt['type'], func); else ele['on'+opt['type']] = func; }, //Remove the shortcut - just specify the shortcut and I will remove the binding 'remove':function(shortcut_combination) { shortcut_combination = shortcut_combination.toLowerCase(); var binding = this.all_shortcuts[shortcut_combination]; delete(this.all_shortcuts[shortcut_combination]) if(!binding) return; var type = binding['event']; var ele = binding['target']; var callback = binding['callback']; if(ele.detachEvent) ele.detachEvent('on'+type, callback); else if(ele.removeEventListener) ele.removeEventListener(type, callback, false); else ele['on'+type] = false; } } shortcut.add("Alt+Left",function() { var event = new Event('click'); if (settingsShown){ document.getElementById('hideSettingsButton_2').dispatchEvent(event); } else{ document.getElementById('showSettingsButton_2').dispatchEvent(event); } }); if (foldable) moveToBaryCenter(); });}); // COMMON_CODE_BLOCK_END </script> </body> </html> </div> </HTML> The same can be used for the visualization of the face lattice. As an example, we have a look at a ''%%morse matching%%'' of the Klein bottle with its associated critical faces. In order to see the arrowheads in the picture clearly, you ought to use graphviz or svg to vizualize it. <code perl> > $k = klein_bottle(); > svg($k->VISUAL_FACE_LATTICE->MORSE_MATCHING->FACES($k->MORSE_MATCHING->CRITICAL_FACES)); </code> {{ tutorials:release:4.1:apps_topaz:output_1.svg }} {{:tutorials:release:4.1:apps_topaz:kb_mm_faces.gif}}\\ Here the matching of faces is denoted by reversed red arrows and the critical faces are marked red. Check that the graph remains acyclic. For higher dimensional complexes that cannot be visualized in 3D, you can still have a look at the graphs while ignoring any specified coordinates by using ''%%VISUAL_GRAPH%%'', ''%%VISUAL_DUAL_GRAPH%%'', or ''%%VISUAL_MIXED_GRAPH%%''. An easy example: <code perl> > polytope::cube(3)->TRIANGULATION->VISUAL_MIXED_GRAPH; </code> <HTML> <div class="threejs_output"><!-- polymake for knusper Mon May 11 13:37:01 2020 GRAPH of --> <html> <head> <title>GRAPH of </title> <style> /* // COMMON_CODE_BLOCK_BEGIN */ html{overflow: scroll;} .threejs_output { font-family: Arial, Helvetica, sans-serif} strong{font-size: 18px;} canvas { z-index: 8; } input[type='range'] {} input[type='radio'] {margin-left:0;} input[type='checkbox'] {margin-right:7px; margin-left: 0px; padding-left:0px;} .group{padding-bottom: 40px;} .settings * {z-index: 11; } .settings{z-index: 10; margin-left: 30px; display: none; width: 14em; height: 90%; border: solid 1px silver; padding: 2px; overflow-y: scroll; background-color: white } .indented{margin-left: 20px; margin-top: 15px; padding-bottom: 0px;} .shownObjectsList{overflow: auto; max-width: 150px; max-height: 150px;} .showSettingsButton{display: block; z-index: 12; position: absolute } .hideSettingsButton{display: none; z-index: 12; position: absolute; opacity: 0.5} .resetButton{margin-top: 20px;} button{margin-left: 0;} img{cursor: pointer;} .suboption{padding-top: 30px;} .transparency{display: none;} .labelsCheckbox{margin-top: 10px;} input[type=range] { -webkit-appearance: none; padding:0; width:90%; margin-left: auto; margin-right: auto; margin-top: 20px; display: block; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E3E3E3; border-radius: 0px; border: 0px solid #000000; } input[type=range]::-webkit-slider-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; -webkit-appearance: none; margin-top: -5px; } input[type=range]:focus::-webkit-slider-runnable-track { background: #E3E3E3; } input[type=range]::-moz-range-track { height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E3E3E3; border-radius: 0px; border: 0px solid #000000; } input[type=range]::-moz-range-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; } input[type=range]::-ms-track { height: 4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: #E3E3E3; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000; } input[type=range]::-ms-fill-upper { background: #E3E3E3; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000; } input[type=range]::-ms-thumb { box-shadow: 1px 1px 2px #B8B8B8; border: 1px solid #ABABAB; height: 13px; width: 25px; border-radius: 20px; background: #E0E0E0; cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #E3E3E3; } input[type=range]:focus::-ms-fill-upper { background: #E3E3E3; } /* // COMMON_CODE_BLOCK_END */ </style> </head> <body> <div id='settings_3' class='settings'> <div class=group id='explode_3'> <strong>Explode</strong> <input id='explodeRange_3' type='range' min=0 max=6 step=0.01 value=0> <div class=indented><input id='explodeCheckbox_3' type='checkbox'>Automatic explosion</div> <div class=suboption>Exploding speed</div> <input id='explodingSpeedRange_3' type='range' min=0 max=0.5 step=0.001 value=0.05> </div> <div class=group id='transparency_3' class='transparency'> <strong>Transparency</strong> <input id='transparencyRange_3' type='range' min=0 max=1 step=0.01 value=0> </div> <div class=group id='rotation_3'> <strong>Rotation</strong> <div class=indented> <div><input type='checkbox' id='changeRotationX_3'> x-axis</div> <div><input type='checkbox' id='changeRotationY_3'> y-axis</div> <div><input type='checkbox' id='changeRotationZ_3'> z-axis</div> <button id='resetButton_3' class='resetButton' >Reset</button> </div> <div class=suboption>Rotation speed</div> <input id='rotationSpeedRange_3' type='range' min=0 max=5 step=0.01 value=2> </div> <div class=group id='display_3'> <strong>Display</strong> <div class=indented> <div id='shownObjectsList_3' class='shownObjectsList'></div> <div class='labelsCheckbox'><input type='checkbox' id='labelsCheckboxInput_3' checked>Labels</div> </div> </div> <div class=group id='svg_3'> <strong>SVG</strong> <div class=indented> <form> <input type="radio" name='screenshotMode' value='download' id='download_3' checked> Download<br> <input type="radio" name='screenshotMode' value='tab' id='tab_3' > New tab<br> </form> <button id='takeScreenshot_3'>Screenshot</button> </div> </div> </div> <!-- end of settings --> <img id='hideSettingsButton_3' style="display: none" class='hideSettingsButton' src='/kernelspecs/polymake/close.svg' width=20px"> <img id='showSettingsButton_3' class='showSettingsButton' src='/kernelspecs/polymake/menu.svg' width=20px"> <div id="model84299553380"></div> <script> requirejs.config({ paths: { three: '/kernelspecs/polymake/three', Detector: '/kernelspecs/polymake/Detector', SVGRenderer: '/kernelspecs/polymake/SVGRenderer', CanvasRenderer: '/kernelspecs/polymake/CanvasRenderer', Projector: '/kernelspecs/polymake/Projector', TrackballControls: '/kernelspecs/polymake/TrackballControls' }, shim: { 'three': { exports: 'THREE' }, 'Detector': { deps: [ 'three' ], exports: 'Detector' }, 'SVGRenderer': { deps: [ 'three' ], exports: 'THREE.SVGRenderer' }, 'CanvasRenderer': { deps: [ 'three' ], exports: 'THREE.CanvasRenderer' }, 'Projector': { deps: [ 'three' ], exports: 'THREE.Projector' }, 'TrackballControls': { deps: [ 'three' ], exports: 'THREE.TrackballControls' } } }); require(['three'],function(THREE){ window.THREE = THREE; require(['Detector','SVGRenderer','CanvasRenderer','Projector','TrackballControls'],function(Detector,SVGRenderer,CanvasRenderer,Projector,TrackballControls){ THREE.SVGRenderer = SVGRenderer; THREE.CanvasRenderer = CanvasRenderer; THREE.Projector = Projector; THREE.TrackballControls = TrackballControls; // COMMON_CODE_BLOCK_BEGIN var foldable = false; var container = document.getElementById( 'model84299553380' ); var renderer = Detector.webgl? new THREE.WebGLRenderer({antialias: true}): new THREE.CanvasRenderer({antialias: true}); var svgRenderer = new THREE.SVGRenderer({antialias: true}); var box = document.getElementsByClassName( 'threejs_output' )[0]; var width = box.clientWidth; var height = box.clientHeight; renderer.setSize(width, height); svgRenderer.setSize(width, height); renderer.setClearColor(0xFFFFFF, 1); svgRenderer.setClearColor(0xFFFFFF, 1); container.appendChild(renderer.domElement); var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, width/height, 0.1, 1000); var renderid; camera.position.set(0, 0, 5); camera.lookAt(0, 0, 0); camera.up.set(0, 1, 0); // class to allow move points together with labels and spheres var PMPoint = function (x,y,z) { this.vector = new THREE.Vector3(x,y,z); this.sprite = null; this.sphere = null; } PMPoint.prototype.makelabel = function(label) { this.sprite = textSprite( label ); this.sprite.position.copy(this.vector); } PMPoint.prototype.makesphere = function(radius,material) { this.sphere = new THREE.Mesh(new THREE.SphereGeometry(radius), material); this.sphere.position.copy(this.vector); } PMPoint.prototype.setX = function(x) { this.vector.setX(x); if (this.sprite) { this.sprite.position.setX(x); } if (this.sphere) { this.sphere.position.setX(x); } }; PMPoint.prototype.setY = function(y) { this.vector.setY(y); if (this.sprite) { this.sprite.position.setY(y); } if (this.sphere) { this.sphere.position.setY(y); } }; PMPoint.prototype.setZ = function(z) { this.vector.setZ(z); if (this.sprite) { this.sprite.position.setZ(z); } if (this.sphere) { this.sphere.position.setZ(z); } }; PMPoint.prototype.set = function(x,y,z) { this.vector.set(x,y,z); if (this.sprite) { this.sprite.position.set(x,y,z); } if (this.sphere) { this.sphere.position.set(x,y,z); } }; PMPoint.prototype.add = function(o) { if (this.sprite) { o.add(this.sprite); } if (this.sphere) { o.add(this.sphere); } }; var controls = new THREE.TrackballControls(camera, container); controls.zoomSpeed = 0.2; controls.rotateSpeed = 4; var all_objects = []; var centroids = []; // select the target node var target = document.querySelector('#model84299553380'); // create an observer instance var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.removedNodes && mutation.removedNodes.length > 0) { cancelAnimationFrame(renderId); observer.disconnect(); console.log("cancelled frame "+renderId); } }); }); // configuration of the observer: var config = { childList: true, characterData: true } // pass in the target node, as well as the observer options while (target) { if (target.className=="output") { observer.observe(target, config); break; } target = target.parentNode; } // COMMON_CODE_BLOCK_END var objectnames = ["GRAPH of ","DUAL_GRAPH of ","MIXED_GRAPH of "]; var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(3.70031, -3.60451, -2.90653)); allpoints.push(new PMPoint(1.5933, -0.806897, -2.13925)); allpoints.push(new PMPoint(2.68072, -1.90485, 0.491523)); allpoints.push(new PMPoint(-0.503965, 0.640123, 0.549005)); allpoints.push(new PMPoint(0.472947, -1.27572, -0.633888)); allpoints.push(new PMPoint(-1.98968, 2.12985, -0.492314)); allpoints.push(new PMPoint(-1.61897, 0.870161, 2.36393)); allpoints.push(new PMPoint(-4.23159, 4.39887, 2.31821)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0xFFFF00, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[4].makesphere(0.02,points_material); allpoints[5].makesphere(0.02,points_material); allpoints[6].makesphere(0.02,points_material); allpoints[7].makesphere(0.02,points_material); allpoints[0].makelabel("0"); allpoints[1].makelabel("1"); allpoints[2].makelabel("2"); allpoints[3].makelabel("3"); allpoints[4].makelabel("4"); allpoints[5].makelabel("5"); allpoints[6].makelabel("6"); allpoints[7].makelabel("7"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0xFFFF00, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(2.46768, -2.30407, -2.0604)); allpoints.push(new PMPoint(1.4824, -0.860494, -0.47951)); allpoints.push(new PMPoint(-0.188557, 0.435333, -1.10472)); allpoints.push(new PMPoint(-0.0619195, -0.585886, 1.53187)); allpoints.push(new PMPoint(-1.41577, 0.780256, 1.16749)); allpoints.push(new PMPoint(-2.3869, 2.08783, 1.39458)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0x0000FF, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[4].makesphere(0.02,points_material); allpoints[5].makesphere(0.02,points_material); allpoints[0].makelabel("0"); allpoints[1].makelabel("1"); allpoints[2].makelabel("2"); allpoints[3].makelabel("3"); allpoints[4].makelabel("4"); allpoints[5].makelabel("5"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x0000FF, linewidth: 1.5, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); var obj = new THREE.Object3D(); var allpoints = []; allpoints.push(new PMPoint(3.70031, -3.60451, -2.90653)); allpoints.push(new PMPoint(1.5933, -0.806897, -2.13925)); allpoints.push(new PMPoint(2.68072, -1.90485, 0.491523)); allpoints.push(new PMPoint(-0.503965, 0.640123, 0.549005)); allpoints.push(new PMPoint(0.472947, -1.27572, -0.633888)); allpoints.push(new PMPoint(-1.98968, 2.12985, -0.492314)); allpoints.push(new PMPoint(-1.61897, 0.870161, 2.36393)); allpoints.push(new PMPoint(-4.23159, 4.39887, 2.31821)); allpoints.push(new PMPoint(2.46768, -2.30407, -2.0604)); allpoints.push(new PMPoint(1.4824, -0.860494, -0.47951)); allpoints.push(new PMPoint(-0.188557, 0.435333, -1.10472)); allpoints.push(new PMPoint(-0.0619195, -0.585886, 1.53187)); allpoints.push(new PMPoint(-1.41577, 0.780256, 1.16749)); allpoints.push(new PMPoint(-2.3869, 2.08783, 1.39458)); <!-- Vertex style --> var points_material = new THREE.MeshBasicMaterial ( {color: 0x000000, } ); points_material.side = THREE.DoubleSide; points_material.transparent = true; <!-- POINTS --> allpoints[0].makesphere(0.02,points_material); allpoints[1].makesphere(0.02,points_material); allpoints[2].makesphere(0.02,points_material); allpoints[3].makesphere(0.02,points_material); allpoints[4].makesphere(0.02,points_material); allpoints[5].makesphere(0.02,points_material); allpoints[6].makesphere(0.02,points_material); allpoints[7].makesphere(0.02,points_material); allpoints[8].makesphere(0.02,points_material); allpoints[9].makesphere(0.02,points_material); allpoints[10].makesphere(0.02,points_material); allpoints[11].makesphere(0.02,points_material); allpoints[12].makesphere(0.02,points_material); allpoints[13].makesphere(0.02,points_material); allpoints[0].makelabel("0"); allpoints[1].makelabel("1"); allpoints[2].makelabel("2"); allpoints[3].makelabel("3"); allpoints[4].makelabel("4"); allpoints[5].makelabel("5"); allpoints[6].makelabel("6"); allpoints[7].makelabel("7"); allpoints[8].makelabel("8"); allpoints[9].makelabel("9"); allpoints[10].makelabel("10"); allpoints[11].makelabel("11"); allpoints[12].makelabel("12"); allpoints[13].makelabel("13"); for (index = 0; index < allpoints.length; ++index) { allpoints[index].add(obj); } <!-- Edge style --> var line_material = new THREE.LineBasicMaterial ( {color: 0x000000, linewidth: 0.1666667, } ); line_material.side = THREE.DoubleSide; line_material.transparent = true; <!-- EDGES --> var line = new THREE.Geometry(); line.vertices.push(allpoints[1].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[2].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[3].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[4].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[5].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[6].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[7].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[0].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[8].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[9].vector); line.vertices.push(allpoints[8].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[1].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[10].vector); line.vertices.push(allpoints[9].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[2].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[11].vector); line.vertices.push(allpoints[9].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[4].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[10].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[12].vector); line.vertices.push(allpoints[11].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[3].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[5].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[6].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[7].vector); obj.add(new THREE.Line(line, line_material)); var line = new THREE.Geometry(); line.vertices.push(allpoints[13].vector); line.vertices.push(allpoints[12].vector); obj.add(new THREE.Line(line, line_material)); scene.add(obj); all_objects.push(obj); // COMMON_CODE_BLOCK_BEGIN var xRotationEnabled = false; var yRotationEnabled = false; var zRotationEnabled = false; var rotationSpeedFactor = 1; var settingsShown = false; var labelsShown = true; var intervals = []; var timeouts = []; var explodingSpeed = 0.05; var explodeScale = 0; var XMLS = new XMLSerializer(); var svgElement; var renderId; var render = function () { renderId = requestAnimationFrame(render); // comment in for automatic explosion // explode(updateFactor()); var phi = 0.02 * rotationSpeedFactor; if (xRotationEnabled){ scene.rotation.x += phi; } if(yRotationEnabled){ scene.rotation.y += phi; } if(zRotationEnabled){ scene.rotation.z += phi; } controls.update(); renderer.render(scene, camera); }; render(); function computeCentroid(geom) { centroid = new THREE.Vector3(); geom.vertices.forEach(function(v) { centroid.add(v); }); centroid.divideScalar(geom.vertices.length); return centroid; } function changeTransparency(event){ var opacity = 1-Number(event.currentTarget.value); for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ if (all_objects[i].children[j].material.type == "MultiMaterial") { for (var k=0; k<all_objects[i].children[j].material.materials.length; k++){ all_objects[i].children[j].material.materials[k].opacity = opacity; all_objects[i].children[j].material.materials[k].depthWrite = opacity < 0.5 ? false : true; all_objects[i].children[j].material.materials[k].depthTest = opacity < 0.5 ? false : true; } } else if (all_objects[i].children[j].material.transparent && all_objects[i].children[j].material.type == "MeshBasicMaterial" && all_objects[i].children[j].geometry.type == "Geometry"){ all_objects[i].children[j].material.opacity = opacity; all_objects[i].children[j].material.depthWrite = opacity < 0.5 ? false : true; all_objects[i].children[j].material.depthTest = opacity < 0.5 ? false : true; } } } } function changeRotationX(event){ xRotationEnabled = event.currentTarget.checked; } function changeRotationY(event){ yRotationEnabled = event.currentTarget.checked; } function changeRotationZ(event){ zRotationEnabled = event.currentTarget.checked; } function changeRotationSpeedFactor(event){ rotationSpeedFactor = Number(event.currentTarget.value); } function resetScene(){ scene.rotation.set(0,0,0); camera.position.set(0,0,5); camera.up.set(0,1,0); } function showSettings(event){ event.currentTarget.style.display = 'none'; document.getElementById('settings_3').style.position = 'absolute'; document.getElementById('settings_3').style.display = 'block'; document.getElementById('showSettingsButton_3').style.display = 'none'; document.getElementById('hideSettingsButton_3').style.display = 'block'; settingsShown = true; } function hideSettings(event){ event.currentTarget.style.display = 'none'; document.getElementById('settings_3').style.display = 'none'; document.getElementById('hideSettingsButton_3').style.display = 'none'; document.getElementById('showSettingsButton_3').style.display = 'block'; settingsShown = false; } var pos = 150* Math.PI; function updateFactor() { pos++; return Math.sin(.01*pos)+1; } function makelabel(message, x, y, z, params) { var spritey = textSprite( message, params ); spritey.position.set(x, y, z); obj.add(spritey); } function textSprite(message, parameters) { if ( parameters === undefined ) parameters = {}; var fontface = "Helvetica"; var fontsize = parameters.hasOwnProperty("fontsize") ? parameters["fontsize"] : 18; fontsize = fontsize*10; var canvas = document.createElement('canvas'); var size = 1024; canvas.width = size; canvas.height = size; var context = canvas.getContext('2d'); context.font = fontsize + "px " + fontface; // text color context.fillStyle = "rgba(0, 0, 0, 1.0)"; context.fillText(message, size/2, size/2); // canvas contents will be used for a texture var texture = new THREE.Texture(canvas); texture.needsUpdate = true; var spriteMaterial = new THREE.SpriteMaterial( {map: texture, useScreenCoordinates: false}); var sprite = new THREE.Sprite(spriteMaterial); return sprite; } function takeSvgScreenshot(){ if (labelsShown){ hideLabels(); } svgRenderer.render(scene,camera); svgElement = XMLS.serializeToString(svgRenderer.domElement); if (labelsShown){ displayLabels(); } if (document.getElementById('tab_3').checked){ //show in new tab var myWindow = window.open("",""); myWindow.document.body.innerHTML = svgElement; } else{ // download svg file download("screenshot.svg", svgElement); } } function showOrHideObject(event){ var nr = Number(event.currentTarget.name); all_objects[nr].visible = event.currentTarget.checked; } function displayOrHideOptionsRecursive( obj ) { for (var j=0; j<obj.children.length; j++) { var child = obj.children[j]; if (child.material===undefined && child) { displayOrHideOptionsRecursive( child ); } else { if (child.material.type == "MultiMaterial") { for (var k=0; k<child.material.materials.length; k++) { if (child.material.materials[k].transparent) { document.getElementById('transparency_3').style.display = 'block'; document.getElementById('transparencyRange_3').value = 1 - child.material.materials[k].opacity; return; } } } else if ( child.material.transparent && child.material.type == "MeshBasicMaterial" && child.geometry.type == "Geometry"){ document.getElementById('transparency_3').style.display = 'block'; return; } } } } function displayOrHideOptions() { for (var i=0; i<all_objects.length; i++) { var obj = all_objects[i]; displayOrHideOptionsRecursive( obj ); } } displayOrHideOptions() // ---------------------- EXPLOSION ------------------------------------------------ // --------------------------------------------------------------------------------- function explode(factor) { var obj, c; var c0 = centroids[0]; for (var i = 0; i<centroids.length; ++i) { c = centroids[i]; obj = all_objects[all_objects.length - centroids.length + i]; obj.position.set(c.x*factor, c.y*factor, c.z*factor); } } function triggerExplode(event){ explodeScale = Number(event.currentTarget.value); explode(explodeScale); } function setExplodingSpeed(event){ explodingSpeed = Number(event.currentTarget.value); } function triggerAutomaticExplode(event){ if (event.currentTarget.checked){ startExploding(); } else { clearIntervals(); } } function startExploding(){ intervals.push(setInterval(explodingInterval, 25)); } function explodingInterval(){ explodeScale += explodingSpeed; if (explodeScale <= 6){ explode(explodeScale); } else{ explode(6); explodeScale = 6; clearIntervals(); timeouts.push(setTimeout(startUnexploding, 3000)); } document.getElementById('explodeRange_3').value = explodeScale; } function startUnexploding(){ intervals.push(setInterval(unexplodingInterval, 25)); } function unexplodingInterval(){ explodeScale -= explodingSpeed; if (explodeScale >= 0){ explode(explodeScale); } else { explode(0); explodeScale = 0; clearIntervals(); timeouts.push(setTimeout(startExploding, 3000)); } document.getElementById('explodeRange_3').value = explodeScale; } function clearIntervals(){ intervals.forEach(function(interval){ clearInterval(interval); }); intervals = []; timeouts.forEach(function(timeout){ clearTimeout(timeout); }); timeouts = []; } // append checkboxes for displaying or hiding objects var shownObjectsList = document.getElementById('shownObjectsList_3'); for (var i=0; i<all_objects.length; i++){ var objNode = document.createElement('span'); objNode.innerHTML = objectnames[i] + '<br>'; var checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.checked = true; checkbox.name = String(i); checkbox.onchange = showOrHideObject; shownObjectsList.appendChild(checkbox); shownObjectsList.appendChild(objNode); } function displayLabels(){ for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ var child = all_objects[i].children[j]; if (child.type == 'Sprite'){ child.visible = true; } } } } function hideLabels(){ for (var i=0; i<all_objects.length; i++){ for (var j=0; j<all_objects[i].children.length; j++){ var child = all_objects[i].children[j]; if (child.type == 'Sprite'){ child.visible = false; } } } } function displayOrHideLabels(event){ if (event.currentTarget.checked){ displayLabels(); labelsShown = true; } else { hideLabels(); labelsShown = false; } } function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } var tempobj; tempobj = document.getElementById('explodeRange_3'); if (tempobj) { tempobj.oninput = triggerExplode; document.getElementById('explodeCheckbox_3').onchange = triggerAutomaticExplode; document.getElementById('explodingSpeedRange_3').oninput = setExplodingSpeed; } tempobj = document.getElementById('foldRange_3'); if (tempobj) { tempobj.oninput = fold; } document.getElementById('transparencyRange_3').oninput = changeTransparency; document.getElementById('changeRotationX_3').onchange = changeRotationX; document.getElementById('changeRotationY_3').onchange = changeRotationY; document.getElementById('changeRotationZ_3').onchange = changeRotationZ; document.getElementById('resetButton_3').onclick = resetScene; document.getElementById('rotationSpeedRange_3').oninput = changeRotationSpeedFactor; document.getElementById('labelsCheckboxInput_3').onchange = displayOrHideLabels; document.getElementById('takeScreenshot_3').onclick = takeSvgScreenshot; document.getElementById('showSettingsButton_3').onclick = showSettings; document.getElementById('hideSettingsButton_3').onclick = hideSettings; // ------------------ SHORTCUTS -------------------------------------------- // ------------------------------------------------------------------------- /** * http://www.openjs.com/scripts/events/keyboard_shortcuts/ * Version : 2.01.B * By Binny V A * License : BSD */ shortcut = { 'all_shortcuts':{},//All the shortcuts are stored in this array 'add': function(shortcut_combination,callback,opt) { //Provide a set of default options var default_options = { 'type':'keydown', 'propagate':false, 'disable_in_input':false, 'target':document, 'keycode':false } if(!opt) opt = default_options; else { for(var dfo in default_options) { if(typeof opt[dfo] == 'undefined') opt[dfo] = default_options[dfo]; } } var ele = opt.target; if(typeof opt.target == 'string') ele = document.getElementById(opt.target); var ths = this; shortcut_combination = shortcut_combination.toLowerCase(); //The function to be called at keypress var func = function(e) { e = e || window.event; if(opt['disable_in_input']) { //Don't enable shortcut keys in Input, Textarea fields var element; if(e.target) element=e.target; else if(e.srcElement) element=e.srcElement; if(element.nodeType==3) element=element.parentNode; if(element.tagName == 'INPUT' || element.tagName == 'TEXTAREA') return; } //Find Which key is pressed if (e.keyCode) code = e.keyCode; else if (e.which) code = e.which; var character = String.fromCharCode(code).toLowerCase(); if(code == 188) character=","; //If the user presses , when the type is onkeydown if(code == 190) character="."; //If the user presses , when the type is onkeydown var keys = shortcut_combination.split("+"); //Key Pressed - counts the number of valid keypresses - if it is same as the number of keys, the shortcut function is invoked var kp = 0; //Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken var shift_nums = { "`":"~", "1":"!", "2":"@", "3":"#", "4":"$", "5":"%", "6":"^", "7":"&", "8":"*", "9":"(", "0":")", "-":"_", "=":"+", ";":":", "'":"\"", ",":"<", ".":">", "/":"?", "\\":"|" } //Special Keys - and their codes var special_keys = { 'esc':27, 'escape':27, 'tab':9, 'space':32, 'return':13, 'enter':13, 'backspace':8, 'scrolllock':145, 'scroll_lock':145, 'scroll':145, 'capslock':20, 'caps_lock':20, 'caps':20, 'numlock':144, 'num_lock':144, 'num':144, 'pause':19, 'break':19, 'insert':45, 'home':36, 'delete':46, 'end':35, 'pageup':33, 'page_up':33, 'pu':33, 'pagedown':34, 'page_down':34, 'pd':34, 'left':37, 'up':38, 'right':39, 'down':40, 'f1':112, 'f2':113, 'f3':114, 'f4':115, 'f5':116, 'f6':117, 'f7':118, 'f8':119, 'f9':120, 'f10':121, 'f11':122, 'f12':123 } var modifiers = { shift: { wanted:false, pressed:false}, ctrl : { wanted:false, pressed:false}, alt : { wanted:false, pressed:false}, meta : { wanted:false, pressed:false} //Meta is Mac specific }; if(e.ctrlKey) modifiers.ctrl.pressed = true; if(e.shiftKey) modifiers.shift.pressed = true; if(e.altKey) modifiers.alt.pressed = true; if(e.metaKey) modifiers.meta.pressed = true; for(var i=0; k=keys[i],i<keys.length; i++) { //Modifiers if(k == 'ctrl' || k == 'control') { kp++; modifiers.ctrl.wanted = true; } else if(k == 'shift') { kp++; modifiers.shift.wanted = true; } else if(k == 'alt') { kp++; modifiers.alt.wanted = true; } else if(k == 'meta') { kp++; modifiers.meta.wanted = true; } else if(k.length > 1) { //If it is a special key if(special_keys[k] == code) kp++; } else if(opt['keycode']) { if(opt['keycode'] == code) kp++; } else { //The special keys did not match if(character == k) kp++; else { if(shift_nums[character] && e.shiftKey) { //Stupid Shift key bug created by using lowercase character = shift_nums[character]; if(character == k) kp++; } } } } if(kp == keys.length && modifiers.ctrl.pressed == modifiers.ctrl.wanted && modifiers.shift.pressed == modifiers.shift.wanted && modifiers.alt.pressed == modifiers.alt.wanted && modifiers.meta.pressed == modifiers.meta.wanted) { callback(e); if(!opt['propagate']) { //Stop the event //e.cancelBubble is supported by IE - this will kill the bubbling process. e.cancelBubble = true; e.returnValue = false; //e.stopPropagation works in Firefox. if (e.stopPropagation) { e.stopPropagation(); e.preventDefault(); } return false; } } } this.all_shortcuts[shortcut_combination] = { 'callback':func, 'target':ele, 'event': opt['type'] }; //Attach the function with the event if(ele.addEventListener) ele.addEventListener(opt['type'], func, false); else if(ele.attachEvent) ele.attachEvent('on'+opt['type'], func); else ele['on'+opt['type']] = func; }, //Remove the shortcut - just specify the shortcut and I will remove the binding 'remove':function(shortcut_combination) { shortcut_combination = shortcut_combination.toLowerCase(); var binding = this.all_shortcuts[shortcut_combination]; delete(this.all_shortcuts[shortcut_combination]) if(!binding) return; var type = binding['event']; var ele = binding['target']; var callback = binding['callback']; if(ele.detachEvent) ele.detachEvent('on'+type, callback); else if(ele.removeEventListener) ele.removeEventListener(type, callback, false); else ele['on'+type] = false; } } shortcut.add("Alt+Left",function() { var event = new Event('click'); if (settingsShown){ document.getElementById('hideSettingsButton_3').dispatchEvent(event); } else{ document.getElementById('showSettingsButton_3').dispatchEvent(event); } }); if (foldable) moveToBaryCenter(); });}); // COMMON_CODE_BLOCK_END </script> </body> </html> </div> </HTML> shows the primal and dual graph of the polytope together with an edge between a primal and a dual node iff the primal node represents a vertex of the corresponding facet of the dual node. {{:tutorials:release:4.1:apps_topaz:cube_graph.png}} Visualization of the ''%%HASSE_DIAGRAM%%'' is possible via ''%%VISUAL_FACE_LATTICE%%''. It renders the graph in a .pdf file. You can even pipe the tikz code to whatever location using the ''%%tikz%%'' client: <code> tikz($s->VISUAL_FACE_LATTICE, File=>"/path/to/file.tikz"); </code> user_guide/tutorials/release/4.1/apps_topaz.txt Last modified: 2020/06/15 13:05by 127.0.0.1