Usando o ProcessingJS fora Khan Academy

Aqui temos um ótimo ambiente de edição - ele é atualizado em tempo real, mostra-nos mensagens de erro úteis, e nos dá ferramentas para arrastar números e para selecionar cores. Nosso ambiente é projetado pensando em novos programadores. Temos milhares deles todos os dias, e queremos facilitar sua aprendizagem em relação ao JavaScript.

Quando você estiver familiarizado com JavaScript e começar a desenvolver programas mais longos e mais complexos, você vai acabar querendo características diferentes em seu ambiente de codificação. Talvez você não queira atualizações em tempo real, ou talvez você queira colocar seu código em vários arquivos, ou ainda fazer uma integração com um sistema de controle de versão. Ou talvez você só queira ser capaz de integrar seus programas em ProcessingJS ao seu site.

Nesse caso, você pode querer começar a programar em ProcessingJS fora do ambiente da Khan Academy. Você não pode simplesmente copiar e colar o seu código em um arquivo em seu editor de texto e ver o programa funcionando. Por que não?

ProcessingJS é uma biblioteca construída sobre tecnologias da web. Quando você programa com ProcessingJS na Khan Academy, nós de fato criamos uma página (arquivo HTML) por trás das cenas, fixamos uma tag <canvas> nele, carregamos a biblioteca ProcessingJS do JavaScript e, em seguida, executamos o seu código.

Isso significa que, se você deseja trabalhar no seu programa fora do ambiente a Khan Academy, você terá que criar um arquivo HTML que faz o que nós fazemos.

Veja um exemplo a partir do qual você pode começar:

Esse exemplo é construído usando nosso ambiente web. Você pode copiá-lo em um arquivo HTML em qualquer outro ambiente de programação.

Se você colar o código do seu programa nesse modelo, ele poderá funcionar perfeitamente e você vai pular de alegria!

Se as coisas não estiverem funcionando bem, provavelmente o modelo não está usando a mesma versão do ProcessingJS que nós usamos na Khan Academy. Nossa versão é desenhada especificamente para ser usada dentro da KA, então recomendamos o uso da biblioteca ProcessingJS oficial quando você estiver desenvolvendo fora do ambiente da KA.

Existem algumas diferenças notáveis entre o nosso ProcessingJS e a versão oficial:

A KA usa mouseIsPressed em vez de mousePressed para o booleano global. Da mesma forma, a KA usa keyIsPressed em vez de keyPressed. Isso significa que você deverá mudar mouseIsPressed e keyIsPressed quando estiver colando seu código no modelo.
A KA usa graus como padrão para todos os parâmetros de ângulos, em vez de radianos. Se você estiver usando graus para ângulos em seu programa, você deverá convertê-los usando radians().
A KA usa getImage() e getSound() para imagens e sons, o que não existe na versão oficial. Você pode usar PImage para imagens e você terá que criar uma tag <audio> para reproduzir sons.

A versão oficial também tem uma ampla gama de funcionalidades, como manipulação de imagens e mais recursos tridimensionais. Você pode explorar tudo isso na documentação oficial.

E claro, ainda gostaríamos de ver os programas que você criar fora do ambiente a Academia Khan, então espero que você possa compartilhá-los assim que estiverem prontos, convertendo-os de volta para a nossa versão ProcessingJS ou os compartilhando em nosso ambiente web.

Em seguida, vamos falar mais sobre editores para uso em desktop e ferramentas de depuração.

Quer participar da conversa?

Entrar

Classificar por:

Nenhuma postagem por enquanto.

Você entende inglês? Clique aqui para ver mais debates na versão em inglês do site da Khan Academy.