3e:null 3f:["$","title",null,{"children":"Three.js for Beginners | Maksim Surguy | Observable"}] 45:T1291,STLExport = { /** * Usage: * var exporter = new THREE.STLExporter(); * * // second argument is a list of options * var data = exporter.parse( mesh, { binary: true } ); * */ THREE.STLExporter = function() {}; THREE.STLExporter.prototype = { constructor: THREE.STLExporter, parse: function(scene, options) { if (options === undefined) options = {}; var binary = options.binary !== undefined ? options.binary : false; // var objects = []; var triangles = 0; scene.traverse(function(object) { if (object.isMesh) { var geometry = object.geometry; if (geometry.isBufferGeometry !== true) { throw new Error( 'THREE.STLExporter: Geometry is not of type THREE.BufferGeometry.' ); } var index = geometry.index; var positionAttribute = geometry.getAttribute('position'); triangles += index !== null ? index.count / 3 : positionAttribute.count / 3; objects.push({ object3d: object, geometry: geometry }); } }); var output; var offset = 80; // skip header if (binary === true) { var bufferLength = triangles * 2 + triangles * 3 * 4 * 4 + 80 + 4; var arrayBuffer = new ArrayBuffer(bufferLength); output = new DataView(arrayBuffer); output.setUint32(offset, triangles, true); offset += 4; } else { output = ''; output += 'solid exported\n'; } var vA = new THREE.Vector3(); var vB = new THREE.Vector3(); var vC = new THREE.Vector3(); var cb = new THREE.Vector3(); var ab = new THREE.Vector3(); var normal = new THREE.Vector3(); for (var i = 0, il = objects.length; i < il; i++) { var object = objects[i].object3d; var geometry = objects[i].geometry; var index = geometry.index; var positionAttribute = geometry.getAttribute('position'); if (index !== null) { // indexed geometry for (var j = 0; j < index.count; j += 3) { var a = index.getX(j + 0); var b = index.getX(j + 1); var c = index.getX(j + 2); writeFace(a, b, c, positionAttribute, object); } } else { // non-indexed geometry for (var j = 0; j < positionAttribute.count; j += 3) { var a = j + 0; var b = j + 1; var c = j + 2; writeFace(a, b, c, positionAttribute, object); } } } if (binary === false) { output += 'endsolid exported\n'; } return output; function writeFace(a, b, c, positionAttribute, object) { vA.fromBufferAttribute(positionAttribute, a); vB.fromBufferAttribute(positionAttribute, b); vC.fromBufferAttribute(positionAttribute, c); if (object.isSkinnedMesh === true) { object.boneTransform(a, vA); object.boneTransform(b, vB); object.boneTransform(c, vC); } vA.applyMatrix4(object.matrixWorld); vB.applyMatrix4(object.matrixWorld); vC.applyMatrix4(object.matrixWorld); writeNormal(vA, vB, vC); writeVertex(vA); writeVertex(vB); writeVertex(vC); if (binary === true) { output.setUint16(offset, 0, true); offset += 2; } else { output += '\t\tendloop\n'; output += '\tendfacet\n'; } } function writeNormal(vA, vB, vC) { cb.subVectors(vC, vB); ab.subVectors(vA, vB); cb.cross(ab).normalize(); normal.copy(cb).normalize(); if (binary === true) { output.setFloat32(offset, normal.x, true); offset += 4; output.setFloat32(offset, normal.y, true); offset += 4; output.setFloat32(offset, normal.z, true); offset += 4; } else { output += '\tfacet normal ' + normal.x + ' ' + normal.y + ' ' + normal.z + '\n'; output += '\t\touter loop\n'; } } function writeVertex(vertex) { if (binary === true) { output.setFloat32(offset, vertex.x, true); offset += 4; output.setFloat32(offset, vertex.y, true); offset += 4; output.setFloat32(offset, vertex.z, true); offset += 4; } else { output += '\t\t\tvertex ' + vertex.x + ' ' + vertex.y + ' ' + vertex.z + '\n'; } } } }; return THREE.STLExporter; }46:Tca8,class LatheGeometry extends THREE.BufferGeometry { constructor(points, segments = 12, phiStart = 0, phiLength = Math.PI * 2) { super(); this.type = 'LatheGeometry'; this.parameters = { points: points, segments: segments, phiStart: phiStart, phiLength: phiLength }; segments = Math.floor(segments); // clamp phiLength so it's in range of [ 0, 2PI ] phiLength = THREE.MathUtils.clamp(phiLength, 0, Math.PI * 2); // buffers const indices = []; const vertices = []; const uvs = []; // helper variables const inverseSegments = 1.0 / segments; const vertex = new THREE.Vector3(); const uv = new THREE.Vector2(); // generate vertices and uvs for (let i = 0; i <= segments; i++) { const phi = phiStart + i * inverseSegments * phiLength; const sin = Math.sin(phi); const cos = Math.cos(phi); for (let j = 0; j <= points.length - 1; j++) { // vertex vertex.x = points[j].x * sin; vertex.y = points[j].y; vertex.z = points[j].x * cos; if (points[j].x * sin > 0) vertex.x = 0; // make all points in positive X direction be aligned to 0 axis vertices.push(vertex.x, vertex.y, vertex.z); // uv uv.x = i / segments; uv.y = j / (points.length - 1); uvs.push(uv.x, uv.y); } } // indices for (let i = 0; i < segments; i++) { for (let j = 0; j < points.length - 1; j++) { const base = j + i * points.length; const a = base; const b = base + points.length; const c = base + points.length + 1; const d = base + 1; // faces indices.push(a, b, d); indices.push(b, c, d); } } // build geometry this.setIndex(indices); this.setAttribute( 'position', new THREE.Float32BufferAttribute(vertices, 3) ); this.setAttribute('uv', new THREE.Float32BufferAttribute(uvs, 2)); // generate normals this.computeVertexNormals(); // if the geometry is closed, we need to average the normals along the seam. // because the corresponding vertices are identical (but still have different UVs). if (phiLength === Math.PI * 2) { const normals = this.attributes.normal.array; const n1 = new THREE.Vector3(); const n2 = new THREE.Vector3(); const n = new THREE.Vector3(); // this is the buffer offset for the last line of vertices const base = segments * points.length * 3; for (let i = 0, j = 0; i < points.length; i++, j += 3) { // select the normal of the vertex in the first line n1.x = normals[j + 0]; n1.y = normals[j + 1]; n1.z = normals[j + 2]; // select the normal of the vertex in the last line n2.x = normals[base + j + 0]; n2.y = normals[base + j + 1]; n2.z = normals[base + j + 2]; // average normals n.addVectors(n1, n2).normalize(); // assign the new values to both normals normals[j + 0] = normals[base + j + 0] = n.x; normals[j + 1] = normals[base + j + 1] = n.y; normals[j + 2] = normals[base + j + 2] = n.z; } } } }47:T24bf,wavedata = ({ version: 2, channels: 1, sample_rate: 48000, samples_per_pixel: 300, bits: 16, length: 512, data: [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -1, 1, -92, 78, -112, 135, -107, 110, -100, 143, -109, 90, -130, 117, -49, 130, -138, 85, -102, 112, -112, 124, -97, 85, -90, 154, -111, 95, -142, 157, -247, 195, -58, 243, -167, 122, -156, -41, -79, 42, -24, 155, -42, 186, -119, -16, -115, 1, -95, 6, -33, 118, -2, 145, -112, 50, -93, 63, -32, 76, -70, 42, -61, 77, -31, 78, -99, 25, -44, 57, -62, 45, -71, 66, -24, 72, -111, 0, -29, 80, -21, 67, -73, 7, -57, 86, -73, 79, -77, 35, -12, 90, -80, 77, -113, 43, -30, 85, -53, 24, -24, 64, -72, 13, -76, 30, -16, 130, -68, 77, -66, 7, -43, 80, -59, 20, -48, 87, -50, 75, -89, 42, -12, 68, -41, 62, -49, 81, -49, 70, -73, 73, -77, 96, -129, 205, -221, 77, 6, 118, -140, 84, -118, 51, -31, 59, -104, 19, -57, 92, -44, 45, -62, 22, -39, 76, -48, 42, -42, 29, -9, 77, -101, 37, -79, 23, -11, 92, -88, 34, -60, 66, -44, 86, -100, 46, -42, 66, -77, 82, -70, 8, -27, 73, -82, 64, -48, 53, -25, 54, -96, 35, -17, 79, -41, 47, -101, 51, -8, 71, -32, 34, -53, 72, -40, 96, -68, 8, -60, 96, -43, 70, -70, 23, -15, 79, -105, 40, -60, 49, 4, 75, -132, 39, -82, 46, -31, 91, -63, 7, -20, 44, -70, 41, -72, 54, -11, 75, -1844, 2409, -180, 190, -446, 539, -258, 230, -137, 160, -432, 513, -899, 592, -420, 352, -139, 99, -91, 90, -109, 137, -132, 23, -69, 100, -86, 131, -107, 117, -501, 776, -635, 499, -735, 831, -395, 338, -337, 475, -368, 408, -378, 310, -715, 437, -323, 442, -670, 654, -1172, 2349, -2442, 3124, -2871, 2376, -2927, 2116, -2845, 2277, -1535, 1966, -2918, 2060, -3014, 2027, -3113, 1984, -1565, 2174, -2737, 2077, -3063, 1534, -1824, 2052, -2752, 1874, -2600, 1781, -2572, 1698, -1298, 1639, -2453, 1742, -2427, 1584, -3371, 2597, -3365, 2599, -3828, 3640, -3903, 4198, -3457, 4704, -4213, 4437, -3914, 5202, -3950, 5575, -3511, 4412, -4494, 5865, -4747, 5990, -4818, 5669, -3534, 5338, -4848, 5388, -4311, 6082, -4590, 3433, -4007, 6136, -4494, 6192, -3829, 6585, -4773, 5344, -4243, 6508, -3589, 6380, -3891, 5960, -3293, 4435, -3038, 1479, -2488, 3205, -2417, 2733, -2469, 2292, -2503, 1692, -2259, 1677, -2236, 1501, -2063, 1268, -1913, 1151, -1718, 1173, -1829, 1130, -1803, 889, -907, 1072, -1624, 1069, -1799, 1143, -1733, 1104, -1467, 1067, -1976, 1069, -2077, 1128, -2500, 1029, -685, 1225, -2960, 1243, -3336, 1213, -3644, 1762, -233, 1741, -3744, 1558, -3810, 2103, -4001, 2382, -2993, 2548, -3919, 1642, -3960, 2358, -3713, 2255, -3413, 2134, -1856, 2126, -3124, 1904, -2790, 2002, -2450, 1904, -2332, 1695, -2489, 1502, -2527, 1429, -2441, 1446, -2107, 1293, -2226, 1510, -2001, 1443, -1627, 1537, -1480, 1646, -1309, 1516, -1116, 1220, -1063, 1092, -750, 857, -696, 818, -633, 511, -484, 500, -406, 360, -313, 298, -251, 224, -172, 234, -217, 113, -83, 196, -148, 115, -164, 107, -102, 144, -95, 38, -53, 126, -90, 99, -153, 53, -58, 98, -117, 135, -133, 74, -32, 119, -122, 28, -75, 66, 6, 72, -107, 25, -130, 98, -26, 89, -109, 54, -27, 64, -54, 33, -68, 66, -53, 77, -75, 21, -23, 73, -77, 111, -109, 26, 2, 67, -76, 51, -63, 47, -43, 119, -73, 75, -140, 54, -59, 109, -82, 63, -58, 51, -45, 63, -86, 54, -29, 50, -93, 69, -77, 95, -55, 119, -115, 68, -95, 64, -46, 91, -102, 56, -97, 93, -116, 76, -89, 48, -41, 81, -72, 53, -120, 77, -43, 89, -118, 7, -16, 83, -58, 80, -105, 31, -17, 88, -70, 65, -76, 25, -29, 85, -63, 57, -59, 68, -48, 87, -97, -2, -35, 67, -64, 74, -113, 63, -12, 84, -80, 45, -93, 50, -42, 64, -82, 51, -26, 83, -61, 75, -87, 25, -36, 80, -60, 55, -65, 55, -34, 64, -76, 50, -77, 65, -17, 77, -67, -1, -51, 68, -96, 52, -48, 76, -17, 89, -85, 39, -70, 40, -23, 82, -103, 38, -34, 124, -84, 98, -104, 49, -47, 122, -100, 94, -153, 27, -18, 111, -65, 43, -61, 73, -110, 104, -85, 42, -31, 106, -104, 91, -72, 57, -53, 129, -128, 17, -73, 82, -40, 127, -99, 55, -33, 108, -104, 50, -96, 57, -20, 104, -109, 35, -76, 113, -30, 111, -108, 13, -76, 141, -85, 90, -76, 55, -58, 117, -86, 106, -108, 31, -84, 78, -143, 67, -64, 92, -72, 100, -66, 57, -45, 100, -295, 237, -237, 164, 5, 217, -187, 23, -103, 159, -92, 225, -211, -53, -59, 143, -59, 106, -57, 69, -17, 85, -85, 16, -49, 86, -25, 51, -80, 11, -76, 85, -77, 60, -86, 48, -48, 107, -44, 70, -85, 24, -22, 88, -81, 61, -37, 57, -65, 84, -156, 48, -73, 151, -122, 149, -194, 57, -50, 130, -72, 84, -33, 79, -58, 97, -132, -34, -74, 123, 2, 87, -66, 66, -59, 48, -90, 4, -105, 36, -34, 134, -64, 63, -55, 66, -68, 85, -95, -20, -49, 91, -56, 100, -72, 25, -20, 78, -91, 106, -92, 68, -60, 71, -69, 29, -48, 114, -99, 119, -133, 74, -69, 81, -150, 64, -164, 122, -34, 146, -149, 101, -144, 194, -95, 178, -152, 122, -164, 91, -100, 166, -140, 61, -69, 103, -60, 54, -121, 116, -97, 107, -161, 86, -90, 92, -90, 78, -111, 101, -49, 96, -77, 102, -96, 56, -27, 126, -92, 63, -78, 115, -100, 110, -108, 41, 6, 102, -118, 69, -96, 47, -50, 100, -110, 77, -107, 84, -51, 138, -102, 19, -77, 124, -61, 107, -93, 95, -70, 92, -123, 65, -64, 116, -75, 122, -110, 33, -81, 102, -43, 88, -123, 75, -31, 95, -76, 71, -113, 48, -55, 97, -68, 36, -36, 76, -62, 54, -66, 20, -16, 95, -102, 95, -88, 40, -33, 120, -101, 66, -67, 66, -57, 148, -111, 38, -106, 118, -87, 80, -74, 28, -55, 66, -65, 56, -44, 50, -12, 82, -85, 20, -75, 49, -18, 70, -79, 26, -50, 93 ] })48:T5c8,theme_Flat = ` :scope { position: relative; display: inline-block; width: 600px; --thumb-size: 15px; --thumb-radius: calc(var(--thumb-size) / 2); padding: var(--thumb-radius) 0; color: #3b99fc; margin: 2px; vertical-align: middle; } :scope .range-track { box-sizing: border-box; position: relative; height: 7px; background-color: hsl(0, 0%, 80%); overflow: visible; border-radius: 4px; padding: 0 var(--thumb-radius); } :scope .range-track-zone { box-sizing: border-box; position: relative; } :scope .range-select { box-sizing: border-box; position: relative; left: var(--range-min); width: calc(var(--range-max) - var(--range-min)); cursor: ew-resize; background: currentColor; height: 7px; border: inherit; } /* Expands the hotspot area. */ :scope .range-select:before { content: ""; position: absolute; width: 100%; height: var(--thumb-size); left: 0; top: calc(2px - var(--thumb-radius)); } :scope .range-select:focus, :scope .thumb:focus { outline: none; } :scope .thumb { box-sizing: border-box; position: absolute; width: var(--thumb-size); height: var(--thumb-size); background: #fcfcfc; top: -4px; border-radius: 100%; border: 1px solid hsl(0,0%,55%); cursor: default; margin: 0; } :scope .thumb:active { box-shadow: inset 0 var(--thumb-size) #0002; } :scope .thumb-min { left: calc(-1px - var(--thumb-radius)); } :scope .thumb-max { right: calc(-1px - var(--thumb-radius)); } `49:[] 43:{"id":"ef968c668d341f86","slug":null,"title":"Three.js for Beginners","thumbnail":"a3d3462cbe16baa5e96d9c0553891a9829b1dff7023d183ffe5f10c79b9cf742","access_level":"public","create_time":"$D2021-02-15T23:40:33.615Z","update_time":"$D2021-02-18T00:55:38.156Z","view_time":null,"first_public_time":"$D2022-12-01T06:46:14.198Z","has_unpublished_edits":null,"fork":{"id":"b408f7f8263bb554","slug":"three-js-for-beginners","title":"Three.js for Beginners","owner":{"id":"e71e365c7cf02412","login":"cpreid2","name":"Colin Reid"}},"stars":1,"starred":false,"owner":{"type":"team","id":"b70866d97388e132","login":"msurguy","name":"Maksim Surguy","avatar_url":"https://avatars-next.observableusercontent.com/7e9cac47fcc83c2b69d765c4e799d813f2e158dca84a9f1c759db77ffa9f20d7","tier":"starter_2024","bio":"Design Technologist, creator of plotterfiles.com and drawingbots.net, open source tools creator. On twitter: @msurguy","following":false},"version":661,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"10a57afa0a06ca21","login":"msurguy","name":"Maksim Surguy","avatar_url":"https://avatars-next.observableusercontent.com/7e9cac47fcc83c2b69d765c4e799d813f2e158dca84a9f1c759db77ffa9f20d7","tier":null,"bio":"Design Technologist, creator of plotterfiles.com and drawingbots.net, open source tools creator. On twitter: @msurguy","following":false}],"members":[{"type":"individual","id":"10a57afa0a06ca21","login":"msurguy","name":"Maksim Surguy","avatar_url":"https://avatars-next.observableusercontent.com/7e9cac47fcc83c2b69d765c4e799d813f2e158dca84a9f1c759db77ffa9f20d7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Three.js for Beginners","cells":[{"id":0,"value":"md`# Three.js for Beginners`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"THREE = {\n const THREE = (window.THREE = await require('three'));\n await require('three@0.119.1/examples/js/controls/OrbitControls.js').catch(\n () => {}\n );\n return THREE;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":363,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"scene = {\n const scene = new THREE.Scene(); // Create scene\n scene.background = new THREE.Color('#444444'); // Modify scene background color\n return scene;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"lathe = {\n const material = new THREE.MeshPhongMaterial({\n color: 0x156289,\n emissive: 0x072534,\n side: THREE.DoubleSide,\n flatShading: true\n });\n return new THREE.Mesh(geometry, material);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"geometry = {\n const points = [];\n for (let i = 0; i < coords.length; i++) {\n points.push(new THREE.Vector2(coords[i][0], coords[i][1]));\n }\n return new LatheGeometry(points, 80);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"viewof near = slider({min: 0.1, max: 1000, value: 1, title: \"near\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"viewof far = slider({min: 0.1, max: 1000, value: 1000, title: \"far\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"camera = {\n const camera = new THREE.PerspectiveCamera(fov, aspect, near, far); // Create camera\n camera.position.x = -20; // Place the camera at (0,0,3)\n camera.lookAt(lathe.position);\n\n return camera;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"lights = {\n const lights = [];\n lights[0] = new THREE.PointLight(0xffffff, 1, 0);\n lights[1] = new THREE.PointLight(0xffffff, 1, 0);\n lights[2] = new THREE.PointLight(0xffffff, 1, 0);\n\n lights[0].position.set(0, 200, 0);\n lights[1].position.set(100, 200, 100);\n lights[2].position.set(-100, -200, -100);\n\n return lights;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":345,"value":"scene.add(lights[0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"scene.add( lights[ 1 ] );\n\t\t","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"scene.add(lights[2])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"md`### Rendering the Scene`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":490,"value":"function waveToPoints(frequencies) {\n let latheProfile = [];\n for (let i = 0; i < frequencies.length * 2; i++) {\n latheProfile.push([frequencies[i], i * distanceBetweenDiscs]);\n // latheProfile.push([\n // frequencies[i] + 0.01,\n // i * distanceBetweenDiscs + distanceBetweenDiscs / 2\n // ]);\n latheProfile.push([\n frequencies[i],\n i * distanceBetweenDiscs + distanceBetweenDiscs / 2\n ]);\n }\n return latheProfile;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":498,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"lerp = (a, b, t) => a * (1 - t) + b * t","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"map = (n, a, b, c, d) => lerp(c, d, (n - a) / (b - a))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":504,"value":"frequencies = {\n let amplitudes = [];\n amplitudes.push(0.1);\n amplitudes.push(0.1);\n const wavedataSliced = wavedata.data.slice(\n waveformStartEndIndex[0],\n waveformStartEndIndex[1]\n );\n for (let j = 1; j < wavedataSliced.length; j += 2) {\n const mappedValue = map(\n Math.abs(wavedataSliced[j]),\n 0,\n 32767,\n 0.1,\n maxRange\n );\n amplitudes.push(mappedValue);\n }\n amplitudes.push(0.1);\n amplitudes.push(0.1);\n return amplitudes;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"coords = {\n return waveToPoints(frequencies);\n // return [[0, 0], [3, 0], [3, 2], [0, 2]];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"{\n zoomin;\n return zoomCameraToSelection(camera, controls, lathe, 1.2);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":557,"value":"renderer = new THREE.WebGLRenderer({ antialias: true }) // Create renderer","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"controls = new THREE.OrbitControls(camera, renderer.domElement)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"viewof fov = slider({ min: 20, max: 180, value: 75, title: \"fov\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"viewof aspect = slider({\n min: width / 500 - 5,\n max: width / 500 + 5,\n value: width / 500,\n title: \"aspect\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":543,"value":"viewof zoomin = button({ value: \"Zoom\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":603,"value":"viewof waveformStartEndIndex = rangeSlider({\n min: 0,\n max: wavedata.data.length,\n step: 1,\n value: this ? this.value : [0, wavedata.data.length],\n submit: true,\n theme: theme_Flat\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"(lathe.name = 'lathe')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"DOM.download(\n () => {\n var exporter = new THREE.STLExporter();\n return new Blob([exporter.parse(lathe)], { type: 'text/plain' });\n },\n 'wave.stl',\n 'Save as STL'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":650,"value":"viewof maxRange = slider({ min: 1, max: 15, value: 8, title: \"maxRange\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"viewof distanceBetweenDiscs = slider({\n min: 0,\n max: 1,\n value: 0.05,\n title: \"Distance Between Discs\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"rendering = {\n renderer.setSize(width, 500); // Set the size of the renderer\n renderer.setPixelRatio(devicePixelRatio);\n scene.add(lathe);\n invalidation.then(() => {\n scene.remove(scene.getObjectByName('lathe'));\n\n controls.dispose();\n renderer.dispose();\n scene.add(lathe);\n zoomCameraToSelection(camera, controls, lathe, 1.2);\n });\n controls.addEventListener(\"change\", () => renderer.render(scene, camera));\n\n while (true) {\n controls.update();\n renderer.render(scene, camera); // Add the scene and camera to the renderer\n\n yield renderer.domElement;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"function zoomCameraToSelection(camera, controls, object, fitOffset = 1.2) {\n const box = new THREE.Box3();\n\n box.expandByObject(object);\n\n const size = box.getSize(new THREE.Vector3());\n const center = box.getCenter(new THREE.Vector3());\n\n const maxSize = Math.max(size.x, size.y, size.z);\n const fitHeightDistance =\n maxSize / (2 * Math.atan((Math.PI * camera.fov) / 360));\n const fitWidthDistance = fitHeightDistance / camera.aspect;\n const distance = fitOffset * Math.max(fitHeightDistance, fitWidthDistance);\n\n const direction = controls.target\n .clone()\n .sub(camera.position)\n .normalize()\n .multiplyScalar(distance);\n\n controls.maxDistance = distance * 10;\n controls.target.copy(center);\n\n camera.near = distance / 100;\n camera.far = distance * 100;\n camera.updateProjectionMatrix();\n\n camera.position.copy(controls.target).sub(direction);\n\n controls.update();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"import { slider, button, color } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"import { rangeSlider } from '@mootari/range-slider'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 44:"$43:body"