Como usar
O cubo: toda cor de uma tela é feita de três luzes, vermelha (R), verde (G) e azul (B), cada uma com intensidade de 0 a 255. Por isso cada cor é um ponto dentro de um cubo: um eixo para cada luz. No canto (0, 0, 0) fica o preto e no canto oposto (255, 255, 255), o branco.
Explorar: mexa nos controles e veja a bolinha andar dentro do cubo, ou clique em uma das bolinhas da nuvem de cores. Fatia: corta o cubo e mostra todas as cores com o mesmo valor de vermelho. Desafio: descubra os valores de uma cor sorteada.
Arraste o fundo da cena para girar; use a roda do mouse ou dois dedos para aproximar. Pelo teclado: Tab até a cena, setas giram e as teclas + e − aproximam. Todos os comandos também estão nos botões.
Desafios
- Visite os 8 cantos do cubo e descubra o nome de cada cor.
- Ache um cinza: o que os três números têm em comum?
- Acerte 3 cores no modo Desafio.
Para o professor
O que está por trás: cada pixel de uma foto guarda três números de 0 a 255, um para cada luz. Cada número ocupa 8 bits, então um pixel ocupa 24 bits e pode ter 256 × 256 × 256 = 16.777.216 cores. O código hexadecimal (como #FFC800) usado em sites é o mesmo trio escrito em base 16. É assim que a IA de visão “enxerga” uma foto: como uma grade de trios de números.
Metodologia sugerida: aprendizagem por descoberta, em duplas. Antes de usar a página, a turma mistura lanternas com papel celofane vermelho, verde e azul numa parede branca, ou observa a tela do celular com uma lupa. Depois confere as descobertas no cubo.
- Por que misturar luz vermelha e verde dá amarelo, se na pintura com tinta o resultado é outro? (Luz soma; tinta absorve.)
- Onde ficam todos os cinzas dentro do cubo? (Na diagonal que vai do preto ao branco, quando R = G = B.)
- Quantos bits tem um pixel? Quantos bytes ocupa uma foto de 1000 × 1000 pixels sem compressão? (3 milhões de bytes.)
- Escreva a cor #00FF00 em decimal. E 128 em binário?
Habilidades: EF04CO05, EF04CO04 e EF07CO01 (uma imagem é uma matriz de pixels). Conversa com a série Bit a Bit sobre binário, hexadecimal e imagem. Material concreto equivalente: lanternas com celofane, ou um cubo de arame com bolinhas de massinha nas cores dos cantos.