3f:null 40:["$","title",null,{"children":"Sweep modeling (incomplete) | Guilherme Goldman | Observable"}] 46:T418,function getTranslations(){ let translacoes = [] for(let i = 0;i <= conf.nsweep;i++){ var m = new THREE.Matrix4() let angle = THREE.Math.degToRad(conf.twist)*(i/conf.nsweep) frenetPoints.binormals[i].applyAxisAngle(frenetPoints.tangents[i],angle) frenetPoints.normals[i].applyAxisAngle(frenetPoints.tangents[i],angle) var arrowHelperBi = new THREE.ArrowHelper(frenetPoints.binormals[i], curvaSweepPoints[i], 1, 0xff0000 ) var arrowHelperNor = new THREE.ArrowHelper(frenetPoints.normals[i], curvaSweepPoints[i], 1, 0x00ff00 ) frenetFrames[i*3+1] = arrowHelperBi frenetFrames[i*3+2] = arrowHelperNor m.set(frenetPoints.binormals[i].x,frenetPoints.normals[i].x,frenetPoints.tangents[i].x,curvaSweepPoints[i].x, frenetPoints.binormals[i].y,frenetPoints.normals[i].y,frenetPoints.tangents[i].y,curvaSweepPoints[i].y, frenetPoints.binormals[i].z,frenetPoints.normals[i].z,frenetPoints.tangents[i].z,curvaSweepPoints[i].z, 0,0,0,1 ) translacoes.push(m) } return translacoes }47:T4a2,// // Simple trackball controls. Changes the surface rotation and the camera distance in // response to mouse interactions in the 3D view // { let mouse = null; let canvas = renderer.domElement; canvas.oncontextmenu = (e) => { e.preventDefault(); e.stopPropagation() } canvas.onmousedown = (e) => { mouse = new THREE.Vector3(e.offsetX,e.offsetY,0) } canvas.onmouseup = (e) => { mouse = null } canvas.onmousemove = (e) => { if (mouse) { let newMouse = new THREE.Vector3(e.offsetX,e.offsetY,0); if (e.buttons & 1) { let axis = new THREE.Vector3(newMouse.y-mouse.y,newMouse.x-mouse.x,0); let angle = axis.length()*Math.PI/180*0.5; // 1/2 degree if (angle == 0) return; axis.normalize(); let rot = new THREE.Quaternion().setFromAxisAngle(axis,angle); surface.quaternion.premultiply(rot); frenetFrames.quaternion.premultiply(rot); } else { let scale = newMouse.y > mouse.y ? 0.98 : (newMouse.y < mouse.y ? 1.02 : 1); camera.position.multiplyScalar(scale); } renderer.render(scene,camera) mouse = newMouse } } }48:T797,// // An input element for polygons. poly is an array of THREE.Vector3, // and options may contain: // w and h - the width and height of the drawing area (400 by default) // proj - an isometric projection - either 'xy', 'yz' or 'zx' ('xy' by default) // title - a title string (empty by default) // function editPoly (poly, options) { // // let {title="", w = 400, h = 400, proj = 'xy'} = options; let transf = canvasTransform(8,w,h,proj); let inverse = new THREE.Matrix4().getInverse(transf); let toCanvas = (poly) => poly.map(p=>p.clone().applyMatrix4(transf)) let fromCanvas = (poly) => poly.map(p=>p.clone().applyMatrix4(inverse)) let origPoly = poly; poly = toCanvas(poly); let svg = d3.create('svg').attr("width",w).attr("height",h); let line = svg.append('polyline').attr("fill", "none").attr("stroke", 'red'); let setLine = function () { let points = curve(poly).getPoints(conf.nsection).map(pt => `${pt.x},${pt.y}`).join(" ") line.attr("points", points); poly.forEach((p,i) => { origPoly[i] = p.clone().applyMatrix4(inverse) }); svg.node().value = origPoly; svg.node().dispatchEvent(new CustomEvent('input', { bubbles: true })); } setLine(); let drag = d3.drag().on('drag', function(d,i) { d3.select(this).attr("cx", d.x = d3.event.x).attr("cy", d.y = d3.event.y); setLine() }); let axes = svg.append("g").attr("class","axes"); axes.append("path").attr('d', `M0,${h/2} L${w},${h/2} M${w/2},0 L${w/2},${h}`).attr('stroke','gray'); axes.append("text").attr('x', w-10).attr('y', h/2-10).text(proj[0]).attr("fill",'black'); axes.append("text").attr('x', w/2-15).attr('y', 10).text(proj[1]).attr("fill",'black'); svg.append('text').attr("class","title").attr('x',15).attr('y',15).text(title); svg.selectAll("circle").data(poly).join("circle") .attr("cx", d=>d.x) .attr("cy", d=>d.y) .attr("r", 5) .call (drag); return svg.node() }49:[{"id":"d176b975e80e9c26f4549f2873deee5d9fd620d4342e0153acfc95c0692f6669adef4d1ad7da8a1056a097ac402c8f5fe14829d0db4cc2bc48a74aa855c80254","href":"https://static.observableusercontent.com/files/d176b975e80e9c26f4549f2873deee5d9fd620d4342e0153acfc95c0692f6669adef4d1ad7da8a1056a097ac402c8f5fe14829d0db4cc2bc48a74aa855c80254","name":"fundo.jpg","type":"image/jpeg","lastModified":1598830856083.75,"size":743304},{"id":"4f9e2467b16a3d17bd70cf096737667da61c12011d9c17457b43200110c09929a3be017de36e74b95db934a93ebc8d3d326b9fae638cd61d5ee9bf700f895eb2","href":"https://static.observableusercontent.com/files/4f9e2467b16a3d17bd70cf096737667da61c12011d9c17457b43200110c09929a3be017de36e74b95db934a93ebc8d3d326b9fae638cd61d5ee9bf700f895eb2","name":"donet.jpg","type":"image/jpeg","lastModified":1598914992008.358,"size":9537},{"id":"d5ef1c87bdbf1ccca73bc30b303ddbee9d5354df5f51b8727b185895a6d4591f16daa28f0a7af946a5c003de1d4105f3d631cdb8605990ac2d52db81e5ef506d","href":"https://static.observableusercontent.com/files/d5ef1c87bdbf1ccca73bc30b303ddbee9d5354df5f51b8727b185895a6d4591f16daa28f0a7af946a5c003de1d4105f3d631cdb8605990ac2d52db81e5ef506d","name":"store.png","type":"image/png","lastModified":1598958407301.679,"size":310683}] 44:{"id":"087d81d15cb3a03c","slug":"sweep-modeling-incomplete","title":"Sweep modeling (incomplete)","thumbnail":"141921fe045bca644624ed76a16c3de351e3d63c4666b0387fa85496a4e85f1c","access_level":"public","create_time":"$D2020-08-29T22:09:47.856Z","update_time":"$D2020-09-10T01:42:18.064Z","view_time":null,"first_public_time":"$D2020-10-24T22:29:49.852Z","has_unpublished_edits":null,"fork":{"id":"50e2c5e21f98ac6c","slug":"sweep-modeling-incomplete","title":"Sweep modeling (incomplete)","owner":{"id":"e9fcee55f21948e0","login":"esperanc","name":"Claudio Esperança"}},"stars":0,"starred":false,"owner":{"type":"team","id":"ee7f7a0c9e34e10e","login":"namdlog","name":"Guilherme Goldman","avatar_url":"https://avatars-next.observableusercontent.com/36cae796b4676bf1f618decc631e7399efe8a171c6786170bf2d4e2205ae3ea2","tier":"starter_2024","bio":"","following":false},"version":1366,"publish_version":1366,"role":null,"authored":false,"authors":[{"type":"individual","id":"f7aefb6c3ff32bf7","login":"namdlog","name":"Guilherme Goldman","avatar_url":"https://avatars-next.observableusercontent.com/36cae796b4676bf1f618decc631e7399efe8a171c6786170bf2d4e2205ae3ea2","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"f7aefb6c3ff32bf7","login":"namdlog","name":"Guilherme Goldman","avatar_url":"https://avatars-next.observableusercontent.com/36cae796b4676bf1f618decc631e7399efe8a171c6786170bf2d4e2205ae3ea2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Sweep modeling (incomplete)","cells":[{"id":0,"value":"md`# Sweep modeling (incomplete)\n\nThe idea here is to sweep a curve along another curve thus creating a swept surface.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"canvas = html`