30:Tb7d,{ const canvasWidth = 640; const canvasHeight = 480; const unit = 40; const canvas = DOM.canvas(canvasWidth, canvasHeight); const p = new paper.PaperScope(); paper.setup(canvas); // Vertical Baseline for (let i = 0; i < canvasWidth - unit; i += unit) { new p.Path.Line({ from: [i + unit, unit], to: [i + unit, canvasHeight - unit], strokeColor: "#ECECEC" }); } // Horizontal Baseline for (let i = 0; i < canvasHeight - unit; i += unit) { new p.Path.Line({ from: [unit, i + unit], to: [canvasWidth - unit, i + unit], strokeColor: "#ECECEC" }); } const translate = (point) => { return [point[0] + unit, point[1] + unit]; }; const pointSize = 4; // (0, 0) const original = new p.Path.Circle({ center: translate([0, 0]), radius: pointSize, fillColor: "#FFC300" }); const originalLabel = new paper.PointText({ point: translate([4, 14]), content: "(0, 0)", fillColor: "#FFC300" }); // (0, 400) const leftBottom = new p.Path.Circle({ center: translate([0, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const leftBottomLabel = new paper.PointText({ point: translate([4, canvasHeight - 2 * unit - 4]), content: "(0, 400)", fillColor: "#FFC300" }); // (560, 0) const rightTop = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, 0]), radius: pointSize, fillColor: "#FFC300" }); const rightTopLabel = new paper.PointText({ point: translate([canvasWidth - 2 * unit - 54, 14]), content: "(560, 0)", fillColor: "#FFC300" }); // (560, 0) const rightBottom = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const rightBottomLabel = new paper.PointText({ point: translate([ canvasWidth - 2 * unit - 64, canvasHeight - 2 * unit - 4 ]), content: "(560, 400)", fillColor: "#FFC300" }); // Point const pointX = new p.Path.Line({ from: translate([0, 160]), to: translate([200, 160]), dashArray: [10, 4], strokeColor: "#FF1818", strokeWidth: 2 }); const pointXLabel = new paper.PointText({ point: translate([90, 150]), content: "200", fillColor: "#FF1818" }); const pointY = new p.Path.Line({ from: translate([200, 0]), to: translate([200, 160]), dashArray: [10, 4], strokeColor: "#4FD3C4", strokeWidth: 2 }); const pointYLabel = new paper.PointText({ point: translate([204, 80]), content: "160", fillColor: "#4FD3C4" }); const point = new p.Path.Circle({ center: translate([200, 160]), radius: pointSize, fillColor: "#2D31FA" }); const pointLabel = new paper.PointText({ point: translate([204, 174]), content: "(200, 160)", fillColor: "#2D31FA" }); return canvas; }31:T1008,{ const canvasWidth = 640; const canvasHeight = 480; const unit = 40; const canvas = DOM.canvas(canvasWidth, canvasHeight); const p = new paper.PaperScope(); paper.setup(canvas); // Vertical Baseline for (let i = 0; i < canvasWidth - unit; i += unit) { new p.Path.Line({ from: [i + unit, unit], to: [i + unit, canvasHeight - unit], strokeColor: "#ECECEC" }); } // Horizontal Baseline for (let i = 0; i < canvasHeight - unit; i += unit) { new p.Path.Line({ from: [unit, i + unit], to: [canvasWidth - unit, i + unit], strokeColor: "#ECECEC" }); } const translate = (point) => { return [point[0] + unit, point[1] + unit]; }; const pointSize = 4; // (0, 0) const original = new p.Path.Circle({ center: translate([0, 0]), radius: pointSize, fillColor: "#FFC300" }); const originalLabel = new paper.PointText({ point: translate([4, 14]), content: "(0, 0)", fillColor: "#FFC300" }); // (0, 400) const leftBottom = new p.Path.Circle({ center: translate([0, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const leftBottomLabel = new paper.PointText({ point: translate([4, canvasHeight - 2 * unit - 4]), content: "(0, 400)", fillColor: "#FFC300" }); // (560, 0) const rightTop = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, 0]), radius: pointSize, fillColor: "#FFC300" }); const rightTopLabel = new paper.PointText({ point: translate([canvasWidth - 2 * unit - 54, 14]), content: "(560, 0)", fillColor: "#FFC300" }); // (560, 0) const rightBottom = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const rightBottomLabel = new paper.PointText({ point: translate([ canvasWidth - 2 * unit - 64, canvasHeight - 2 * unit - 4 ]), content: "(560, 400)", fillColor: "#FFC300" }); // Point const pointX = new p.Path.Line({ from: translate([0, 160]), to: translate([200, 160]), dashArray: [10, 4], strokeColor: "#FF1818", strokeWidth: 2 }); const pointXLabel = new paper.PointText({ point: translate([90, 150]), content: "200", fillColor: "#FF1818" }); const line = new p.Path.Line({ from: translate([0, 280]), to: translate([360, 280]), dashArray: [10, 4], strokeColor: "#FF1818", strokeWidth: 2 }); const pointDLabel = new paper.PointText({ point: translate([180, 275]), content: "360", fillColor: "#FF1818" }); const pointY = new p.Path.Line({ from: translate([200, 0]), to: translate([200, 160]), dashArray: [10, 4], strokeColor: "#4FD3C4", strokeWidth: 2 }); const pointYLabel = new paper.PointText({ point: translate([204, 80]), content: "160", fillColor: "#4FD3C4" }); const pointC = new p.Path.Line({ from: translate([360, 0]), to: translate([360, 280]), dashArray: [10, 4], strokeColor: "#4FD3C4", strokeWidth: 2 }); const pointCLabel = new paper.PointText({ point: translate([365, 140]), content: "280", fillColor: "#4FD3C4" }); const pointA = new p.Path.Circle({ center: translate([200, 160]), radius: pointSize, fillColor: "#2D31FA" }); const pointD = new p.Path.Line({ from: translate([200, 160]), to: translate([360, 280]), strokeColor: "#2D31FA", strokeWidth: 2 }); const pointB = new p.Path.Circle({ center: translate([360, 280]), radius: pointSize, fillColor: "#2D31FA" }); const lineLabel = new paper.PointText({ point: translate([280, 200]), content: "250", fillColor: "#2D31FA" }); const linePointALabel = new paper.PointText({ point: translate([205, 160]), content: "(200, 160)", fillColor: "#2D31FA" }); const linePointBLabel = new paper.PointText({ point: translate([365, 280]), content: "(360, 280)", fillColor: "#2D31FA" }); return canvas; }32:T105c,{ const canvasWidth = 640; const canvasHeight = 480; const unit = 40; const canvas = DOM.canvas(canvasWidth, canvasHeight); const p = new paper.PaperScope(); paper.setup(canvas); // Vertical Baseline for (let i = 0; i < canvasWidth - unit; i += unit) { new p.Path.Line({ from: [i + unit, unit], to: [i + unit, canvasHeight - unit], strokeColor: "#ECECEC" }); } // Horizontal Baseline for (let i = 0; i < canvasHeight - unit; i += unit) { new p.Path.Line({ from: [unit, i + unit], to: [canvasWidth - unit, i + unit], strokeColor: "#ECECEC" }); } const translate = (point) => { return [point[0] + unit, point[1] + unit]; }; const pointSize = 4; // (0, 0) const original = new p.Path.Circle({ center: translate([0, 0]), radius: pointSize, fillColor: "#FFC300" }); const originalLabel = new paper.PointText({ point: translate([4, 14]), content: "(0, 0)", fillColor: "#FFC300" }); // (0, 400) const leftBottom = new p.Path.Circle({ center: translate([0, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const leftBottomLabel = new paper.PointText({ point: translate([4, canvasHeight - 2 * unit - 4]), content: "(0, 400)", fillColor: "#FFC300" }); // (560, 0) const rightTop = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, 0]), radius: pointSize, fillColor: "#FFC300" }); const rightTopLabel = new paper.PointText({ point: translate([canvasWidth - 2 * unit - 54, 14]), content: "(560, 0)", fillColor: "#FFC300" }); // (560, 0) const rightBottom = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const rightBottomLabel = new paper.PointText({ point: translate([ canvasWidth - 2 * unit - 64, canvasHeight - 2 * unit - 4 ]), content: "(560, 400)", fillColor: "#FFC300" }); const rightAngle = new p.Path.Rectangle({ point: translate([3 * unit, 6 * unit + 28]), size: [12, 12], strokeWidth: 2, strokeColor: "#FFC300" }); //auxiliary line const auxiliaryLineA = new p.Path.Line({ from: translate([3 * unit, 0 * unit]), to: translate([3 * unit, 2 * unit]), dashArray: [10, 4], strokeColor: "#4FD3C4", strokeWidth: 2 }); const auxiliaryLineB = new p.Path.Line({ from: translate([0 * unit, 2 * unit]), to: translate([3 * unit, 2 * unit]), dashArray: [10, 4], strokeColor: "#4FD3C4", strokeWidth: 2 }); //rectangle const rectangle = new p.Path.Rectangle({ point: translate([3 * unit, 2 * unit]), size: [7 * unit, 5 * unit], strokeWidth: 2, strokeColor: "#2D31FA" }); const rectanglePointA = new p.Path.Circle({ center: translate([3 * unit, 2 * unit]), radius: pointSize, fillColor: "#2D31FA" }); const rectanglePointAText = new paper.PointText({ point: translate([3 * unit + 5, 2 * unit - 5]), content: "(120, 80)", fillColor: "#2D31FA" }); const rectanglePointB = new p.Path.Circle({ center: translate([10 * unit, 7 * unit]), radius: pointSize, fillColor: "#2D31FA" }); const rectanglePointBText = new paper.PointText({ point: translate([10 * unit + 5, 7 * unit - 5]), content: "(400, 280)", fillColor: "#2D31FA" }); const rectangleLength = new paper.PointText({ point: translate([6 * unit + 5, 2 * unit - 5]), content: "280", fillColor: "#2D31FA" }); const rectangleWidth = new paper.PointText({ point: translate([10 * unit + 5, 4.5 * unit]), content: "200", fillColor: "#2D31FA" }); const A = new paper.PointText({ point: translate([3 * unit + 5, 1 * unit + 5]), content: "80", fillColor: "#4FD3C4" }); const B = new paper.PointText({ point: translate([1.5 * unit - 10, 2 * unit - 5]), content: "120", fillColor: "#4FD3C4" }); const ninety = new paper.PointText({ point: translate([3 * unit + 14, 7 * unit - 13]), content: "90°", fillColor: "#FFC300" }); return canvas; }33:T10a0,{ const canvasWidth = 640; const canvasHeight = 480; const unit = 40; const canvas = DOM.canvas(canvasWidth, canvasHeight); const p = new paper.PaperScope(); paper.setup(canvas); // Vertical Baseline for (let i = 0; i < canvasWidth - unit; i += unit) { new p.Path.Line({ from: [i + unit, unit], to: [i + unit, canvasHeight - unit], strokeColor: "#ECECEC" }); } // Horizontal Baseline for (let i = 0; i < canvasHeight - unit; i += unit) { new p.Path.Line({ from: [unit, i + unit], to: [canvasWidth - unit, i + unit], strokeColor: "#ECECEC" }); } const translate = (point) => { return [point[0] + unit, point[1] + unit]; }; const pointSize = 4; // (0, 0) const original = new p.Path.Circle({ center: translate([0, 0]), radius: pointSize, fillColor: "#FFC300" }); const originalLabel = new paper.PointText({ point: translate([4, 14]), content: "(0, 0)", fillColor: "#FFC300" }); // (0, 400) const leftBottom = new p.Path.Circle({ center: translate([0, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const leftBottomLabel = new paper.PointText({ point: translate([4, canvasHeight - 2 * unit - 4]), content: "(0, 400)", fillColor: "#FFC300" }); // (560, 0) const rightTop = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, 0]), radius: pointSize, fillColor: "#FFC300" }); const rightTopLabel = new paper.PointText({ point: translate([canvasWidth - 2 * unit - 54, 14]), content: "(560, 0)", fillColor: "#FFC300" }); // (560, 0) const rightBottom = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const rightBottomLabel = new paper.PointText({ point: translate([ canvasWidth - 2 * unit - 64, canvasHeight - 2 * unit - 4 ]), content: "(560, 400)", fillColor: "#FFC300" }); // Circle const pointX = new p.Path.Circle({ center: translate([7 * unit, 5 * unit]), radius: pointSize, fillColor: "#FFC300" }); const pointXPerimeterLeft = new p.Path.Circle({ center: translate([7 * unit, 5 * unit]), radius: 3 * unit, strokeWidth: 2, strokeColor: "#5463FF" }); // (280, 200) const pointXLabel = new paper.PointText({ point: translate([7 * unit + 2, 5 * unit + 18]), content: "(280, 200)", fillColor: "#FFC300" }); const pointXHeight = new p.Path.Line({ from: translate([7 * unit, 0.5 * unit]), to: translate([7 * unit, 9.5 * unit]), dashArray: [10, 4], strokeColor: "#5463FF" }); const pointXWhite = new p.Path.Line({ from: translate([2 * unit, 5 * unit]), to: translate([12 * unit, 5 * unit]), dashArray: [10, 4], strokeColor: "#5463FF" }); const radiusText = new paper.PointText({ point: translate([8.2 * unit, 4.8 * unit]), content: "120", fillColor: "#FFC300" }); const pointXLeft = new p.Path.Circle({ center: translate([7 * unit, 5 * unit]), radius: pointSize, fillColor: "#FFC300" }); const radius = new p.Path.Line({ from: translate([7 * unit, 5 * unit]), to: translate([10 * unit, 5 * unit]), strokeWidth: 2, strokeColor: "#FFC300" }); const pointXRight = new p.Path.Circle({ center: translate([10 * unit, 5 * unit]), radius: pointSize, fillColor: "#FFC300" }); const radiusA = new p.Path.Line({ from: translate([7 * unit, 5 * unit]), to: translate([10 * unit, 2 * unit]), dashArray: [10, 4], strokeColor: "#5463FF" }); const x1 = 7 * unit + 120 * Math.cos(315 * Math.PI / 180) const y1 = 5 * unit + 120 * Math.sin(315 * Math.PI /180) const radiusB = new p.Path.Line({ from: translate([7 * unit, 5 * unit]), to: translate([x1, y1]), strokeWidth: 2, strokeColor: "#FFC300" }); const radiusC = new p.Path.Circle({ center: translate([x1, y1]), radius: pointSize, fillColor: "#FFC300" }); const radiusTextA = new paper.PointText({ point: translate([7.6 * unit, 3.7 * unit]), content: "120", fillColor: "#FFC300" }); return canvas; }34:T1071,{ const canvasWidth = 640; const canvasHeight = 480; const unit = 40; const canvas = DOM.canvas(canvasWidth, canvasHeight); const p = new paper.PaperScope(); paper.setup(canvas); // Vertical Baseline for (let i = 0; i < canvasWidth - unit; i += unit) { new p.Path.Line({ from: [i + unit, unit], to: [i + unit, canvasHeight - unit], strokeColor: "#ECECEC" }); } // Horizontal Baseline for (let i = 0; i < canvasHeight - unit; i += unit) { new p.Path.Line({ from: [unit, i + unit], to: [canvasWidth - unit, i + unit], strokeColor: "#ECECEC" }); } const translate = (point) => { return [point[0] + unit, point[1] + unit]; }; const pointSize = 4; // (0, 0) const original = new p.Path.Circle({ center: translate([0, 0]), radius: pointSize, fillColor: "#FFC300" }); const originalLabel = new paper.PointText({ point: translate([4, 14]), content: "(0, 0)", fillColor: "#FFC300" }); // (0, 400) const leftBottom = new p.Path.Circle({ center: translate([0, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const leftBottomLabel = new paper.PointText({ point: translate([4, canvasHeight - 2 * unit - 4]), content: "(0, 400)", fillColor: "#FFC300" }); // (560, 0) const rightTop = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, 0]), radius: pointSize, fillColor: "#FFC300" }); const rightTopLabel = new paper.PointText({ point: translate([canvasWidth - 2 * unit - 54, 14]), content: "(560, 0)", fillColor: "#FFC300" }); // (560, 0) const rightBottom = new p.Path.Circle({ center: translate([canvasWidth - 2 * unit, canvasHeight - 2 * unit]), radius: pointSize, fillColor: "#FFC300" }); const rightBottomLabel = new paper.PointText({ point: translate([ canvasWidth - 2 * unit - 64, canvasHeight - 2 * unit - 4 ]), content: "(560, 400)", fillColor: "#FFC300" }); //ellipse const ellipse = new paper.Path.Ellipse({ point: translate([3 * unit, 2 * unit]), size: translate([7 * unit, 5 * unit]), strokeWidth: 2, strokeColor: "#5463FF" }); //ellipse of diameter const ellipseDiameterA = new paper.Path.Line({ from: translate([1.5 * unit, 5 * unit]), to: translate([12.5 * unit, 5 * unit]), dashArray: [10, 4], strokeColor: "#5463FF" }); const ellipseDiameterB = new paper.Path.Line({ from: translate([7 * unit, 0.5 * unit]), to: translate([7 * unit, 9.5 * unit]), dashArray: [10, 4], strokeColor: "#5463FF" }); const lineCGoToEllipse = new paper.Path.Line({ from: translate([11 * unit, 2 * unit + 13]), to: translate([7 * unit, 5 * unit]), dashArray: [10, 4], strokeColor: "#5463FF" }); //center of a ellipse const centerEllipse = new p.Path.Circle({ center: translate([7 * unit, 5 * unit]), radius: pointSize, fillColor: "#FFC300" }); const ellipsePointLabel = new paper.PointText({ point: translate([7 * unit + 3, 5 * unit + 18]), content: "(280, 200)", fillColor: "#FFC300" }); const pointGoToEllipseDistance = new paper.PointText({ point: translate([9 * unit - 10, 5 * unit - 5]), content: "160", fillColor: "#FFC300" }); //ellipse radius const pointAGoToEllipse = new p.Path.Circle({ center: translate([11 * unit, 5 * unit]), radius: pointSize, fillColor: "#FFC300" }); const lineAGoToEllipse = new paper.Path.Line({ from: translate([7 * unit, 5 * unit]), to: translate([11 * unit, 5 * unit]), strokeWidth: 2, strokeColor: "#FFC300" }); const pointBGoToEllipse = new p.Path.Circle({ center: translate([10 * unit, 3 * unit]), radius: pointSize, fillColor: "#FFC300" }); const lineBGoToEllipse = new paper.Path.Line({ from: translate([7 * unit, 5 * unit]), to: translate([10 * unit, 3 * unit]), strokeWidth: 2, strokeColor: "#FFC300" }); const pointBGoToEllipseDistance = new paper.PointText({ point: translate([8 * unit, 3.8 * unit]), content: "144", fillColor: "#FFC300" }); return canvas; }35:[] 2e:{"title":"Paper - Unit II","cells":[{"id":0,"value":"# Paper - Unit II","pinned":false,"hidden":false,"mode":"md"},{"id":13,"value":"md`## Cartesian Coordinates`","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"md`### Point`","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"md`## Line`","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":122,"value":"md`## Rectangle`","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"md`### Circle`","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"md`## Ellipse`","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"paper = require(\"paper\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}