ELEMENTOS MULTIMEDIA

DEL MUNDO ANALOGO AL MUNDO DIGITAL

CALIDAD VS TAMAÑO

ELEMENTOS MULTIMJEDIA

• TEXTO• GRAFICAS /IMAGENES• ANIMACION • VIDEO• SONIDO• INTERACCION• INFORMACION

Vector Images• Corel Draw• Adobe Illustrator• Adobe Flash

EDICION DE IMAGENES

Raster /Bitmap Images• Adobe Photoshop• MS Paint

• JPEG. Joint Photographic Experts Group.• EXIF. Exchangable image file format• TIFF. Tagged Image File Format. (Usado para impresión)• RAW. Raw Image Formats (mas liviano que Tiff)• PNG. Portable Network Graphics. Formato Gratuito-open source• GIF. Graphics Interchang Format. Paleta de 8 bits (256 colores)• BMP. Windows Bitmap. Simplicidad y Uso con Windows.• PPM, PGM, PBM, PNM• ECW Enhanced Compression Wavelet• CGM Computer Graphics Metafil• SVG. Scalable Vector Graphics

GRAFICASFORMATOS

Tagged Image File FormatTIFF

• Cross -plattform• Alta fidelidad.• Incompatibilidad con

muchas aplicaciones (50 diferentes tipos de TIFFS)

RAW

• Mínimo proceso de datos (crudo)

• Negativos digitales• No pueden ser impresos

o editados

GRAFICASFORMATO: TIFF & RAW

• Compatible con Windows• Formato sin compresión

(muy pesado)

GRAFICASFORMATO: BMP BITMAP

• Excelente Compresión 10:1 (Lossy).

• Deterioro• Compatibilidad entre

plataformas, sistemas operativos y navegadores.

• Popularidad en Internet

GRAFICASFORMATO: JPEG

• 256 Colores• Permite Animaciones• Lossless compression

GRAFICASFORMATO: GIF

PORTABLE IMAGE NETWORK GRAPHICS• Compresión (Lossless. ZIP)• Reemplaza al Gif (256 colores). Algoritmo de

compresión Lempel-Ziv-Welch (LZW) patentado por Unisys.

• PNG usa soporta 16’000.000 colores)• Greyscale , RGB, or RGBA 24-bit RGB or 32-bit

RGBA. (No CMYK)• ALPHA• MNG (Imagenes Animadas)• Mejor que jpg para imagenes que tienen

cortes finos, transiciones finas, arte lineal y texto

• Compatible: Apple Safari, Google Chrome, Mozilla Firefox, Opera, Camino, Internet Explorer 7 (con problemas) , Internet Explorer 8

GRAFICASFORMATO: PNG

COMPRESION

LOSSSY LOSSLESSIMAGES: JPEG IMAGES:TIF, PNG, GIF, BMP

AUDIO: MP3 AUDIO: WAV

VIDEO: M-JPEG VIDEO: MPEG-4

COMPRESION IMAGEN: 10:1

COMPRESION AUDIO 10:1

COMPRESION VIDEO: 100:1

TECNICAS TRADICIONALES• Full Animation• Limited Animation• Rotorscoping• Live Action / Animation

ANIMACIÓN

• Animación cuadro a cuadro

• Path Animation (movimiento alrededor de una trayectoria en la pantalla)

ANIMACIÓN 2D

• Modelado• Articulación• Texturizarían • Shading / Lighting• Animación: articulaciones, movimiento• Rendering

ANIMACIÓN3D

VIDEO

• Al igual que el sonido es grabado y reproducido como una señal análoga.• Tamaño es determinado por:

– Frame rate– Frame rate. Reducir la tasa de imágenes a menos de 15 por segundo, causa saltos y

cortes– Image size – Tamaño del archivo: Técnica: video de las partes que se mueven únicamente ( una

vela en un cuarto), creación de loops.– Color depth– Profundidad del color (bpp bits per pixel)(menos de 256 colores genera una calidad

pobre)

OPTIMIZACION DEL TAMAÑO• Tamaño de presentacion (display size): tamaños inferiores a la pantalla • Standard: 1/ 4 de paqntalla (320x240 )8 bit (256 colores) 15 fps

MPEG-1 • Standard De Compresión

Lossy para video y Audio.• Diseñado para comprimir

video de calidad de VHS y sonido de calidad de CD a 1.5Mbit/s (26:1 & 6:1 respectivamente) reducir mucho la calidad.

• Este formato permite la difusión digital de Televisión y audio.

• MPEG-2 • Es el formato ampliamente

usado por señales de television terrestre, por cable y por satelite, tambien es el formato de peliculas en DVD’s.

VIDEOFORMATOS

AVI• Audio video Interleave.• Desarrollado por Microsoft• Corre en sistemas Windows y en la mayoría de

navegadores, pero generalmente no se puede reproducir en computadores que no corren en Windows

• Extensión “.avi”

VIDEO

WINDOWS MEDIA FORMAT• Es un formato muy popular en internet sin

embargo para reproducirlo en computadores que no corren bajo Windows se debe usar un componente (gratuito).

• Extension “.wmv”

VIDEO

MPEG

• Es el formato mas popular en internet. Es Crossplatform, soportado por los navegadores mas populares.

• Extengion “.mpg” o “.mpeg”

VIDEO

QUICKTIME

• Desarrollado por Apple• Es un formato muy común en internet, pero

para reproducir las películas en un computador corriendo en Windows, se debe instalar un componente adicional (gratuito)

• Extensión: “.mov”

VIDEO

REAL VIDEO

• Desarrollado por Real Media• Permite hacer streaming de video

consumiendo bajo ancho de banda.• Calidad Reducida• Extensión: “.rm” o “.ram”

VIDEO

SHOCKWAVE (FLASH)

• Desarrollado por Macromedia• Requiere un componente extra (gratuito y tan

popular que se puede asumir que todos los computadores lo tienen)

• Videos almacenados en el formato shokwave tienen la extensión .swf.

• Para reproducirlo desde el pc, es necesario instalar un reproductor de “.swf” como VLC

VIDEO

• Transferencia de video en internet• HTTP. Baja el archivo al disco duro del

computador del usuario• RTSP (Real Time Streaming Protocol)• Es una tecnología de streaming y reproducción

continua, en el que el computador del usuario esta en constante contacto con el servidor que reproduce el video

VIDEO

Audio

• Sampling (muestreo)• Sampling rate (tasa de muestreo): 11.025Khz,

22.05 Khz, 44.1 khz• Sample size (tamaño de la muestra): 8 & 16 bit• Edición: seleccionar, cortar, pegar,

efectos( eco, reverberación, fade in , fade out.)• Que usos del audio requieren mayor tamaño

de muestra o tasa de muestreo?

• MP3• MP3: abreviacion de:MPEG 1 audio layer 3• Se basa en:redundancia e irrelevancia• Frecuencias por encima de 22 Khz son

redundantes• Calidad tipica:128 kbps• Calidad CD:1400 kbps, so 10x less

Audio

• Oido humano percibe entre 10-20 KHz• Calidad de CD:

Tasa de muestreo: 44,100 muestrass/secTamaño de muestra 16-bits60 min x 60 seg/min x 44,100 muestras/seg

x 2 bytes/muestrass x 2 canaless (stereo)= 635,040,000, = 600 Mbytes

Audio

MIDI

• MIDI (musical instrumental digital interface). Formato usado para enviar información musical entre aparatos electrónicos como sintetizadores y Tarjetas de sonido de los computadores

• No contienen sonidos sampleados, en vez usa notas musicales que pueden ser interpretadas por el computador.

• Archivos livianos. Archivos manipulables. Calidad reducida.

• Extension “.mid” & “.Midi” .

Audio

Real Audio

• Desarrollado por Real Media • También soporta video streaming con bajos anchos

de banda /calidad reducida. • Extension “.rm” & “.ram”

Audio

AU

• Desarrollado por Sun Microsystems.• Popular el inicio de la internet

Audio

AIFF

• Audio Interchange File Format• Desarrollado por Apple.• Este formato no es soportado por otros

browsers fuera del Safari• Extension “.aif” o “.aiff”

Audio

SND

• SND o Sound. • Desarrollado por Apple• Este formato no es soportado por todos los

navegadores.• Extension “.snd”

Audio

WAVE

• Waveform. Formato de onda• Desarrollado por IBM y Microsoft.• Soportado por la mayoria de navegadores• Extension: “.wav”

Audio

MP3• Los archivos Mp3, son de hecho archivos MPEG.

Que fue originalmente desarrollado para video. Por el: Movie Pictures Experts Group.

• Son la parte de sonido de los videos en formato MPEG.

• Su popularidad se debe a su buena compresión y alta calidad. Es soportado por todos los programas.

• Extension .mp3 o mpga

Audio

INTERACCIONES

LISTA DE EVENTOS

• Que pieza lo hace?• Que acción sucede?• Que acción secundaria sucede?• A que pieza se lo hace?• Que lo causa?• Que condiciones son necesarias?• Cual es el resultado?• Con que Probabilidad?• Cuatas veces se repite?

OBJETOS ATRIBUTOS ESTADOS

Todo lo que pueda ser manipulado en el juego

Características particulares de los objetos.

Los cambios de los atributos se llaman estados.•Interruptor: Solo permite (SI / No)•Continuo: Infinitos diferentes valores posibles(Velocidad / Tiempo)•Discreto: Solo una cantidad determinada de valores.(Vidas)•Fijo: Velocidad Máxima

Tipos: Tipos Valor

•Personajes •Apariencia / Salud •Mario - Super Mario / 75%

•Armas •Alcance / Daño •1.000 pts

•Vehículos •Velocidad máxima / Manejo •200km/h /4

•Monedas •Cantidad •99

•Hongo •Color •Verde/ Rojo / blanco

Objetos

INTERACCIONES

INFORMACION

• Datos• Feedback