Aula 05 - Cores, Textos e Carregar Imagem

CONTEÚDO

CORES

  • Cor com Números

    1. Setting colors
    2. Color data - color, color()
    3. RGB, HSB - colorMode()
    4. Hexadecimal

  • Carregar Imagem - Display , Tint

    1. Display - PImage, loadImage(), image()
    2. Image color, Transparency - tint(), noTint()

  • Tipos de Imagens - JPG, GIF, PNG, TIF, BMP e outros

    Ver site: http://www.infowester.com/imagensnet.php

<<< Volta Menu Principal


<<< Volta ao Conteúdo Programático

EXERCÍCIOS

Exercício 4: Carregar duas imagens na mesma tela em posições distintas.
Exercício 5: Desenhe três imagens, cada uma com uma matiz diferente.
Exercício 6: Carregar uma imagem GIF e outra PNG com transparência.
Exercício 7: Elaborar um círculo que evolua do ponto (0,0) até bater na borda inferior da tela (300,300) alterando as cores no processo de evolução. Ao bater, o círculo deve voltar ao ponto (0,0) e ficar em loop.

  

TEXTOS

  • Dados 2: Texto

    1. Characters - char
    2. Words, Sentences – String

  • Dados 3: Conversão, Objetos

    1. Data conversion - boolean(), byte(), char(), int(), float(), str()
    2. Objetos -  “.”, PImage.width, PImage.height, String.length, String.startsWith(), String.endsWith(); String.charAt(), String.toCharArray(), String.subString(), String.toLowerCase(), String.toUpperCase(), String.equals()

  • Tipografia 1: Display

  1. Loading fonts, Drawing text - PFont, loadFont(), textFont(), text()
  2. Text attributes - textSize(), textLeading(), textAlign(), textWidth()