ICS 61 - Graphics

Light

Color Wheel

Color Perception

Rods and Cones

Red Green Blue

Red Green Blue

Hue Saturation Value

Pixels

2-D Graphics – Approaches

• Sprites (pixels, created in advance and stored in a file)

• Primitive shapes (squares, circles, etc.)• Text• Vector graphics (e.g., Flash) - outlines• Set each pixel – probably with an algorithm

(e.g., to make fireworks). “Particle systems”

Sprites

In Scratch, the different frames are called “Costumes”.

Vector graphics

Source: http://www.intmath.com/vectors/vector-art.php

Vector based images can be zoomed without pixelation.Ugly zoomed raster image.

A vector image’s outline is defined by mathematical curves.

Text – vector and bitmap

Particle Systems