31:T66f,function getSkewedPolygonVertexes(c, cr1, cr2){ // remove after integration [c,cr1,cr2].forEach(p=>{p.xPos=p.x;p.yPos=p.y}); const max = 200||this.boundMax; let vertexes = [c,cr1]; const normalize = (x,y) =>{ if(x==-max) return (+y+max) / (max*2) / 4; if(y==+max) return (+x+max) / (max*2) / 4 + 0.25; if(x==+max) return (-y+max) / (max*2) / 4 + 0.50; if(y==-max) return (-x+max) / (max*2) / 4 + 0.75; } const cr1Norm = normalize(cr1.xPos,cr1.yPos); const cr2Norm = normalize(cr2.xPos,cr2.yPos); const edgePointExtents = { 'bottom':[{xPos:-max,yPos:-max},{xPos:-max,yPos:+max},{xPos:+max,yPos:+max},{xPos:+max,yPos:-max}], 'left':[{xPos:-max,yPos:+max},{xPos:+max,yPos:+max},{xPos:+max,yPos:-max},{xPos:-max,yPos:-max}], 'top':[{xPos:+max,yPos:+max},{xPos:+max,yPos:-max},{xPos:-max,yPos:-max},{xPos:-max,yPos:+max}], 'right':[{xPos:+max,yPos:-max},{xPos:-max,yPos:-max},{xPos:-max,yPos:+max},{xPos:+max,yPos:+max}] } const edge = getCrossingPointEdge(cr1) const extentPoints = edgePointExtents[edge] const extentPointNorm = extentPoints.map(p=>normalize(p.xPos,p.yPos)); extentPointNorm.forEach((normP,i)=>{ if(cr1Norm<=normP && normP<=cr2Norm){ vertexes.push(extentPoints[i]) } if(cr1Norm>cr2Norm){ if(!(cr2Norm<=normP && normP<=cr1Norm)){ vertexes.push(extentPoints[i]) } } }); vertexes.push(cr2); vertexes.forEach(p=>{p.x=p.xPos;p.y=p.yPos}); return vertexes; return { vertexes, extentPointNorm, cr1Norm, cr2Norm }; }32:T4c3,function getInnerCrossingPointCoordinate({c,cr1}){ const boundXMin = -100+innerRectX; const boundXMax = 100+innerRectX; const boundYMin = -100-innerRectY; const boundYMax = 100-innerRectY; const regr = getPointLineRegression({c,p:cr1}); if(regr.a == +Infinity) return {x:c.x,y:boundYMin}; if(regr.a == -Infinity) return {x:c.x,y:boundYMax}; let values = [ {name:'left', value:regr.y(boundXMin), point:{x:boundXMin,y:regr.y(boundXMin)}, invalid:c.x boundYMax}, {name:'right', value:regr.y(boundXMax), point:{x:boundXMax,y:regr.y(boundXMax)}, invalid:c.x>cr1.x, invalidBounds: regr.y(boundXMax) < boundYMin || regr.y(boundXMax) > boundYMax}, {name:'top', value:regr.x(boundYMax), point:{y:boundYMax,x:regr.x(boundYMax)}, invalid:c.y>cr1.y, invalidBounds: regr.x(boundYMax) < boundXMin || regr.x(boundYMax) > boundXMax}, {name:'bottom', value:regr.x(boundYMin), point:{y:boundYMin,x:regr.x(boundYMin)}, invalid:c.y boundXMax}, ] .filter(d=>!d.invalid) .filter(d=>!d.invalidBounds); return values[0].point; }33:T8b3,function draw({c,p,crossingEdge}){ return svg` ` }34:[] 2f:{"title":"Rect & line intersection","cells":[{"id":0,"value":"md`# Rect & line intersection`","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"viewof values = inputsGrid([\n [\n slider({title:'Cx',min:0,max:200,step:1,value:100,format: v => Math.round((v)/200*100)+' % '}),\n slider({title:'Cy',min:0,max:200,step:1,value:100,format: v => Math.round((v)/200*100)+' % '}),\n slider({title:'Px',min:0,max:200,step:1,value:0,format: v => Math.round((v)/200*100)+' % '}),\n slider({title:'Py',min:0,max:200,step:1,value:100, format: v => Math.round((v)/200*100)+' % '}),\n slider({title:'Inner Rect X',min:-100,max:100,step:1,value:0, format: v => Math.round((v+100)/200*100)+' % '}),\n slider({title:'Inner Rect Y',min:-100,max:100,step:1,value:0, format: v => Math.round((v+100)/200*100)+' % '}), \n slider({title:'Dummy Cross Point Position',min:0,max:99.9,step:0.1,value:37, format: v => Math.round((v)/100*100)+' % '})\n ]\n],\n[\n ['Cx','Cy','Px','Py','innerRectX','innerRectY','cr2']\n]\n \n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":883,"value":"html`\n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n

c	p	c->p Formula y	c->p Formula x	calc p
(${c.x.toFixed(1)}, ${c.y.toFixed(1)})	(${p.x.toFixed(1)}, ${p.y.toFixed(1)})	y = ${regrInner.a.toFixed(1)} * x + ${regrInner.b.toFixed(1)}	x = (y - ${regrInner.b.toFixed(1)}) / ${regrInner.a.toFixed(1)}	(${pCalculated.x.toFixed(1)}, ${pCalculated.y.toFixed(1)})

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"{\n // const c = {x:120,y:200};\n // const p = {x:200,y:250};\n const crossingEdge = 'bottom'\n \n return draw({c,p,crossingEdge})\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":763,"value":"cr2 = {\n if(values.cr2<=25) return {x:-200,y:values.cr2/25*400-200}\n if(values.cr2<50) return {y: 200,x:(values.cr2%25)/25*400-200}\n if(values.cr2<75) return {x: 200,y:-(values.cr2%25)/25*400+200}\n return {y: -200,x:-(values.cr2%25)/25*400+200}\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"c = ({x:Cx-100+innerRectX,y:(-100+Cy-innerRectY)}); // ","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"p = ({x:Px-100+innerRectX,y:(-100+Py-innerRectY)});","pinned":false,"hidden":false,"mode":"ojs"},{"id":908,"value":"regrInner = getPointLineRegression({c,p});","pinned":false,"hidden":false,"mode":"ojs"},{"id":943,"value":"regrOuter = getPointLineRegression({c,p:intP});","pinned":false,"hidden":false,"mode":"ojs"},{"id":793,"value":"md`Intersection point - cr1 in visual`","pinned":false,"hidden":false,"mode":"ojs"},{"id":881,"value":"polygon","pinned":true,"hidden":false,"mode":"ojs"},{"id":630,"value":"intP = getCrossingCoordinate({c,p})","pinned":false,"hidden":false,"mode":"ojs"},{"id":966,"value":"pCalculated = getInnerCrossingPointCoordinate({c,cr1:intP})","pinned":true,"hidden":false,"mode":"ojs"},{"id":807,"value":"polygon = getSkewedPolygonVertexes (c,intP,cr2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":796,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":874,"value":"function getCrossingPointEdge(point){\n const max = 200;\n if(point.yPos == -max) return 'bottom';\n if(point.xPos == -max) return 'left';\n if(point.yPos == +max) return 'top';\n if(point.xPos == +max) return 'right';\n\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":997,"value":"pCalculated","pinned":true,"hidden":false,"mode":"ojs"},{"id":999,"value":"getPointLineRegression({c,p:intP}).y(-100+innerRectX)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1006,"value":"getPointLineRegression({c,p:intP})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1008,"value":"-100-innerRectY","pinned":true,"hidden":false,"mode":"ojs"},{"id":1010,"value":"100-innerRectY","pinned":true,"hidden":false,"mode":"ojs"},{"id":953,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":619,"value":"function getCrossingCoordinate({c,p}){\n //return getCrossingPointCC({c,p})\n const bound = 200;\n const regr = getPointLineRegression({c,p});\n if(regr.a == Infinity ) return {x:c.x,y:-bound}\n if(regr.a == -Infinity ) return {x:c.x,y:bound}\n let values = [\n {name:'left', value:regr.y(-bound), point:{x:-bound,y:regr.y(-bound)}, invalid:c.xp.x},\n {name:'top', value:regr.x(bound), point:{y:bound,x:regr.x(bound)}, invalid:c.y>p.y},\n {name:'bottom', value:regr.x(-bound), point:{y:-bound,x:regr.x(-bound)}, invalid:c.y!d.invalid)\n\n const result = values.filter(d=>Math.abs(d.value)<=bound)[0];\n return result.point;\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":112,"value":"function getPointLineRegression({c,p}){\n // Linear regression is y = ax + b, let's determine a and b based on supplied points \n const a = (c.y-p.y)/(c.x-p.x);\n const b = c.y-a * c.x;\n \n const result = {\n y:(x)=> a * x + b,\n x:(y)=> (y-b)/a,\n a,\n b\n }\n \n result.a = a;\n result.b = b;\n return result;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":338,"value":"import {inputsGrid} from \"@bumbeishvili/utils\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":162,"value":"Cx = values.Cx","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":" Cy = values.Cy","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":" Px = values.Px","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"Py = values.Py","pinned":false,"hidden":false,"mode":"ojs"},{"id":298,"value":"innerRectX = values.innerRectX","pinned":false,"hidden":false,"mode":"ojs"},{"id":300,"value":"innerRectY = values.innerRectY","pinned":false,"hidden":false,"mode":"ojs"},{"id":504,"value":"scalesY = d3.scaleLinear().domain([0,-400]).range([0,400])","pinned":true,"hidden":false,"mode":"ojs"},{"id":502,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}