Ministério da Cultura e Petrobras apresentam:
Fliperama EBAT
O que é o Fliperama EBAT
Um espaço para brincar e descobrir. Cada jogo e cada experiência do laboratório mostram, de um jeito leve, como arte e tecnologia se encontram.
Jogos
Corre Criativo, Batalha NAVE, Torre Criativa, Corrida Neon, Traço e Quebra-Pixel: Vamos relembrar os clássicos dos games de forma educativa. Supere os obstáculos, responda as perguntas e ganhe poderes bônus!
Laboratório
Código que Anima, Pixel Studio, Binário do Nome e Mixer de Luz: Experiências de arte e interatividade para criar com código e luz. Baixe o resultado e compartilhe com seus amigos!
Feito 100% com IA
Este projeto foi criado inteiramente com inteligência artificial, por meio do vibecoding: descreva a ideia com suas palavras e a IA escreve o código por você!
Ficou com vontade de botar suas ideias em prática? Comece descrevendo sua ideia para a sua IA de preferência.
Conheça a EBAT
A EBAT, Escola Brasileira de Arte e Tecnologia, é um projeto social que oferece formação gratuita em arte e em novas tecnologias aplicadas à economia criativa, para estudantes e profissionais.
Brinque de VJ: grave suas interações, aplique efeitos, mexa nos parâmetros e crie a sua própria animação.
- Toque em um modelo (Estrela, Espiral...) ou em Sortear.
- Mexa nos controles e veja o desenho mudar na hora. Arraste sobre o desenho para mover o centro.
- Toque em Gravar e salve a sua animação. Animações de até 1 minuto.
Efeitos de VJ
Ligue um ou mais efeitos, mexa nos controles e grave: você vira o VJ da própria arte.
Código da sua animação
Este é o código do desenho e da animação que você montou, com os parâmetros e os efeitos que estão ligados agora. Cole em um destes lugares e veja a animação acontecer:
- CodePen (codepen.io): crie um Pen, cole no painel HTML e a animação roda na hora.
- JSFiddle (jsfiddle.net): cole no painel HTML e toque em Run.
- W3Schools Tryit Editor: apague o exemplo, cole o código e toque em Run.
- Google Sites: Inserir, Incorporar e Código incorporado.
- Wix, WordPress ou Notion: use o bloco de HTML ou de código incorporado.
- No computador: salve o texto em um arquivo com final .html e abra no navegador.
Quer mudar o desenho? Altere os números no começo do código, como rep (repetições) e ang (ângulo), e execute de novo.
O computador guarda cada letra como um número, e cada número como bits: zeros e uns. Vamos escrever o seu nome do jeito dele?
- Escreva uma palavra no campo abaixo, do tamanho que quiser.
- Toque nos bits para ligar (1) ou desligar (0) e veja a letra mudar.
- Quer entender como funciona? Toque em Aprenda a escrever em código binário.
Clique nos números para mudar as letras
Toda cor que você vê na tela nasce da mistura de três luzes. Escolha um desafio e descubra como as cores funcionam.
Toda imagem digital é feita de quadradinhos chamados pixels. Que tal criar a sua?
- Escolha o tamanho da grade e uma cor.
- Toque ou arraste na grade para pintar. Use Espelhar para criar simetria.
- Gostou? Copie o código e cole no WhatsApp, no Instagram ou em uma página, ou salve a imagem.
Código para colar
Onde colar
Mostre sua arte
Publique a sua criação e marque a EBAT. Vamos adorar ver o que você pintou.
@escola.ebat