Pode ser uma duvida meio besta, mas estou começando agora então... kk
Solucionado
Pode ser uma duvida meio besta, mas estou começando agora então... kk
Oi, Guilherme! Como vai você?
Não é uma dúvida besta, na verdade é uma iniciativa muito bacana e já vai te ajudar a se habituar com os editores de código. Você pode também seguir no curso com o editor web do p5.js e após finalizá-lo, poderá trabalhar no VsCode ou Sublime Text.
O p5.js é uma biblioteca JavaScript que foi feita para educadores, artistas e iniciantes em programação. A ideia é facilitar a escrita de código durante a elaboração da lógica e deixar o html e css "meio prontos" para o uso. Por conta disso, não é necessário muita coisa para rodar o p5.js em editores de código, basta você salvar os arquivos e visualizar o projeto no seu navegador. Vou deixar um pequeno tutorial:
Acesse website do P5.js .
Selecione o link "complete p5.js " que possui a biblioteca e o projeto de exemplo.
Descompacte o arquivo p5.zip .
O conteúdo do arquivo p5.zip :
| addons | empty-example | p5.js |
|---|---|---|
| inclui arquivos extras que você pode usar em projetos mais avançados que lidam com som e outros tipos de mídia | inclui um arquivo HTML e um arquivo Javascript que podemos adicionar código para fazer desenhos e animações | a biblioteca p5.js usada para fazer seu código funcionar corretamente - você nunca precisará editar este arquivo |
Abrir Sublime Text
Clique em Arquivo -> Abrir (File -> Open)
Encontre a pasta 'empty-example' na sua pasta Downloads
Clique na pasta 'empty-example'
Clique em 'Abrir' (Open)
Salve seu programa e as modificações no Sublime Text (File->Save)
Abra um navegador da web (como Chrome, Safari, Firefox, Internet Explorer)
Clique em Arquivo-> Abrir Arquivo (File->Open File)
Escolha o arquivo 'index.html' dentro da pasta 'empty-example'
Clique em 'Abrir (Open)
Você pode simplesmente adicionar uma extensão do p5.js
Após a instalação da extensão, pode abrir o arquivo html e rodar no seu navegador favorito.
Espero que as informações tenham ajudado.
Para mais informações, você pode acessar o conteúdo desse tutorial (em inglês): https://coursescript.com/notes/interactivecomputing/gettingstarted/
Um abraço e bons estudos!
Obrigado Camila!
Forte abraço!!