Aprenda a projetar com código usando o Tinkercad Codeblocks

Prévia do material em texto

15
Aprenda a projetar com código usando o Tinkercad Codeblocks: um guia de início rápido
O novo espaço de trabalho de design computacional Codeblocks da Tinkercad é o local mais simples para criar modelos 3D usando blocos de código arrastáveis.
Aprenda os princípios básicos de design e codificação em um espaço de trabalho fácil de aprender usando o Scratchblocks 3.0, como visto no aplicativo Scratch do MIT.
Vamos começar!
Codeblocks é um novo espaço de trabalho para o Tinkercad e ainda está em desenvolvimento, mas você pode inseri-lo da mesma maneira que os espaços de trabalho 3D e Circuitos.
Instruções
1. Ir para Tinkercad.com
É nesta área que você encontra os Projetos de Codeblocks existentes, cria Novos Projetos ou abre os Starters Designs.
Vamos criar um novo design para apresentá-lo à área de trabalho.
Instruções
1. Clique no botão 'Novo design' no canto superior direito.
Isso fechará o mini painel e abrirá a área de trabalho Código.
(Nota: na parte superior, você pode ver diversos Starter Designs divertidos. Esses designs de exemplo mostram maneiras diferentes de usar o código para montar Shapes. Depois de concluir as lições de início rápido, volte aqui e dê uma olhada nelas.)
2. Continue na próxima etapa para ver uma visão geral da área de trabalho.
3. Quando você solta na área de trabalho, pode ver que é muito semelhante à área de trabalho do editor 3D do Tinkercad, mas dividida em várias seções.
4. Barra de Navegação (Navegação) - Controles de macro usados ​​em todos os espaços de trabalho do Tinkercad.
5. Barra de ferramentas - visualize, nomeie, edite e exporte seu design.
6. Painel de blocos - role para exibir uma variedade de opções de Codeblocks.
7. Editor de Blocos - Empilhe seus Codeblocks aqui para definir e refinar seu Design.
8. Visualizador em 3D - Veja os resultados do que você criou no Editor de blocos.
9. Agora que conhecemos o layout, vamos começar a construir!
10. 
O design é um processo de tomar decisões criativas para criar algo e refiná-las até que você, como criador, determine que o projeto está completo.
O mesmo se aplica à codificação, é um processo em que você toma decisões, usando comandos, até atingir o resultado que está procurando.
Em Codeblocks, há um ritmo repetitivo nesse processo. Vamos dar uma olhada nas etapas
1. Selecionar - Você inicia selecionando um Codeblock, de preferência um bloco de formas, como a caixa do painel de blocos no lado esquerdo.
2. Empilhar - Clique e arraste-o do Painel de Blocos para o meio da Área de Trabalho de Blocos, como mostrado acima. É aqui que você empilha os blocos para criar um script.
3. Executar - Depois de colocar a Forma, procure o botão Executar no canto superior direito e clique nele.
4. Revisar - Abaixo do botão Executar, está o Visualizador em 3D, onde você visualiza seu trabalho ou Revisa todas as alterações feitas no seu design. No visualizador em 3D, você verá uma versão 3D da Forma que você selecionou na Etapa 1.
5. Ajustar - A partir daqui, você retornaria à área de trabalho Bloco e Ajustaria o seu Design, arrastando outro bloco ou fazendo alterações na Forma que você já selecionou.
Como mencionado, você continuará esse processo - Selecionar, Empilhar, Executar, Revisar, Ajustar - até que seu design seja concluído.
Agora que você tem uma ideia do processo, vamos dar uma olhada nos recursos mais comuns do espaço de trabalho Codeblocks.
ara projetar coisas em Codeblocks, você agrupa blocos de código para formar uma pilha de comandos ou ações sequenciais. Essas ações controlam as formas e o resultado é um design 3D que você pode visualizar no visualizador em 3D.
Vamos começar arrastando no bloco 'Box' Shape.
Instruções
1. Localize o Painel de Blocos, no lado esquerdo da área de trabalho. Esta é uma lista de todos os blocos disponíveis.
2. Clique e segure o bloco vermelho Box e arraste-o do painel Block para a área central, chamada Editor de Blocos.
(Nota: Para funcionar corretamente, sempre deve haver pelo menos um Shape na sua pilha.)
3. Clique em Avançar para aprender como executar o código e ver a caixa no visualizador em 3D.
Como estamos usando o código para criar nosso design, precisamos executar esse código para ver seu resultado no visualizador em 3D. Esse é um processo importante e que você repetirá repetidamente ao atualizar seu design.
Instruções
1. Localize o botão Executar no canto superior direito da área de trabalho. Essa área é chamada barra de ferramentas.
2. Pressione o botão Executar
3. Assista ao carregamento do seu Box Shape no visualizador em 3D
4. Clique em Executar novamente para ver o seu Shape recarregar. Agora você está codificando!
(Nota: Veja como a sua caixa foi carregada no centro da grade e está 1/2 acima e 1/2 abaixo do plano de trabalho? Isso é normal e um pouco diferente do espaço de trabalho 3D normal da Tinkercad, onde as formas carregam sobre o plano de trabalho.)
5. Continue na próxima etapa para ver como controlar a visualização da sua forma no visualizador em 3D.
Agora que você viu o seu 3d Shape carregar no visualizador em 3D, vejamos como visualizá-lo de vários ângulos.
Existem 2 maneiras principais de controlar a câmera no visualizador em 3D.
Instruções
1. Mova usando os controles na tela -
O ViewCube é como um mini controlador para a tela. Possui rótulos dos vários ângulos de visão (frontal, superior etc.) que correspondem ao espaço de trabalho. 'Agarre' clicando com o mouse e arrastando para girar.
Para alterações rápidas na visualização, você pode clicar nos vários rótulos ou campos. Passe o cursor ou o dedo por cima do ViewCube e você poderá ver os campos destacados. Clique em qualquer um dos campos para ver seu modelo desse ângulo.
Para aumentar e diminuir o zoom, clique nos botões '+' e '-' Zoom
2. Mova usando o mouse (ou gestos de toque). Existem 3 pontos de controle diferentes -
Órbita - Usado para girar em torno do modelo. Para orbitar, mantenha pressionada a tecla Control enquanto arrasta o mouse para qualquer lugar dentro da área Visualizador. Para controles de toque, arraste um dedo para qualquer lugar fora do seu design.
Pan - Usado para mover para os lados ou para cima e para baixo para centralizar seu modelo no Visualizador. Para deslocar, pressione e mantenha pressionadas as teclas 'Shift' e 'Control' enquanto usa o mouse para clicar e arrastar para qualquer lugar dentro da área Exibir. Para controle de toque, use dois dedos e arraste para qualquer lugar fora do seu design.
Zoom - Amplie e diminua o zoom para visualizar pequenos detalhes. Para aplicar zoom, use a roda de rolagem do mouse. Para toque, use dois dedos para beliscar ou puxar o trackpad ou a tela de toque.
3. Continue na próxima etapa e vamos fazer algumas alterações em sua forma.
Instruções
1. Localize o ícone de seta no lado direito do bloco Box Shape.
2. Clique na seta para abrir a gaveta. Você verá uma lista de controles com campos numéricos. Esses controles numéricos são chamados de parâmetros. Eles controlam certos atributos do formato da caixa, como largura (W), comprimento (L) e altura (H). Vamos mudar a largura.
3. Clique na área branca do campo ao lado de W (para largura). Isso destacará os 20.
4. Digite 40 no campo.
5. Agora pressione Executar e revise sua Forma. Sua caixa parece mais retangular agora? Isso é bom. Caso contrário, talvez verifique o campo para garantir que seu número foi inserido corretamente.
6. Experiência - Agora que você viu como modificar sua Forma, sinta-se à vontade para experimentar alguns dos outros controles para ver como eles afetam a Forma!
7. Quando estiver pronto, vamos mover sua forma pelo Espaço de Trabalho.
Para mover Formas na área de trabalho, use o bloco Mover. Funciona como dar passos ao longo de um caminho que começa na localização atual da Forma na grade, que para sua Caixa é 0.
Instruções
1. Localize o bloco Mover no painel Bloco, rolando para baixo até a categoria Modificar.
2. Clique e segure o bloco Mover e arraste-o para o Editor de blocos.
3. Passe o bloco Mover em direção à parte inferior do blocoBox e você verá uma sombra aparecer. Se você soltar, o bloco Mover se encaixará no bloco Caixa.
Dica importante : Todos os blocos que não sejam de forma exigem uma forma para executar sua ação. Muitos blocos agem apenas na Forma mais próxima acima deles. Se houver apenas uma forma no espaço de trabalho, anexar o bloco Mover na parte superior de uma forma não afetará uma ação nessa forma.
4. Agora que o bloco Mover está abaixo do bloco Caixa, podemos usá-lo para mover a Caixa no Visualizador em 3D. Como antes, clique no campo 'X', onde vemos um 0 e digite 50. Isso moverá a caixa o suficiente para que você veja a diferença.
5. Agora, clique em Executar e observe a distância que a caixa se move. Ele se moveu 50 mm ao longo do eixo X.
( Nota: Você pode ver em qual direção o eixo X segue, olhando para a linha vermelha perto do centro da área de trabalho. Você também pode ver a direção do eixo Y em verde e o eixo Z, que corre para cima e para baixo, em azul .)
6. Experiência - E se você quiser que a Caixa se mova no mesmo caminho (eixo), mas na direção oposta? Use matemática! Como um gráfico numérico, se começássemos em 0 e desejássemos passar para 50. Passamos por 1 até chegarmos a 50. A direção oposta no gráfico começaria em 0 e movia-se usando números negativos, portanto, 50 passos na direção oposta é -50. Digite -50 no campo 'X' e pressione Executar. Ele se moveu na direção oposta?
7. Por fim, brinque com os números nos outros eixos (Y e Z).
8. Quando estiver pronto para seguir em frente, clique em Avançar e faremos algumas rotações.
Você pode anexar o bloco Girar à sua pilha para adicionar um movimento de rotação.
Nesse ponto, sua pilha deve ter um bloco Box com um bloco Move encaixado nele.
Instruções
1. Localize o bloco Girar no painel de blocos. Você também pode encontrá-lo na categoria Modificar.
2. Clique e segure para arrastar o bloco Girar para o Editor de blocos e passe o mouse na parte inferior da pilha até ver a sombra. Isso permite que você saiba que está próximo o suficiente para encaixar na pilha. Solte seu bloco.
3. Clique no campo 'Eixo' para ver uma lista suspensa dos três eixos que aprendemos em Mover! Selecione um eixo e clique em retornar.
4. Clique no campo 'Graus'. Altere de 90 para 45.
5. Agora pressione o botão Executar para ver sua caixa girar.
6. Experiência - Agora que você vê como funciona, brinque com os campos para ver como os controles funcionam. Além disso, tente arrastar o bloco Girar para uma área diferente do script, como logo abaixo do bloco Caixa. Observe como a sequência de ações mudou.
7. Agora tente arrastar outro bloco Girar para a Pilha para adicionar várias ações de Rotação.
8. Continue para o próximo passo.
A cor adiciona uma nova dimensão à aparência dos seus modelos e é fácil de mudar.
Instruções
1. Encontre o bloco Shape para a Shape da qual você deseja alterar a cor.
2. Clique no círculo colorido no bloco Forma. Isso abrirá o menu Cor.
3. Clique na amostra de cores que você deseja.
4. Clique em qualquer lugar fora do menu Cor para fechá-lo.
5. Você aprendeu o básico o suficiente, agora podemos reuni-los todos para criar um modelo.
Como cada Shape é carregada no ponto de origem no centro da área de trabalho, é muito fácil alinhar Shapes, empilhando-as umas sobre as outras. Vamos fazer um foguete rápido para mostrar como.
Se você tiver algum bloco no seu Editor de blocos, arraste-os todos para o ícone Lixeira no canto inferior direito.
Instruções
1. Arraste três Formas para o Editor de bloco - um Cone, um Cilindro e uma Estrela (a Amarela). Pressione Executar para revisar seu trabalho.
2. Queremos que todas essas formas sejam empilhadas de cima para baixo, mas vamos ajustar o tamanho delas primeiro. Clique na seta para abrir a gaveta de controle do cilindro e aumente o campo 'H' (altura) de 20 para 40.
3. Clique na seta para abrir a gaveta da estrela e defina o campo 'Radius' como 17. Pressione Run para revisar seu trabalho.
4. Observe como todas as suas formas estão flutuando no centro? Vamos movê-los para montar nosso foguete. Arraste um bloco Mover para o Cone e insira-o na Pilha logo abaixo do Bloco Cone. Agora repita para o cilindro e a estrela.
5. Vamos mover o cilindro para que ele fique em cima do plano de trabalho. Usamos o eixo 'Z' para mover para cima e para baixo. Como o Cilindro está metade acima do Plano de Trabalho e metade acima, poderemos calcular metade da altura total para movê-lo para o topo do Plano de Trabalho. No campo 'Z' no bloco Mover do cilindro, insira 20. Execute para verificar seu trabalho.
6. Seu cilindro está sentado em cima do plano de trabalho? Nesse caso, vamos mover a forma do cone para o topo do cilindro. Tente calcular até que ponto movê-lo. Digite-o no bloco Cone's Move e pressione Run para verificar seu trabalho. Tudo bem se for preciso algumas tentativas para acertar.
7. Depois de colocar a forma de cone em cima do cilindro, mova a forma de estrela para cima para sentar no plano de trabalho. Calcule e insira o número no campo 'Z' do bloco Mover anexado ao Star Shape e pressione 'Run' para verificar seu trabalho.
8. Como está o seu Rocket? Talvez o seu Star Shape pareça um pouco desalinhado? Às vezes, para alinhar o Shape com um número ímpar de lados, é melhor torná-lo um número par. Vamos redefinir o número de lados na estrela para 6 para garantir que todas as peças estejam alinhadas corretamente.
9. Seu design se parece com um foguete? Parabéns! Usando uma combinação de blocos Mover e Girar, você pode montar Formas em todos os tipos de objetos incríveis.
10. Experiência - Agora que você tem um design finalizado, o que você faria para alterá-lo? Você consegue ver áreas para brincar com a forma das peças? Como a alteração da cor altera o design? Compartilhe seu trabalho com um colega ou amigo.
11. Antes de avançarmos para outro design, vamos salvar este e abrir um novo design.
Esta etapa é uma espécie de truque, pois o Tinkercad salva automaticamente seus projetos enquanto você trabalha, mas é importante saber quando um projeto pode ser concluído e quando iniciar um novo.
Instruções
1. Para preparar o design para o fechamento, clique no campo Nome no canto superior direito, na barra de ferramentas. Provavelmente tem algum tipo de nome de espaço reservado engraçado. Clique nas letras para selecioná-las.
2. Digite um novo nome para o seu Rocket Design e clique em Return no seu teclado.
3. Agora, clique no botão 'Codeblocks' à esquerda do campo Nome. É assim que você abre o mini painel.
4. Clique no botão 'Novo design' no canto superior direito. Isso salvará seu último design no estado atual e abrirá um design novo e vazio.
5. Agora vamos ver como combinar suas formas para mover e modificar partes do seu design.
 Agrupamento é uma das ações mais importantes do Tinkercad, pois permite combinar partes do seu design para facilitar o movimento ou a modificação. Isso também ajudará a prepará-los para a impressão 3D.
Instruções
1. Arraste uma caixa e um cilindro para o editor de blocos.
2. Anexe o cilindro ao bloco da caixa.
3. Clique na seta para abrir a gaveta de controle. Clique no campo Raio e altere o número para 6. Clique no campo 'H' (Altura) e altere-o 30.
4. Arraste um bloco Criar Grupo para o Editor de Blocos e anexe-o na parte inferior da Pilha.
5. Arraste um bloco Mover e anexe-o na parte inferior da sua Pilha abaixo do bloco Criar Grupo e altere os campos X e Y para '10'. Clique no botão 'Executar' para revisar seu modelo. As partes agrupadas agora devem se mover como uma única peça.
6. Exploração - Insira um bloco Mover ou Girar acima do bloco Criar Grupo para ver o que acontece com o seu Design. Tente adicionar uma forma após o bloco Criar grupo e tente movê-lo ou girá-lo.
7. Vamos ver como cortar um furo em uma forma usando o bloco de grupo.
Um furo é uma forma que foi alterada para recortar em outra forma. É ativado quando você usa um bloco de grupo para combinar formas e furos regulares.
Instruções
1. Limpe seu Editor de bloco arrastando todosos seus blocos para a Lixeira.
2. Arraste uma caixa e um cilindro para o editor de blocos. Encaixe o cilindro na parte inferior do bloco Box.
3. No bloco Caixa, clique na seta para abrir a gaveta de controle. Reduza a Altura da caixa, clicando no campo 'H' (Altura). Mude o número para 10.
4. No bloco Cilindro, ao lado do campo Cor, está o campo Furo. Quando você clica nele, desmarca o campo Cor, transformando a Forma em um furo.
5. Clique em 'Executar' para visualizar suas formas. Observe que sua caixa ainda é uma cor sólida e o cilindro agora é transparente. Veja onde a caixa e o cilindro se encontram? Isso mostra onde o furo será cortado em sua forma de caixa
6. Arraste um bloco 'Criar grupo' para o Editor de blocos e anexe-o na parte inferior da pilha. Clique em 'Executar' para atualizar sua visualização 3D. Você pode ver que o 'Criar grupo' combinou a forma e o furo, deixando um furo em forma de cilindro na caixa sólida.
7. Exploração - O que acontece quando você move o Cilindro em direção às bordas da Caixa usando o bloco Mover? O que acontece quando você move o cilindro completamente para fora das bordas do formato de caixa?
8. Continue para o próximo passo.
Se você tiver acesso a uma impressora 3D, poderá exportar seu design como um arquivo .stl para impressão.
Instruções
1. Localize e clique no botão Exportar na barra de ferramentas.
2. No menu, clique no botão .STL (ou .OBJ se estiver imprimindo em uma impressora multicolorida).
3. Procure na pasta Downloads do seu computador o nome do seu design.
4. Use o software da impressora para preparar seu arquivo para impressão.
5. Carregue o arquivo na impressora e pressione Iniciar!
6. Continue para o próximo passo
É divertido assistir à criação automática do Codeblocks Designs como uma animação. Você pode compartilhar animações do seu edifício Design usando a ferramenta de criação .GIF.
Instruções
1. Localize e clique no botão Compartilhar na barra de ferramentas.
2. Posicione seu design no visualizador em 3D usando as mesmas ferramentas (órbita, panorâmica e zoom) que você aprendeu em 'View it!' seção.
3. Clique em 'GIF animado' para iniciar a sequência de criação do Design.
4. Se você quiser ser estiloso, use as ferramentas do Visualizador em 3D para orbitar em torno do seu modelo enquanto ele grava para destacar partes específicas da sequência de construção.
5. Quando o Design termina a construção, a ferramenta reúne as imagens em uma animação completa. Isso pode levar alguns minutos se o design for complexo. Quando concluído, um arquivo .GIF com o nome do seu design será colocado na pasta Downloads.
6. Quando terminar, feche a janela usando o botão Fechar e retorne à área de trabalho Codeblocks.
7. Visualize seu .GIF arrastando-o para uma guia do navegador ou para um e-mail para amigos e familiares.
8. Continue para o próximo passo.
 
Abordamos as funções básicas do espaço de trabalho Codeblocks. Isso deve fornecer o ponto de inicialização perfeito para explorar o restante dos recursos de blocos e espaço de trabalho.