[{"data":1,"prerenderedAt":378},["ShallowReactive",2],{"navigation_docs":3,"-pcs3021-programacao-variaveis":46,"-pcs3021-programacao-variaveis-surround":373},[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],{"title":15,"path":11,"stem":16},"Exemplo","pcs3021\u002Findex",{"title":18,"icon":19,"path":20,"stem":21,"children":22,"page":27},"Geometrias","i-lucide-drafting-compass","\u002Fpcs3021\u002Fgeometrias","pcs3021\u002F2.geometrias",[23],{"title":24,"path":25,"stem":26},"Formas Geométricas Irregulares (Shape)","\u002Fpcs3021\u002Fgeometrias\u002Fformas-irregulares","pcs3021\u002F2.geometrias\u002F1.formas-irregulares",false,{"title":29,"icon":30,"path":31,"stem":32,"children":33,"page":27},"Programação","i-lucide-square-code","\u002Fpcs3021\u002Fprogramacao","pcs3021\u002F2.programacao",[34,38,42],{"title":35,"path":36,"stem":37},"Variáveis","\u002Fpcs3021\u002Fprogramacao\u002Fvariaveis","pcs3021\u002F2.programacao\u002F1.variaveis",{"title":39,"path":40,"stem":41},"Expressões numéricas","\u002Fpcs3021\u002Fprogramacao\u002Fexpressoes-numericas","pcs3021\u002F2.programacao\u002F2.expressoes-numericas",{"title":43,"path":44,"stem":45},"Laço FOR","\u002Fpcs3021\u002Fprogramacao\u002Ffor","pcs3021\u002F2.programacao\u002F3.for",{"id":47,"title":35,"body":48,"categoria":366,"creditoLink":366,"creditos":366,"descricao":366,"description":367,"eaulas":366,"extension":368,"meta":369,"navigation":370,"path":36,"seo":371,"stem":37,"video":366,"youtube":366,"youtubeLink":366,"__hash__":372},"docs\u002Fpcs3021\u002F2.programacao\u002F1.variaveis.md",{"type":49,"value":50,"toc":362},"minimark",[51,56,60,63,100,103,129,136,176,179,207,211,355,358],[52,53,55],"h2",{"id":54},"entenda-o-conceito","Entenda o conceito",[57,58,59],"p",{},"A forma mais simples de se entender uma variável em um programa é como um nome dado para um valor. Uma analogia com o mundo real pode ser o de uma gaveta com uma etiqueta colada. Na etiqueta, podemos escrever um nome qualquer que nos ajude a lembrar o que está guardado na gaveta. Analogamente, as linguagens de programação permitem que criemos “gavetas virtuais” para armazenar informação. No caso do Processing, e em muitas das principais linguagens de programação, cada “gaveta” só pode guardar um tipo de informação (por exemplo: números inteiros, números reais, imagens, textos etc.). Antes de ser usada para armazenar algum dado, a variável precisa ser declarada. É nesse momento em que especificamos seu tipo, ou seja, qual categoria de informação poderá armazenar.",[57,61,62],{},"Para criar uma variável que armazena números inteiros – um dos tipos de informação mais comuns e úteis nos programas – devemos escrever uma linha como a seguinte:",[64,65,66,70,71],"code-preview",{},[67,68,69],"strong",{},"Exemplo 1",". Declaração de variável em P5.js",[72,73,74],"template",{"v-slot:code":5},[75,76,80],"pre",{"className":77,"code":78,"language":79,"meta":5,"style":5},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","let nomeDaVariavel;  \n","js",[81,82,83],"code",{"__ignoreMap":5},[84,85,88,92,96],"span",{"class":86,"line":87},"line",1,[84,89,91],{"class":90},"spNyl","let",[84,93,95],{"class":94},"sTEyZ"," nomeDaVariavel",[84,97,99],{"class":98},"sMK4o",";\n",[57,101,102],{},"Claro que “nomeDaVariavel” foi apenas um exemplo. Você poderá dar qualquer nome à sua variável desde que formado por letras, números e\u002Fou o caractere “sublinhado” (_). O nome não pode começar com um número nem pode ter espaços. Exemplos de nomes válidos: largura, posicaoX, tamanho_da_letra.",[57,104,105,106,109,110,109,113,116,117,120,121,124,125,128],{},"Outra informação importante é que maiúsculas e minúsculas são diferentes em nomes de variáveis. Portanto o Processing entende ",[81,107,108],{},"Largura",", ",[81,111,112],{},"largura",[81,114,115],{},"LaRgUrA"," e ",[81,118,119],{},"LARGURA"," como quatro variáveis diferentes. Quando escrevemos algo como ",[81,122,123],{},"let x;"," estamos, efetivamente, dizendo que a variável ",[81,126,127],{},"x"," existe – ou seja, criamos um nome ou \"gaveta\" para uso no programa.",[57,130,131,132,135],{},"Para que a \"gaveta\" não fique vazia, precisamos associar um valor a essa variável. A maioria das linguagens usa o caractere ",[81,133,134],{},"="," para indicar essa atribuição de um valor à variável. A sequência de comandos abaixo exemplifica como atribuir (“guardar”) o valor 4 à variável abc:",[64,137,138,141,142],{},[67,139,140],{},"Exemplo 2",". Declaração de variável com atribuição de valor.",[72,143,144],{"v-slot:code":5},[75,145,147],{"className":77,"code":146,"language":79,"meta":5,"style":5},"let abc; \nabc = 4; \n",[81,148,149,162],{"__ignoreMap":5},[84,150,151,153,156,159],{"class":86,"line":87},[84,152,91],{"class":90},[84,154,155],{"class":94}," abc",[84,157,158],{"class":98},";",[84,160,161],{"class":94}," \n",[84,163,165,168,170,174],{"class":86,"line":164},2,[84,166,167],{"class":94},"abc ",[84,169,134],{"class":98},[84,171,173],{"class":172},"sbssI"," 4",[84,175,99],{"class":98},[57,177,178],{},"Podemos resumir o comando em uma linha só:",[64,180,181],{},[72,182,183],{"v-slot:code":5},[75,184,185],{"className":77,"code":146,"language":79,"meta":5,"style":5},[81,186,187,197],{"__ignoreMap":5},[84,188,189,191,193,195],{"class":86,"line":87},[84,190,91],{"class":90},[84,192,155],{"class":94},[84,194,158],{"class":98},[84,196,161],{"class":94},[84,198,199,201,203,205],{"class":86,"line":164},[84,200,167],{"class":94},[84,202,134],{"class":98},[84,204,173],{"class":172},[84,206,99],{"class":98},[52,208,210],{"id":209},"exemplos","Exemplos",[64,212,213,214],{},"Código 4.2 - Exemplo de definição de uma forma geométrica utilizando vértices",[72,215,216],{"v-slot:code":5},[75,217,219],{"className":77,"code":218,"language":79,"meta":5,"style":5},"function setup() {\n  createCanvas(800,600);\n  let x = 200;\n  let y = 150;\n  let largura = 300;\n  let altura = 400;\n  rect(x,y,largura,altura);\n}\n",[81,220,221,236,259,276,291,306,321,349],{"__ignoreMap":5},[84,222,223,226,230,233],{"class":86,"line":87},[84,224,225],{"class":90},"function",[84,227,229],{"class":228},"s2Zo4"," setup",[84,231,232],{"class":98},"()",[84,234,235],{"class":98}," {\n",[84,237,238,241,245,248,251,254,257],{"class":86,"line":164},[84,239,240],{"class":228},"  createCanvas",[84,242,244],{"class":243},"swJcz","(",[84,246,247],{"class":172},"800",[84,249,250],{"class":98},",",[84,252,253],{"class":172},"600",[84,255,256],{"class":243},")",[84,258,99],{"class":98},[84,260,262,265,268,271,274],{"class":86,"line":261},3,[84,263,264],{"class":90},"  let",[84,266,267],{"class":94}," x",[84,269,270],{"class":98}," =",[84,272,273],{"class":172}," 200",[84,275,99],{"class":98},[84,277,279,281,284,286,289],{"class":86,"line":278},4,[84,280,264],{"class":90},[84,282,283],{"class":94}," y",[84,285,270],{"class":98},[84,287,288],{"class":172}," 150",[84,290,99],{"class":98},[84,292,294,296,299,301,304],{"class":86,"line":293},5,[84,295,264],{"class":90},[84,297,298],{"class":94}," largura",[84,300,270],{"class":98},[84,302,303],{"class":172}," 300",[84,305,99],{"class":98},[84,307,309,311,314,316,319],{"class":86,"line":308},6,[84,310,264],{"class":90},[84,312,313],{"class":94}," altura",[84,315,270],{"class":98},[84,317,318],{"class":172}," 400",[84,320,99],{"class":98},[84,322,324,327,329,331,333,336,338,340,342,345,347],{"class":86,"line":323},7,[84,325,326],{"class":228},"  rect",[84,328,244],{"class":243},[84,330,127],{"class":94},[84,332,250],{"class":98},[84,334,335],{"class":94},"y",[84,337,250],{"class":98},[84,339,112],{"class":94},[84,341,250],{"class":98},[84,343,344],{"class":94},"altura",[84,346,256],{"class":243},[84,348,99],{"class":98},[84,350,352],{"class":86,"line":351},8,[84,353,354],{"class":98},"}\n",[356,357],"p5-sketch",{"code":218},[359,360,361],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":5,"searchDepth":164,"depth":164,"links":363},[364,365],{"id":54,"depth":164,"text":55},{"id":209,"depth":164,"text":210},null,"Entenda como podemos usar as variáveis para armazenar valores nos nossos programas","md",{},true,{"title":35,"description":367},"EItvpkL23N4FahjWNupGo1ICTvw19Lp1v01ekOaAOuY",[374,376],{"title":24,"path":25,"stem":26,"description":375,"children":-1},"Veja como criar uma forma geométrica customizada",{"title":39,"path":40,"stem":41,"description":377,"children":-1},"Aprenda a usar variáveis para gerar imagens no Processing",1784079668845]