CISC 110 Day 3 Introduction to Computer Graphics

  • Slides: 15
Download presentation
CISC 110 Day 3 Introduction to Computer Graphics

CISC 110 Day 3 Introduction to Computer Graphics

Outline • • • Raster and Vector Graphics RGB Color Model Geometric Transformations Animation

Outline • • • Raster and Vector Graphics RGB Color Model Geometric Transformations Animation Tweening Masks 2

Vector Graphics Vector graphics is the use of geometrical primitives, such as points, lines,

Vector Graphics Vector graphics is the use of geometrical primitives, such as points, lines, curves, and shapes or polygons, which are all based upon mathematical equations, to represent images in computer graphics. 3

Vector Graphics To draw a circle, a program needs to know the radius, the

Vector Graphics To draw a circle, a program needs to know the radius, the location of the center point, the line style and color, and fill style and color. More complex shapes can be created with Bézier curves. 4

Raster Graphics In computer graphics, a raster graphics image, or bitmap, is a generally

Raster Graphics In computer graphics, a raster graphics image, or bitmap, is a generally rectangular grid of pixels, or points of color. 5

Vector vs. Raster Graphics Raster images are based on pixels and thus scale with

Vector vs. Raster Graphics Raster images are based on pixels and thus scale with loss of clarity, while vector-based images can be scaled indefinitely without degrading. 6

RGB Color Model The RGB color model is an additive color model in which

RGB Color Model The RGB color model is an additive color model in which red, green, and blue light are added together to produce a wide range of colors. 7

RGB Color Model An RGB image, along with its separate R, G and B

RGB Color Model An RGB image, along with its separate R, G and B components 8

Numerical Representation A color in the RGB color model is described by indicating how

Numerical Representation A color in the RGB color model is described by indicating how much of each of the red, green, and blue is included. The color is expressed as an RGB triplet (r, g, b), each component of which can vary from zero (no light) to a defined maximum value (usually 255). 9

Geometric Transformations A translation moves every point of a figure or a space by

Geometric Transformations A translation moves every point of a figure or a space by the same amount in a given direction. A rotation is a progressive radial orientation to a common point. That common point lay within the axis of that motion. 10

Animation is the rapid display of a sequence of images of 2 -D or

Animation is the rapid display of a sequence of images of 2 -D or 3 -D artwork or model positions in order to create an illusion of movement. 11

Traditional Cell Animation Transparent cels, each with a different character drawn on them, and

Traditional Cell Animation Transparent cels, each with a different character drawn on them, and an opaque background are photographed together to form the composite image. 12

Tweening Inbetweening or tweening is the process of generating intermediate frames between two images

Tweening Inbetweening or tweening is the process of generating intermediate frames between two images (key frames) to give the appearance that the first image evolves smoothly into the second image. 13

Motion, Shape & Color Tweening 14

Motion, Shape & Color Tweening 14

Masks A mask provides a hole through which underlying layers show, so that you

Masks A mask provides a hole through which underlying layers show, so that you can limit the area of the layers that is visible. CISC 110 Week 1 Flash 15

ARQUITETURAS RISC E CISC Arquitetura CISC Microprocessadores CISCARQUITETURAS RISC E CISC Arquitetura CISC Microprocessadores CISC
Computer Graphics Introduction to Computer Graphics and GraphicsComputer Graphics Introduction to Computer Graphics and Graphics
CISC 110 Day 6 Introduction to Events OutlineCISC 110 Day 6 Introduction to Events Outline
Computer Graphics Introduction Introduction Computer Graphics It involvesComputer Graphics Introduction Introduction Computer Graphics It involves
CISC 110 Day 5 Arrays and Random NumbersCISC 110 Day 5 Arrays and Random Numbers
CISC 110 Day 5 OOP Part 2 OutlineCISC 110 Day 5 OOP Part 2 Outline
CISC 110 Day 7 The Outliers Part 1CISC 110 Day 7 The Outliers Part 1
CISC 110 Day 8 The Outliers Part 2CISC 110 Day 8 The Outliers Part 2
Functions 110 178 Computer Programming 178 110 ComputerFunctions 110 178 Computer Programming 178 110 Computer
Computer Graphics Mansoor Ahmed Bughio Computer Graphics ComputerComputer Graphics Mansoor Ahmed Bughio Computer Graphics Computer
Vector Graphics Vector graphics are computer graphics thatVector Graphics Vector graphics are computer graphics that
VECTOR GRAPHICS COMPUTER GRAPHIC VECTOR GRAPHICS Vector graphicsVECTOR GRAPHICS COMPUTER GRAPHIC VECTOR GRAPHICS Vector graphics
Graphics Mathematics for Computer Graphics Graphics Lab KoreaGraphics Mathematics for Computer Graphics Graphics Lab Korea
RISC vs CISC IT 110 Computer Organization RISCRISC vs CISC IT 110 Computer Organization RISC