2f:T49d,class Cube { constructor(center, size) { // Generate the vertices var d = size / 2; this.vertices = [ createVertex3d(center.x - d, center.y - d, center.z + d), createVertex3d(center.x - d, center.y - d, center.z - d), createVertex3d(center.x + d, center.y - d, center.z - d), createVertex3d(center.x + d, center.y - d, center.z + d), createVertex3d(center.x + d, center.y + d, center.z + d), createVertex3d(center.x + d, center.y + d, center.z - d), createVertex3d(center.x - d, center.y + d, center.z - d), createVertex3d(center.x - d, center.y + d, center.z + d), ]; // Generate the faces this.faces = [ [this.vertices[0], this.vertices[1], this.vertices[2], this.vertices[3]], [this.vertices[3], this.vertices[2], this.vertices[5], this.vertices[4]], [this.vertices[4], this.vertices[5], this.vertices[6], this.vertices[7]], //[this.vertices[7], this.vertices[6], this.vertices[1], this.vertices[0]], //[this.vertices[7], this.vertices[0], this.vertices[3], this.vertices[4]], //[this.vertices[1], this.vertices[6], this.vertices[5], this.vertices[2]], ]; } };30:T80c,class Icosahedron { constructor(r){ r = r || 0.5; var phi = (1 + Math.sqrt(5)) / 2; var a = 1 / 2; var b = 1 / (2 * phi); this.vertices = [ createVertex3d( 0, b * r, -a * r), createVertex3d( b * r, a * r, 0), createVertex3d( -b * r, a * r, 0), createVertex3d( 0, b * r, a * r), createVertex3d( 0, -b * r, a * r), createVertex3d( -a * r, 0, b * r), createVertex3d( a * r, 0, b * r), createVertex3d( 0, -b * r, -a * r), createVertex3d( a * r, 0, -b * r), createVertex3d( -a * r, 0, -b * r), createVertex3d( b * r, -a * r, 0), createVertex3d( -b * r, -a * r, 0) ]; this.faces = [ [ this.vertices[1], this.vertices[0], this.vertices[2] ], [ this.vertices[2], this.vertices[3], this.vertices[1] ], [ this.vertices[4], this.vertices[3], this.vertices[5] ], [ this.vertices[6], this.vertices[3], this.vertices[4] ], [ this.vertices[7], this.vertices[0], this.vertices[8] ], [ this.vertices[9], this.vertices[0], this.vertices[7] ], [ this.vertices[10], this.vertices[4], this.vertices[11] ], [ this.vertices[11], this.vertices[7], this.vertices[10] ], [ this.vertices[5], this.vertices[2], this.vertices[9] ], [ this.vertices[9], this.vertices[11], this.vertices[5] ], [ this.vertices[8], this.vertices[1], this.vertices[6] ], [ this.vertices[6], this.vertices[10], this.vertices[8] ], [ this.vertices[5], this.vertices[3], this.vertices[2] ], [ this.vertices[1], this.vertices[3], this.vertices[6] ], [ this.vertices[2], this.vertices[0], this.vertices[9] ], [ this.vertices[8], this.vertices[0], this.vertices[1] ], [ this.vertices[9], this.vertices[7], this.vertices[11] ], [ this.vertices[10], this.vertices[7], this.vertices[8] ], [ this.vertices[11], this.vertices[4], this.vertices[5] ], [ this.vertices[6], this.vertices[4], this.vertices[10] ] ]; } }31:T4be,render3d = (objects, theta, phi) => { let lines = ''; const axisXEndPoint = projectOrtho(rotate3d({x: 100, y: 0, z:0}, createVertex3d(0, 0, 0), theta, phi)); const axisYEndPoint = projectOrtho(rotate3d({x: 0, y: 100, z:0}, createVertex3d(0, 0, 0), theta, phi)); const axisX = `` const axisY = `` // For each object for (var i = 0, n_obj = objects.length; i < n_obj; ++i) { // For each face for (var j = 0, n_faces = objects[i].faces.length; j < n_faces; ++j) { const rotatedFace = objects[i].faces[j].map(vertex => rotate3d( vertex, createVertex3d(0, 0, 0), theta, phi, //animatedProps.theta, //animatedProps.phi, )); if (isCounterClockwise(rotatedFace[0], rotatedFace[1], rotatedFace[2])) { lines += outlineFace(rotatedFace, "black"); lines += fillFace(rotatedFace, "black"); } } } return html `

\n\nhttps://hyperallergic.com/176036/the-minimalist-beauty-of-a-renaissance-era-geometry-book/ \n

\n\n\"Über die gleichecking-gleichflächigen, diskontinuierlichen und nichtkonvexen Polyheder\" – Prof. Dr. Max Bruckner. \n

\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"md`#### libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":379,"value":"anime = require(\"animejs@2.2.0\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}