37
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 Martin Wolpers & Erik Duval 09 November 2007 1

G0Q55A Multimedia: modelleren en programmeren

  • Upload
    vadin

  • View
    25

  • Download
    0

Embed Size (px)

DESCRIPTION

G0Q55A Multimedia: modelleren en programmeren. Martin Wolpers & Erik Duval 09 November 2007. Today. Group presentation groups Some secrets of images Java & Java Media Framework Java Assignment. Group presentations. Group 5 Jan Sebrechts Sébastien Devynck Pieter Gevers - PowerPoint PPT Presentation

Citation preview

Page 1: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008

Martin Wolpers & Erik Duval

09 November 2007

1

Page 2: G0Q55A   Multimedia:  modelleren  en  programmeren

Group presentation groups Some secrets of images Java & Java Media Framework Java Assignment

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 2

Page 3: G0Q55A   Multimedia:  modelleren  en  programmeren

Group 5 Jan Sebrechts Sébastien Devynck Pieter Gevers Kim Gressens Iwein Vranckx

Group 6 Jelle Wardenier Laurens Serneels Stijn Adriaensens Tim Boven

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 3

Page 4: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 4

Digital images vs. Analog images

Here Digital representations of images

No video! No recording! No capturing!

Presentation based on Fundamentals of Multimedia, Li&Drew, Prentice Hall 2003

Page 5: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 5

Color models (RGB vs. CYM) Gray Images

1-bit Gray scale

Color images (GIF) Color images compression (JPG)

Page 6: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 6

RGB: Red – Green – Blue For monitors: colors add

CMY: Cyan – Magenta – Yellow For printing: colors subtract

Page 7: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 7

Page 8: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 8

C 1 RM = 1 - GY 1 B

R 1 CG = 1 - MB 1 Y

Page 9: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 9

Color ~ (Voltage of color electron gun)gamma

=> not enough light with low voltages

Page 10: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 10

1-bit: white or black 640x480~37,5 kByte

Pixel??

Page 11: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 11

Page 12: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 12

Graphic from www.wikipedia.org

Page 13: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 13

1 pixel = 1 gray value 1 gray value = 1 byte Bitmap = cube with dimension

image size x 8 bit Size 640x480x1Byte

= 300kByte E.g. bmp

Page 14: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 14

Transform 1 pixel to larger pattern Used for 1-bit printers Example

2x2 dither matrix: transform [0..255] -> [0..4] 0:0 1: [1..63], 2:[64..127], 3:[128..191], 4:

[192..255] Better ideas?

Size: 4x640x480x1Byte

Page 15: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 15

24-bit color images 3 channels, 1 Byte per channel 256x256x256 colors (~16M) (more later) Size: 640x480x24bit ~ 900kByte

32-bit color images 24-bit images + special effects channel (1

Byte) 8-bit color images

No direct color information Color look-up index

Page 16: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 16

900kByte300kByte

Page 17: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 17

1byte index into color palette (256 colors) Size: 1bytex640x480 ~ 300kByte

Page 18: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 18

Bitmaps and Container TIFF WMF 8-bit GIF

PNG JPEG

EXIF

Vector formats PS and PDF SVG

Page 19: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 19

TIFF: stands for Tagged Image File Format.

Attachment of additional information (referred to as “tags”) Flexibility

Most important tagformat signifier: type of compression etc. TIFF can store many different types of image

1-bit, grayscale, 8-bit color, 24-bit RGB, etc. TIFF is lossless format but JPEG compression

possible

Page 20: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 20

Microsoft Windows: WMF native vector file format: Consist of a collection of GDI (Graphics Device

Interface) function calls, also native to the Window environment.

“played” a file (typically using the Windows PlayMetaFile() function) == render graphics

Device-independent and unlimited in size.

Page 21: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 21

Graphics Interchange Format GIF87a (original) GIF89a (extension for simple animations)

8-bit color images Interlacing

Page 22: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 22

GIF Signatur

Screen Descriptor

Global Color Map

Image Descriptor

Local Color Map

Raster Area

GIF Terminator

Repeat n times

Page 23: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 23

Page 24: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 24

Length: 2^(Pixel+1)

Page 25: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 25

PNG format: standing for Portable Network Graphics

→ meant to supersede the GIF standard, and extends it in important ways.

Special features of PNG files include: Support for up to 48 bits of color information — a

large increase. contain gamma-correction and alpha-channel

information Progressive display (2-dimensional fashion in

seven passes through each 8 × 8 block)

Page 26: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 26

JPEG Image compression standard (Joint

Photographic Experts Group) 1992 JPEG is a lossy image compression

method transform coding method using the

DCT (Discrete Cosine Transform). An image = F(i, j) in the spatial domain.

2D DCT yields a frequency response which is a function F(u, v) in the spatial frequency domain

Page 27: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 27

Observation 1 Intensity does not change widely in small

areas Observation 2

High spatial frequency less noticed by humans Observation 3

Visual acuity (accuracy in distinguishing closely spaced lines) is much greater for gray (“black and white”) than for color.

Page 28: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 28

Page 29: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 29

Original 20% 5%

Page 30: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 30

EXIF (Exchange Image File) used for digital cameras: Compressed EXIF files use the baseline JPEG

format. Tags (many more than in TIFF) facilitate

higher quality printing, more information about the camera picture-taking conditions (flash, exposure, light

source, white balance, type of scene, etc.) Specification of file format for audio that

accompanies digital images.

Page 31: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 31

Images made up of simple mathematically describable geometrical forms E.g. lines, polygons, circles, bezier curves, etc. Combined and transformed to form complex

objects

File formats PS and PDF SVG: xml based, WWW consortium WMF: windows

Text, too: True Type fonts

Page 32: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 32

Layout and Content are true-copy enabled!

Postscript – language for typesetting Vector-based picture language

Postscript includes text as well as vector/structured graphics.

GL bit-mapped images included in output Encapsulated Postscript (eps) files add additional

information for inclusion no compression (stored as ASCII)

Portable Document format (PDF) LZW compression Without images (compression ratio, 2:1 or 3:1)

Page 33: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 33

Graphic from www.wikipedia.org

Page 34: G0Q55A   Multimedia:  modelleren  en  programmeren

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 34

Filtershttp://www.ph.tn.tudelft.nl/Courses/FIP/noframes/fip-Morpholo.html

Image processing at TU Delft http://www.ph.tn.tudelft.nl/Courses/FIP/noframes/fip.html

Page 35: G0Q55A   Multimedia:  modelleren  en  programmeren

Java Tutorial http://java.sun.com/docs/books/

tutorial/

Java Media Framework http://java.sun.com/products/java-

media/jmf/

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 35

Page 36: G0Q55A   Multimedia:  modelleren  en  programmeren

Implementation of your CO2 calculator in JavaFollow strictly (!!) Your Storyboard Your Flow Chart /State Diagram Your Layout Your Timeline

Running Applet (!) including source code documentation

Deadline: 21.11.2007

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 36

Page 37: G0Q55A   Multimedia:  modelleren  en  programmeren

Applet works; name restrictions Programming Syle: readalbe, structured,

layout, naming, ... Document differences to flash, smil, etc.

wnd why! Say who did what for how long Used tools

G0Q55A – Multimedia: modelleren en programmeren 2007/2008 37