[{"data":1,"prerenderedAt":959},["ShallowReactive",2],{"navigation_docs":3,"-pcs3021-curvas-bezier":183,"-pcs3021-curvas-bezier-surround":954},[4,8],{"title":5,"path":6,"stem":7},"","\u002F","index",{"title":9,"icon":10,"path":11,"stem":12,"children":13},"PCS3021","i-lucide-message-circle-code","\u002Fpcs3021","pcs3021",[14,17,28,66,80,106,136,152,168,177],{"title":15,"path":11,"stem":16},"Linguagem Computacional","pcs3021\u002Findex",{"title":18,"icon":19,"path":20,"stem":21,"children":22,"page":27},"Curvas","i-lucide-spline","\u002Fpcs3021\u002Fcurvas","pcs3021\u002F2.curvas",[23],{"title":24,"path":25,"stem":26},"Curvas de Bézier","\u002Fpcs3021\u002Fcurvas\u002Fbezier","pcs3021\u002F2.curvas\u002F1.bezier",false,{"title":29,"icon":30,"path":31,"stem":32,"children":33,"page":27},"Formas geométricas","i-lucide-drafting-compass","\u002Fpcs3021\u002Fgeometrias","pcs3021\u002F2.geometrias",[34,38,42,46,50,54,58,62],{"title":35,"path":36,"stem":37},"Retângulos","\u002Fpcs3021\u002Fgeometrias\u002Fretangulo","pcs3021\u002F2.geometrias\u002F1.retangulo",{"title":39,"path":40,"stem":41},"Elipses e Círculos","\u002Fpcs3021\u002Fgeometrias\u002Felipse","pcs3021\u002F2.geometrias\u002F2.elipse",{"title":43,"path":44,"stem":45},"Triângulos","\u002Fpcs3021\u002Fgeometrias\u002Ftriangulo","pcs3021\u002F2.geometrias\u002F3.triangulo",{"title":47,"path":48,"stem":49},"Linhas","\u002Fpcs3021\u002Fgeometrias\u002Flinha","pcs3021\u002F2.geometrias\u002F4.linha",{"title":51,"path":52,"stem":53},"Pontos","\u002Fpcs3021\u002Fgeometrias\u002Fponto","pcs3021\u002F2.geometrias\u002F5.ponto",{"title":55,"path":56,"stem":57},"Polígonos","\u002Fpcs3021\u002Fgeometrias\u002Fpoligonos","pcs3021\u002F2.geometrias\u002F6.poligonos",{"title":59,"path":60,"stem":61},"Arcos","\u002Fpcs3021\u002Fgeometrias\u002Farco","pcs3021\u002F2.geometrias\u002F7.arco",{"title":63,"path":64,"stem":65},"Combinando formas","\u002Fpcs3021\u002Fgeometrias\u002Fcombinando","pcs3021\u002F2.geometrias\u002F8.combinando",{"title":67,"icon":68,"path":69,"stem":70,"children":71,"page":27},"Preenchimento e contorno","i-lucide-palette","\u002Fpcs3021\u002Fbasicos","pcs3021\u002F3.basicos",[72,76],{"title":73,"path":74,"stem":75},"Preenchimento","\u002Fpcs3021\u002Fbasicos\u002Fpreenchimento","pcs3021\u002F3.basicos\u002F1.preenchimento",{"title":77,"path":78,"stem":79},"Contorno","\u002Fpcs3021\u002Fbasicos\u002Fcontorno","pcs3021\u002F3.basicos\u002F2.contorno",{"title":81,"icon":82,"path":83,"stem":84,"children":85,"page":27},"Transformações","i-lucide-rotate-3d","\u002Fpcs3021\u002Ftransformacoes","pcs3021\u002F4.transformacoes",[86,90,94,98,102],{"title":87,"path":88,"stem":89},"Rotação","\u002Fpcs3021\u002Ftransformacoes\u002Frotacao","pcs3021\u002F4.transformacoes\u002F1.rotacao",{"title":91,"path":92,"stem":93},"Translação","\u002Fpcs3021\u002Ftransformacoes\u002Ftranslacao","pcs3021\u002F4.transformacoes\u002F2.translacao",{"title":95,"path":96,"stem":97},"Escala","\u002Fpcs3021\u002Ftransformacoes\u002Fescala","pcs3021\u002F4.transformacoes\u002F3.escala",{"title":99,"path":100,"stem":101},"Cisalhamento","\u002Fpcs3021\u002Ftransformacoes\u002Fcisalhamento","pcs3021\u002F4.transformacoes\u002F4.cisalhamento",{"title":103,"path":104,"stem":105},"Push e Pop","\u002Fpcs3021\u002Ftransformacoes\u002Fpush-pop","pcs3021\u002F4.transformacoes\u002F5.push-pop",{"title":107,"icon":108,"path":109,"stem":110,"children":111,"page":27},"Programação","i-lucide-square-code","\u002Fpcs3021\u002Fprogramacao","pcs3021\u002F5.programacao",[112,116,120,124,128,132],{"title":113,"path":114,"stem":115},"Variáveis","\u002Fpcs3021\u002Fprogramacao\u002Fvariaveis","pcs3021\u002F5.programacao\u002F1.variaveis",{"title":117,"path":118,"stem":119},"Expressões numéricas","\u002Fpcs3021\u002Fprogramacao\u002Fexpressoes-numericas","pcs3021\u002F5.programacao\u002F2.expressoes-numericas",{"title":121,"path":122,"stem":123},"Laço FOR","\u002Fpcs3021\u002Fprogramacao\u002Ffor","pcs3021\u002F5.programacao\u002F3.for",{"title":125,"path":126,"stem":127},"Classes e objetos","\u002Fpcs3021\u002Fprogramacao\u002Fclasses-e-objetos","pcs3021\u002F5.programacao\u002F4.classes-e-objetos",{"title":129,"path":130,"stem":131},"Condicional IF","\u002Fpcs3021\u002Fprogramacao\u002Fcondicionais","pcs3021\u002F5.programacao\u002F4.condicionais",{"title":133,"path":134,"stem":135},"Laço WHILE","\u002Fpcs3021\u002Fprogramacao\u002Fwhile","pcs3021\u002F5.programacao\u002F4.while",{"title":137,"path":138,"stem":139,"children":140,"icon":151},"Animações","\u002Fpcs3021\u002Fanimacao","pcs3021\u002F6.animacao\u002F1.index",[141,143,147],{"title":142,"path":138,"stem":139},"Introdução",{"title":144,"path":145,"stem":146},"Variáveis locais e globais","\u002Fpcs3021\u002Fanimacao\u002Fusando-variaveis","pcs3021\u002F6.animacao\u002F2.usando-variaveis",{"title":148,"path":149,"stem":150},"Eventos","\u002Fpcs3021\u002Fanimacao\u002Feventos","pcs3021\u002F6.animacao\u002F3.eventos","i-lucide-clapperboard",{"title":153,"path":154,"stem":155,"children":156,"icon":167},"Imagens","\u002Fpcs3021\u002Fimagens","pcs3021\u002F6.imagens\u002F1.index",[157,159,163],{"title":158,"path":154,"stem":155},"Usando SVG",{"title":160,"path":161,"stem":162},"Exportando SVG","\u002Fpcs3021\u002Fimagens\u002Fexportando","pcs3021\u002F6.imagens\u002F4.exportando",{"title":164,"path":165,"stem":166},"Imagens Matriciais","\u002Fpcs3021\u002Fimagens\u002Fmatriciais","pcs3021\u002F6.imagens\u002F5.matriciais","i-lucide-pen-tool",{"title":169,"icon":170,"path":171,"stem":172,"children":173,"page":27},"Vetores","i-lucide-spline-pointer","\u002Fpcs3021\u002Fvetores","pcs3021\u002F6.vetores",[174],{"title":169,"path":175,"stem":176},"\u002Fpcs3021\u002Fvetores\u002Fvetores","pcs3021\u002F6.vetores\u002F7.vetores",{"title":178,"path":179,"stem":180,"children":181,"icon":170},"Funções","\u002Fpcs3021\u002Ffuncoes","pcs3021\u002F7.funcoes\u002F1.index",[182],{"title":178,"path":179,"stem":180},{"id":184,"title":24,"body":185,"categoria":948,"creditoLink":948,"creditos":948,"descricao":948,"description":949,"eaulas":948,"extension":950,"meta":951,"navigation":579,"path":25,"seo":952,"stem":26,"video":948,"youtube":948,"youtubeLink":948,"__hash__":953},"docs\u002Fpcs3021\u002F2.curvas\u002F1.bezier.md",{"type":186,"value":187,"toc":943},"minimark",[188,197,232,237,305,309,312,440,443,447,451,454,908,910,939],[189,190,191,192,196],"p",{},"A curva de Bézier é uma curva suave definida por dois pontos de ancoragem, por onde a curva efetivamente passa, e dois pontos de controle, que determinam a direção e a intensidade da curvatura. No p5.js, ela é criada com o comando ",[193,194,195],"code",{},"bezier()",".",[189,198,199,200,203,204,207,208,211,212,207,215,218,219,207,222,207,225,207,228,231],{},"O comando ",[193,201,202],{},"bezier(x1, y1, x2, y2, x3, y3, x4, y4)"," recebe oito parâmetros. Os dois primeiros (",[193,205,206],{},"x1",", ",[193,209,210],{},"y1",") definem o primeiro ponto de ancoragem, onde a curva começa. Os dois últimos (",[193,213,214],{},"x4",[193,216,217],{},"y4",") definem o segundo ponto de ancoragem, onde a curva termina. Os quatro parâmetros do meio (",[193,220,221],{},"x2",[193,223,224],{},"y2",[193,226,227],{},"x3",[193,229,230],{},"y3",") definem os dois pontos de controle, que puxam a curva em sua direção sem que ela chegue a tocá-los.",[233,234,236],"h2",{"id":235},"estrutura-básica","Estrutura básica",[238,239,240,241],"code-preview",{},"Código - estrutura geral para definição de curvas de Bézier no p5.js",[242,243,244],"template",{"v-slot:code":5},[245,246,250],"pre",{"className":247,"code":248,"language":249,"meta":5,"style":5},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","bezier(x1, y1, x2, y2, x3, y3, x4, y4);\n","js",[193,251,252],{"__ignoreMap":5},[253,254,257,261,265,269,272,274,277,279,282,284,287,289,292,294,297,299,302],"span",{"class":255,"line":256},"line",1,[253,258,260],{"class":259},"s2Zo4","bezier",[253,262,264],{"class":263},"sTEyZ","(x1",[253,266,268],{"class":267},"sMK4o",",",[253,270,271],{"class":263}," y1",[253,273,268],{"class":267},[253,275,276],{"class":263}," x2",[253,278,268],{"class":267},[253,280,281],{"class":263}," y2",[253,283,268],{"class":267},[253,285,286],{"class":263}," x3",[253,288,268],{"class":267},[253,290,291],{"class":263}," y3",[253,293,268],{"class":267},[253,295,296],{"class":263}," x4",[253,298,268],{"class":267},[253,300,301],{"class":263}," y4)",[253,303,304],{"class":267},";\n",[233,306,308],{"id":307},"exemplo","Exemplo",[189,310,311],{},"Para um exemplo de como utilizar esse comando, teste o Código e veja a curva formada.",[238,313,314,315],{},"Código - Exemplo de definição de uma curva de Bézier",[242,316,317],{"v-slot:code":5},[245,318,320],{"className":247,"code":319,"language":249,"meta":5,"style":5},"function setup() {\n  createCanvas(800,600);\n  noFill();\n  strokeWeight(3);\n  bezier(100, 500, 200, 100, 600, 100, 700, 500);\n}\n",[193,321,322,337,361,371,386,434],{"__ignoreMap":5},[253,323,324,328,331,334],{"class":255,"line":256},[253,325,327],{"class":326},"spNyl","function",[253,329,330],{"class":259}," setup",[253,332,333],{"class":267},"()",[253,335,336],{"class":267}," {\n",[253,338,340,343,347,351,353,356,359],{"class":255,"line":339},2,[253,341,342],{"class":259},"  createCanvas",[253,344,346],{"class":345},"swJcz","(",[253,348,350],{"class":349},"sbssI","800",[253,352,268],{"class":267},[253,354,355],{"class":349},"600",[253,357,358],{"class":345},")",[253,360,304],{"class":267},[253,362,364,367,369],{"class":255,"line":363},3,[253,365,366],{"class":259},"  noFill",[253,368,333],{"class":345},[253,370,304],{"class":267},[253,372,374,377,379,382,384],{"class":255,"line":373},4,[253,375,376],{"class":259},"  strokeWeight",[253,378,346],{"class":345},[253,380,381],{"class":349},"3",[253,383,358],{"class":345},[253,385,304],{"class":267},[253,387,389,392,394,397,399,402,404,407,409,412,414,417,419,421,423,426,428,430,432],{"class":255,"line":388},5,[253,390,391],{"class":259},"  bezier",[253,393,346],{"class":345},[253,395,396],{"class":349},"100",[253,398,268],{"class":267},[253,400,401],{"class":349}," 500",[253,403,268],{"class":267},[253,405,406],{"class":349}," 200",[253,408,268],{"class":267},[253,410,411],{"class":349}," 100",[253,413,268],{"class":267},[253,415,416],{"class":349}," 600",[253,418,268],{"class":267},[253,420,411],{"class":349},[253,422,268],{"class":267},[253,424,425],{"class":349}," 700",[253,427,268],{"class":267},[253,429,401],{"class":349},[253,431,358],{"class":345},[253,433,304],{"class":267},[253,435,437],{"class":255,"line":436},6,[253,438,439],{"class":267},"}\n",[441,442],"p5-sketch",{"code":319},[444,445,446],"tip",{},"A curva de Bézier nunca toca os pontos de controle, apenas é atraída por eles. Ao desenhar uma curva pela primeira vez, é comum não saber exatamente onde os pontos de controle devem ficar, o que torna útil visualizá-los diretamente no sketch enquanto ela é ajustada.",[233,448,450],{"id":449},"visualizando-os-pontos-de-controle","Visualizando os pontos de controle",[189,452,453],{},"Desenhar os pontos de ancoragem, os pontos de controle e as linhas que os conectam ajuda a entender como cada um influencia o formato final da curva.",[238,455,456,457],{},"Código - Exemplo com os pontos de controle visíveis",[242,458,459],{"v-slot:code":5},[245,460,462],{"className":247,"code":461,"language":249,"meta":5,"style":5},"function setup() {\n  createCanvas(800,600);\n  let x1 = 100, y1 = 500;\n  let x2 = 200, y2 = 100;\n  let x3 = 600, y3 = 100;\n  let x4 = 700, y4 = 500;\n\n  noFill();\n  strokeWeight(3);\n  bezier(x1, y1, x2, y2, x3, y3, x4, y4);\n\n  stroke(200,0,0);\n  strokeWeight(1);\n  line(x1, y1, x2, y2);\n  line(x3, y3, x4, y4);\n\n  noStroke();\n  fill(200,0,0);\n  ellipse(x2, y2, 10, 10);\n  ellipse(x3, y3, 10, 10);\n\n  fill(0,100,200);\n  ellipse(x1, y1, 10, 10);\n  ellipse(x4, y4, 10, 10);\n}\n",[193,463,464,474,490,513,533,553,574,581,590,603,644,649,673,687,713,738,743,753,775,802,827,832,853,878,903],{"__ignoreMap":5},[253,465,466,468,470,472],{"class":255,"line":256},[253,467,327],{"class":326},[253,469,330],{"class":259},[253,471,333],{"class":267},[253,473,336],{"class":267},[253,475,476,478,480,482,484,486,488],{"class":255,"line":339},[253,477,342],{"class":259},[253,479,346],{"class":345},[253,481,350],{"class":349},[253,483,268],{"class":267},[253,485,355],{"class":349},[253,487,358],{"class":345},[253,489,304],{"class":267},[253,491,492,495,498,501,503,505,507,509,511],{"class":255,"line":363},[253,493,494],{"class":326},"  let",[253,496,497],{"class":263}," x1",[253,499,500],{"class":267}," =",[253,502,411],{"class":349},[253,504,268],{"class":267},[253,506,271],{"class":263},[253,508,500],{"class":267},[253,510,401],{"class":349},[253,512,304],{"class":267},[253,514,515,517,519,521,523,525,527,529,531],{"class":255,"line":373},[253,516,494],{"class":326},[253,518,276],{"class":263},[253,520,500],{"class":267},[253,522,406],{"class":349},[253,524,268],{"class":267},[253,526,281],{"class":263},[253,528,500],{"class":267},[253,530,411],{"class":349},[253,532,304],{"class":267},[253,534,535,537,539,541,543,545,547,549,551],{"class":255,"line":388},[253,536,494],{"class":326},[253,538,286],{"class":263},[253,540,500],{"class":267},[253,542,416],{"class":349},[253,544,268],{"class":267},[253,546,291],{"class":263},[253,548,500],{"class":267},[253,550,411],{"class":349},[253,552,304],{"class":267},[253,554,555,557,559,561,563,565,568,570,572],{"class":255,"line":436},[253,556,494],{"class":326},[253,558,296],{"class":263},[253,560,500],{"class":267},[253,562,425],{"class":349},[253,564,268],{"class":267},[253,566,567],{"class":263}," y4",[253,569,500],{"class":267},[253,571,401],{"class":349},[253,573,304],{"class":267},[253,575,577],{"class":255,"line":576},7,[253,578,580],{"emptyLinePlaceholder":579},true,"\n",[253,582,584,586,588],{"class":255,"line":583},8,[253,585,366],{"class":259},[253,587,333],{"class":345},[253,589,304],{"class":267},[253,591,593,595,597,599,601],{"class":255,"line":592},9,[253,594,376],{"class":259},[253,596,346],{"class":345},[253,598,381],{"class":349},[253,600,358],{"class":345},[253,602,304],{"class":267},[253,604,606,608,610,612,614,616,618,620,622,624,626,628,630,632,634,636,638,640,642],{"class":255,"line":605},10,[253,607,391],{"class":259},[253,609,346],{"class":345},[253,611,206],{"class":263},[253,613,268],{"class":267},[253,615,271],{"class":263},[253,617,268],{"class":267},[253,619,276],{"class":263},[253,621,268],{"class":267},[253,623,281],{"class":263},[253,625,268],{"class":267},[253,627,286],{"class":263},[253,629,268],{"class":267},[253,631,291],{"class":263},[253,633,268],{"class":267},[253,635,296],{"class":263},[253,637,268],{"class":267},[253,639,567],{"class":263},[253,641,358],{"class":345},[253,643,304],{"class":267},[253,645,647],{"class":255,"line":646},11,[253,648,580],{"emptyLinePlaceholder":579},[253,650,652,655,657,660,662,665,667,669,671],{"class":255,"line":651},12,[253,653,654],{"class":259},"  stroke",[253,656,346],{"class":345},[253,658,659],{"class":349},"200",[253,661,268],{"class":267},[253,663,664],{"class":349},"0",[253,666,268],{"class":267},[253,668,664],{"class":349},[253,670,358],{"class":345},[253,672,304],{"class":267},[253,674,676,678,680,683,685],{"class":255,"line":675},13,[253,677,376],{"class":259},[253,679,346],{"class":345},[253,681,682],{"class":349},"1",[253,684,358],{"class":345},[253,686,304],{"class":267},[253,688,690,693,695,697,699,701,703,705,707,709,711],{"class":255,"line":689},14,[253,691,692],{"class":259},"  line",[253,694,346],{"class":345},[253,696,206],{"class":263},[253,698,268],{"class":267},[253,700,271],{"class":263},[253,702,268],{"class":267},[253,704,276],{"class":263},[253,706,268],{"class":267},[253,708,281],{"class":263},[253,710,358],{"class":345},[253,712,304],{"class":267},[253,714,716,718,720,722,724,726,728,730,732,734,736],{"class":255,"line":715},15,[253,717,692],{"class":259},[253,719,346],{"class":345},[253,721,227],{"class":263},[253,723,268],{"class":267},[253,725,291],{"class":263},[253,727,268],{"class":267},[253,729,296],{"class":263},[253,731,268],{"class":267},[253,733,567],{"class":263},[253,735,358],{"class":345},[253,737,304],{"class":267},[253,739,741],{"class":255,"line":740},16,[253,742,580],{"emptyLinePlaceholder":579},[253,744,746,749,751],{"class":255,"line":745},17,[253,747,748],{"class":259},"  noStroke",[253,750,333],{"class":345},[253,752,304],{"class":267},[253,754,756,759,761,763,765,767,769,771,773],{"class":255,"line":755},18,[253,757,758],{"class":259},"  fill",[253,760,346],{"class":345},[253,762,659],{"class":349},[253,764,268],{"class":267},[253,766,664],{"class":349},[253,768,268],{"class":267},[253,770,664],{"class":349},[253,772,358],{"class":345},[253,774,304],{"class":267},[253,776,778,781,783,785,787,789,791,794,796,798,800],{"class":255,"line":777},19,[253,779,780],{"class":259},"  ellipse",[253,782,346],{"class":345},[253,784,221],{"class":263},[253,786,268],{"class":267},[253,788,281],{"class":263},[253,790,268],{"class":267},[253,792,793],{"class":349}," 10",[253,795,268],{"class":267},[253,797,793],{"class":349},[253,799,358],{"class":345},[253,801,304],{"class":267},[253,803,805,807,809,811,813,815,817,819,821,823,825],{"class":255,"line":804},20,[253,806,780],{"class":259},[253,808,346],{"class":345},[253,810,227],{"class":263},[253,812,268],{"class":267},[253,814,291],{"class":263},[253,816,268],{"class":267},[253,818,793],{"class":349},[253,820,268],{"class":267},[253,822,793],{"class":349},[253,824,358],{"class":345},[253,826,304],{"class":267},[253,828,830],{"class":255,"line":829},21,[253,831,580],{"emptyLinePlaceholder":579},[253,833,835,837,839,841,843,845,847,849,851],{"class":255,"line":834},22,[253,836,758],{"class":259},[253,838,346],{"class":345},[253,840,664],{"class":349},[253,842,268],{"class":267},[253,844,396],{"class":349},[253,846,268],{"class":267},[253,848,659],{"class":349},[253,850,358],{"class":345},[253,852,304],{"class":267},[253,854,856,858,860,862,864,866,868,870,872,874,876],{"class":255,"line":855},23,[253,857,780],{"class":259},[253,859,346],{"class":345},[253,861,206],{"class":263},[253,863,268],{"class":267},[253,865,271],{"class":263},[253,867,268],{"class":267},[253,869,793],{"class":349},[253,871,268],{"class":267},[253,873,793],{"class":349},[253,875,358],{"class":345},[253,877,304],{"class":267},[253,879,881,883,885,887,889,891,893,895,897,899,901],{"class":255,"line":880},24,[253,882,780],{"class":259},[253,884,346],{"class":345},[253,886,214],{"class":263},[253,888,268],{"class":267},[253,890,567],{"class":263},[253,892,268],{"class":267},[253,894,793],{"class":349},[253,896,268],{"class":267},[253,898,793],{"class":349},[253,900,358],{"class":345},[253,902,304],{"class":267},[253,904,906],{"class":255,"line":905},25,[253,907,439],{"class":267},[441,909],{"code":461},[189,911,912,913,916,917,920,921,924,925,920,928,931,932,196],{},"Experimente usar ",[193,914,915],{},"bezierVertex()"," dentro de ",[193,918,919],{},"beginShape()"," e ",[193,922,923],{},"endShape()"," para encadear várias curvas de Bézier em sequência, formando contornos complexos e orgânicos, como os usados em ilustração vetorial. As funções ",[193,926,927],{},"bezierPoint()",[193,929,930],{},"bezierTangent()"," também permitem calcular posições e direções específicas ao longo da curva, úteis para animar objetos que devem seguir seu trajeto. Mais detalhes e exemplos podem ser encontrados na ",[933,934,938],"a",{"href":935,"rel":936},"https:\u002F\u002Fp5js.org\u002Freference\u002Fp5\u002Fbezier\u002F",[937],"nofollow","documentação do p5.js",[940,941,942],"style",{},"html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":5,"searchDepth":339,"depth":339,"links":944},[945,946,947],{"id":235,"depth":339,"text":236},{"id":307,"depth":339,"text":308},{"id":449,"depth":339,"text":450},null,"Veja como desenhar curvas suaves usando pontos de controle","md",{},{"title":24,"description":949},"TeYkbdbxcrRAdyGxRyrONpRW0gkk_2CR8uTdvcH7J90",[955,957],{"title":15,"path":11,"stem":16,"description":956,"children":-1},"Conheça o conteúdo programático da disciplina",{"title":35,"path":36,"stem":37,"description":958,"children":-1},"Veja como criar retângulos e quadrados",1786195200657]