3e:null 3f:["$","title",null,{"children":"2D SDF | xiaoyang he's Workspace | Observable"}] 45:T9a5,function sdf_tri3([x, y]) { let normalizedX = Math.abs((x - width / 2) / (width / 2)); let lin11 = y + 0.72 * x - 0.56; let lin12 = y - 6.19 * x - 1.17; let lin13 = y + 4.62 * x + 1.8; let lin1 = Math.max(Math.max(lin11, -lin12), -lin13); let lin21 = y - 0.61; let lin22 = y - 2.26 * x - 0.06; let lin23 = y - 6.11 * x - 1.05; let lin2 = Math.max(Math.max(-lin22, lin23), lin21); let lin31 = y + 6.71 * x - 2.38; let lin32 = y - 0.14 * x + 0.5; let lin33 = y - 2.24 * x - 0.02; let lin3 = Math.max(Math.max(-lin32, lin33), lin31); let lin41 = y - 1.26 * x + 0.97; let lin42 = y + 3.72 * x - 1.63; let lin43 = y + 6.53 * x - 2.42; let lin4 = Math.max(Math.max(lin42, -lin43), -lin41); let lin51 = y - 4.22 * x + 2.21; let lin52 = y - 0.13 * x + 0.52; let lin53 = y + 0.35 * x + 0.63; let lin5 = Math.max(Math.max(lin52, -lin53), -lin51); let lin61 = y - 0.39 * x + 0.89; let lin62 = y + 0.67 * x + 0.72; let lin63 = y + 0.35 * x + 0.64; let lin6 = Math.max(Math.max(-lin62, lin63), -lin61); let lin71 = y - 0.3 * x + 1.0; let lin72 = y - 3.69 * x + 2.08; let lin73 = y + 0.26 * x + 0.67; let lin7 = Math.max(Math.max(lin72, lin73), -lin71); let lin81=y + 2.53*x + 0.15; let lin82=y - 0.43*x + 1.03 let lin83=y - 1.19*x + 1.11 let lin8=Math.max(Math.max(lin81, -lin82), lin83); let lin91= y - 3.67*x + 2.02 let lin92= y +2.62*x + 0.08 let lin93= y - 0.40*x + 0.91 let lin9=Math.max(Math.max(lin93, -lin92), -lin91); let lin101= y - 1.12*x + 1.09 let lin102= y + 0.47*x + 0.95 let lin103= y - 0.43*x + 0.92 let lin10=Math.max(Math.max(lin103, -lin102), -lin101); let lin111= y - 0.46*x + 0.90 let lin112= y + 1.17*x + 0.99 let lin113= y + 0.02*x + 0.84 let lin11f=Math.max(Math.max(lin113, -lin112), -lin111); let lin121= y + 1.90*x + 1.05 let lin122= y + 0.38*x + 0.78 let lin123= y + 0.68*x + 0.74 let lin12f=Math.max(Math.max(lin123, -lin122), -lin121); let lin131= y - 1.14*x + 1.26 let lin132= y + 0.999 ; let lin133= y - 0.39*x + 1.04 let lin13f=Math.max(Math.max(lin133, -lin132), -lin131); let lin141= y + 0.05*x + 0.83 let lin142= y + 2.57*x + 1.17 let lin143= y + 0.37*x + 0.79 let lin14f=Math.max(Math.max(lin143, -lin142), -lin141); let linfinal = Math.min(lin1, lin2, lin3, lin4, lin5, lin6, lin7,lin8,lin9,lin10,lin11f,lin12f,lin13f,lin14f); return linfinal; }46:[{"id":"1c0e649b861e9a5625dcc37ab66e4b36b3f6acb4f7a2b1a0b7c734f8e7503e2af4aa531e06103062c36afb20bbbf3d6e78e56e03358262e396b6827407ef3b2e","href":"https://static.observableusercontent.com/files/1c0e649b861e9a5625dcc37ab66e4b36b3f6acb4f7a2b1a0b7c734f8e7503e2af4aa531e06103062c36afb20bbbf3d6e78e56e03358262e396b6827407ef3b2e","name":"FireShot Capture 1273 - - gateway.fxhash2.xyz.png","type":"image/png","lastModified":1701144826705.077,"size":3834180}] 43:{"id":"b30022b9234a981b","slug":null,"title":"2D SDF","thumbnail":"1d11be9cd8a93d6dd79421931e8555558a147663e64166970724e09bdb3a9613","access_level":"public","create_time":"$D2023-11-28T03:26:46.442Z","update_time":"$D2023-12-06T10:36:23.761Z","view_time":null,"first_public_time":"$D2023-11-28T03:26:46.442Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"1dec3dcd05efa313","login":"shaun8149","name":"xiaoyang he's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/5ef00b3ca87b6447a7331d004b7eb71109c8a4d483f71c6bddc0513a2f4d82ec","tier":"starter_2024","bio":"Generative Artist.","following":false},"version":400,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"cd2606b129088b51","login":"xiaoyang-he","name":"xiaoyang he","avatar_url":"https://avatars-next.observableusercontent.com/e6be05b5751c0cbf61d6f6f50fcac32fcfc43a405e4de7fae282f9c32f7f4289","tier":null,"bio":"","following":false}],"members":[{"type":"team","id":"1dec3dcd05efa313","login":"shaun8149","name":"xiaoyang he's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/5ef00b3ca87b6447a7331d004b7eb71109c8a4d483f71c6bddc0513a2f4d82ec","tier":"starter_2024","role":"editor"},{"type":"individual","id":"cd2606b129088b51","login":"xiaoyang-he","name":"xiaoyang he","avatar_url":"https://avatars-next.observableusercontent.com/e6be05b5751c0cbf61d6f6f50fcac32fcfc43a405e4de7fae282f9c32f7f4289","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"2D SDF","cells":[{"id":0,"value":"# 2D SDF\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"R = (a = 1) => Math.random() * a;\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"L = (x, y) => (x * x + y * y) ** 0.5; // Elements by Euclid 300 BC\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"sdf_circle = ([x, y], [cx, cy], r) => {\n x -= cx;\n y -= cy;\n return L(x, y) - r;\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"k = (a, b) => (a > 0 && b > 0 ? L(a, b) : a > b ? a : b);\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"sdf_box = ([x, y], [cx, cy], [w, h]) => {\n x -= cx;\n y -= cy;\n return k(Math.abs(x) - w, Math.abs(y) - h);\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"sdf_rep = (x, r) => {\n x /= r;\n x -= Math.floor(x) + 0.5;\n x *= r;\n return x;\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"sdf = ([x, y]) => {\n // let bal = sdf_circle([x,y], [.3,.3], .4);\n\n let lin1 = y - x / 2 + 0.5;\n let lin2 = y - x - 0.1;\n let lin3 = Math.max(-lin1, lin2);\n let lin31 = y - x * x;\n let lin32 = y + x * x * x;\n let lin4 = y * y - x * (x * x * x * x - 1);\n let lin5 = y - x * x;\n let lin6 = Math.max(-lin4, lin5);\n\n let lin7 = sdf_rep(lin6, 0.2);\n let lin8 = sdf_rep(lin31, 0.2);\n let lin33 = Math.min(Math.min(Math.min(lin7, -lin32), lin3), -lin32);\n\n // let lin2 = abs(x)-.3;\n // bal = abs(bal) - .1;\n // bal = abs(bal) - .05;\n // x = abs(x) - .5;\n // let bal = abs(sdf_rep(sdf_circle([x,y], [-.2,0], .1),.2))-.05;\n // let bbl = abs(sdf_rep(sdf_circle([x,y], [.2,0], .1),.2))-.05;\n // return min(bal, -bbl);\n\n return lin33;\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"draw_circle = ([x, y], r, c,sketch) => {\n sketch.noStroke();\n sketch.fill(c);\n sketch.circle(((x + 1) * sketch.width) / 2, ((y + 1) * sketch.width) / 2, r / 2);\n };","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"import {p5} from \"@tmcw/p5\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"**1. 布尔操作\n**\n\n首先，我们认为在3D SDF中的布尔操作同样适用于2D SDF，所以我们可以有下面的定义：\n\nfloat intersectSDF(float distA, float distB) {\n return max(distA, distB);\n}\n\nfloat unionSDF(float distA, float distB) {\n return min(distA, distB);\n}\n\nfloat differenceSDF(float distA, float distB) {\n return max(distA, -distB);\n}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"**2. 直线**\n\n在2D SDF中，可以很方便的定义直线的实现\n\n(1) 水平线\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":46,"value":" sdf_line1=([x,y])=> {\n let lin1 = y;\n return lin1;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_line1(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"(2) 垂直线","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":55,"value":"sdf_line2=([x,y])=> {\n let lin2 = x;\n return lin2;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_line2(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"(3) 斜线\n\n斜线是在piter pasma的视频中没有提到的，但是我认为是非常强大的工具。虽然斜线非常的简单，考虑到初中学过的直线方程\n\ny=kx +b;\n\n因此，我们定义返回值为 y - kx -b;","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":63,"value":"sdf_line3=([x,y])=> {\n let lin3 = y -x;\n return lin3;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_line3(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"当然我们如果要斜率为 PI/4的斜线，可以这样：","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":69,"value":"sdf_line4=([x,y])=> {\n let lin4 = x + y;\n return lin4;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_line4(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"fireshotCapture1273GatewayFxhash2Xyz = FileAttachment(\"FireShot Capture 1273 - - gateway.fxhash2.xyz.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"我们要实现上面的效果，假如我们已经有了其他工具的情况下，可以使用如下sdf","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"\n\nsdf_line5=([x,y])=> {\n let lina = y - x / 2 + 0.5;\n let linb = y - x - 0.1;\n let lin5 = Math.max(-lina, linb); \n return lin5;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_line5(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"\n\n\nsdf_line6=([x,y])=> {\n let lin1 = y- .75 *x +.5 ;\n let lin2=y -x -.14;\n let lin3=Math.max(-lin1,lin2);\n let lina = y- .65 *x -.5 ;\n let linb=y - .75 *x -.9;\n let linc=Math.max(-lina,linb); \n let lind =Math.min(lin3,linc);\n return lind;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_line6(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"sdf_line7=([x,y])=> {\n let lin7a = Math.abs(y)-.3;\n let lin7b = Math.abs(x)-.3;\n let lin7=Math.max(lin7a,lin7b);\n return lin7;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":248,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_line7(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"sdf_line8=([x,y])=>{\n return k(Math.abs(x)-.8,Math.abs(y)-.8)-.1;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_line8(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"**(4)随机曲线**\n\n我在其他地方没有看到有人在sdf中使用随机函数和其他数学上的参数曲线，我猜想sdf主要被用于3D场景，而在3D场景中随机性的使用频率远远低于2D。但是，其实随机曲线，开放曲线是2D sdf很好用的一个工具。\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":177,"value":"sdf_curve1=([x,y],callback)=> {\n let normalizedX = Math.abs((x - width / 2) / (width / 2)); \n let linnoise= sdf_rep(Math.abs(-y + callback(x,y) * normalizedX) ,0.3)\n return linnoise;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_curve1(p,sketch.noise);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"sdf_curve2=([x,y],callback)=> {\n let normalizedX = Math.abs((x - width / 2) / (width / 2)); \n let linsin= -y + .2 * callback(x * 3.14 * 10) \n return linsin;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_curve2(p,Math.sin);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"(5)easing Function Curve\n这里定义的曲线是数学上的Curve，但是我们可以先从easing Function开始\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":203,"value":"smoothStart2 = (x) => x * x;\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"smoothStart3 = (x) => x * x * x;\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"smoothStart4 = (x) => x * x * x * x;\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"smoothStart5 = (x) => x * x * x * x * x;\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"smoothStart6 = (x) => x * x * x * x * x * x;\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"smoothStop2 = (x) => 1 - (1 - x) * (1 - x);\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"smoothStop3 = (x) => 1 - (1 - x) * (1 - x) * (1 - x);\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"smoothStop4 = (x) => 1 - (1 - x) * (1 - x) * (1 - x) * (1 - x);\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"smoothStop5 = (x) => 1 - (1 - x) * (1 - x) * (1 - x) * (1 - x) * (1 - x);\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"smoothStop6 = (x) => 1 - (1 - x) * (1 - x) * (1 - x) * (1 - x) * (1 - x) * (1 - x);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"sdf_curve3=([x,y])=> {\n let normalizedX = Math.abs((x - width / 2) / (width / 2)); \n let linsin= -y + smoothStart2(x); \n return linsin;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_curve3(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"对于2次函数来说，在x平方前乘以系数会让开口变窄","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":104,"value":"**3. 基本形状**\n\n基本形状是在p5js等语言中定义的圆、矩形、椭圆、三角形等形状。","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":106,"value":"(1)圆形","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":114,"value":"sdf_bal1=([x,y])=> {\nlet bal = sdf_circle([x,y], [.3,.3], .4);\nreturn bal;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal1(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"\n\nsdf_bal2=([x,y])=> {\n let bal = sdf_circle([x,y], [.1,.1], .4);\n let bal2=sdf_circle([x,y], [-.25,.1], .5);\n let moon=Math.max(bal,-bal2)\n return moon;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal2(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"\nsdf_bal3=([x,y])=> {\n let bal = sdf_circle([x,y], [.1,.1], .4);\n let bal2=sdf_circle([x,y], [-.15,.1], .4);\n let moon=Math.max(bal,-bal2);\n let bal3 = sdf_circle([x,y], [-.1,.1], .4);\n let bal4=sdf_circle([x,y], [.15,.1], .4);\n let moon2=Math.max(bal3,-bal4);\n let twomoon=Math.min(moon,moon2);\n return twomoon;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal3(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"\n\n\n\nsdf_bal4=([x,y])=> {\n let bal5 = sdf_circle([x,y], [.3,.1], 1);\n let bal6=sdf_circle([x,y], [-.15,-.45], 1.1);\n let moon3=Math.max(bal5,-bal6);\n \n let bal7=sdf_circle([x,y], [.1,.1], .5);\n let moon4=Math.min(moon3,bal7);\n return moon4;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal4(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"sdf_bal5=([x,y])=> {\nlet bal = sdf_circle([x,y], [.3,.3], .4);\nreturn Math.abs(bal)-.1;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal5(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"在我们获得环形的过程中我们使用了abs函数。然后我们看一下圆形和直线的布尔操作","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":235,"value":"sdf_bal5a=([x,y])=> {\nlet bal = sdf_circle([x,y], [.3,.3], .4);\n bal=Math.abs(bal)-.1\n bal=Math.abs(bal)-.05;\n bal=Math.abs(bal)-.025;\n return bal;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal5a(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"sdf_bal6=([x,y])=> {\nlet bal = sdf_circle([x,y], [.3,.3], .4);\nlet lin=-y + .4;\nreturn Math.min(bal,lin);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal6(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"交集，我们只关注负的部分，这样就不容易迷惑。","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":153,"value":"sdf_bal7=([x,y])=> {\nlet bal = sdf_circle([x,y], [.3,.3], .4);\nlet lin=-y + .4;\nreturn Math.max(bal,lin);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal7(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"sdf_bal8=([x,y])=> {\nlet bal = sdf_circle([x,y], [.3,.3], .4);\nlet lin=-y + .4;\nreturn Math.max(-bal,lin);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal8(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":" \n\nsdf_bal9=([x,y])=> {\n let bal = sdf_circle([x,y], [.275,.1], .35);\n let bal2=sdf_circle([x,y], [-.15,-.02], .5);\n let bal21=sdf_circle([x,y], [-.6,.05], .4);\n let lin=-y + .25;\n let cloud=Math.max(Math.min(Math.min(bal,bal2),bal21),-lin);\n return cloud;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal9(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"sdf_bal10=([x,y])=> {\n\nlet bal=Math.abs(sdf_rep(sdf_circle([x,y], [-.2,0], .1),.2))-.05;\nlet bbl=Math.abs(sdf_rep(sdf_circle([x,y], [.2,0], .1),.2))-.05;\n\nreturn Math.max(bal,bbl);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_bal10(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"(2)矩形以及重复、镜像\n\n矩形适合用我们之前的k函数来生成","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":262,"value":"sdf_box1=([x,y])=>{\n return sdf_box([x,y],[0,0],[.2,.2]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_box1(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"sdf_box2=([x,y])=>{\n y=sdf_rep(y,.4);\n return sdf_box([x,y],[0,0],[.1,.1]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_box2(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"sdf_box3=([x,y])=>{\n y=sdf_rep(y,.4);\n x=sdf_rep(x,.4);\n return sdf_box([x,y],[0,0],[.1,.1]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_box3(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"sdf_box4=([x,y])=>{\n x=Math.abs(x)-.5;\n return sdf_box([x,y],[0,0],[.1,.1]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_box4(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"sdf_paraLin=(x,y,theta,offset)=>{\n let lin=x * Math.cos(theta + 3.1415 /2) + (-y) * Math.sin(theta + 3.1415/2) + offset;\n return lin;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":293,"value":"sdf_tri1=([x,y]) =>{\n let angle=0;\n let lin=sdf_paraLin(x,y,3.1415/3 + angle,0);\n let lin2=sdf_paraLin(x,y,3.1415/4+ angle,0);\n let ulin12=Math.max(lin,-lin2);\n let lin3=sdf_paraLin(x,y,0+ angle,-.5);\n let ulin123=Math.max(ulin12,lin3);\n \n //angle=PI/4;\n \n ulin123=sdf_rep(Math.max(ulin12,lin3),.2);\n return ulin123;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_tri1(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"PI=3.1415926;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":" calculateLin=(x,y,angle,[initAngle1,initAngle2,initAngle3])=> {\n let lin = sdf_paraLin(x, y, initAngle1 + angle, 0); // Assuming x, y are some constants, here 0 for example\n let lin2 = sdf_paraLin(x, y, initAngle2 + angle, 0); // Replace 0, 0 with actual x, y values\n let ulin12 = Math.max(lin, -lin2);\n let lin3 = sdf_paraLin(x, y, initAngle3 + angle, -.5); // Replace 0, 0 with actual x, y values\n let ulin123 = Math.max(ulin12, lin3);\n return ulin123;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"sdf_tri2=([x,y])=>{\n let lins=[];\n for(let i=0;i<8;i++){\n lins.push(calculateLin(x,y,i * PI/4,[PI/3,PI/4,0]));\n }\n let ulin123final=Math.min(...lins);\n\n return ulin123final;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_tri2(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_tri3(p);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"sdf_tri5=(p,callback)=>{\n let angle = PI/5;\n let x=Math.abs(p[0])-.5;\n let y=Math.abs(p[1])-.5;\n\tlet a=sdf_rep(calculateLin(x,y,angle,[PI/3,PI/6,-PI/4]),.33);\n\tlet b = Math.abs(sdf_rep(sdf_box(p, [0, 0], [.1, .1]), .25)) - .07;\n\tlet c = Math.abs(sdf_rep(sdf_circle(p, [0, 0], .1), .2)) - .06;\n\tlet d=p[0] +.25 * callback.noise (p[1] * 5);\n let e=p[0] -.25 * callback.noise (p[1] * 5);\n let u=-k(a,d)\n\tif(p[0]>.15)\n\treturn k(-k(a,c),-e);\n\telse \n\treturn u;\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_tri5(p,sketch);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"(3)矩形以及旋转","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":384,"value":"rotate2d=(p, rad)=> {\n // Rotate a given 2D point `p` by an angle `rad` around the origin\n let sine = Math.sin(rad);\n let cosine = Math.cos(rad);\n return [p[0] * cosine + p[1] * sine, -p[0] * sine + p[1] * cosine];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":" sdf_box11=([x,y])=> {\n let diff=rotate2d([x,y],PI/4);\n let box=sdf_box(diff,[0,0],[.2,.2]);\n return box;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdf_box11(p,sketch);\n let col = \"#000\";\n if (d < -0.01) col = \"#06c\";\n else if (d > 0.01) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":393,"value":"sdfSunset = ([x, y],[cx, cy], r) => {\n let sdfCircleValue = sdf_circle([x, y], [cx, cy], r);\n let lins = [];\n for (let i = 0; i < 7; i++) {\n let lin = Math.abs(-(y-cy) + 0.07 * i) - 0.025;\n lins.push(lin);\n }\n let minLineValue = lins.reduce((minValue, current) => {\n return Math.min(minValue, current);\n }, Number.MAX_VALUE);\n return Math.max(-minLineValue, sdfCircleValue);\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"p5(sketch => {\nsketch.setup = () => {\n sketch.createCanvas(600, 600);\n sketch.background(\"#432\");\n };\n\n sketch.draw = () => {\n for (let k = 0; k < 1000; k++) {\n let p = [R(2) - 1, R(2) - 1];\n let d = sdfSunset(p,[0,0],.5);\n let col = \"#000\";\n if (d < -0.001) col = \"#06c\";\n else if (d > 0.001) col = \"#f80\";\n else col = \"#f5f5f5\";\n draw_circle(p, 2, col,sketch);\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 44:"$43:body"