viernes, 28 de septiembre de 2018

game sprite-animación


game sprite-animación



Game Sprite: Se denomina sprite a una serie de imágenes unidas en un mismo archivo una al lado de otra y que representan al mismo personaje (u objeto) en distintas posiciones , para poder ser usados en apps ( celular ,tablets o pc ) por lo general en videojuegos 2d.


Los sprites han ido evolucionando a lo largo de la historia de los videojuegos. En un principio, mientras algunos eran generados a computador, otros eran dibujados a mano para ser posteriormente traspasados al computador.

La idea detrás de usar una imagen de sprite es usar una sola imagen que contenga todas las animaciones de un personaje en lugar de lidiar con múltiples llamadas de servidor a múltiples archivos individuales.Por lo tanto, en lugar de almacenar cada cuadro de animación en archivos separados, y tener que hacer múltiples llamadas al servidor para obtener la animación, una hoja de sprite puede almacenar toda la animación en un solo archivo de imagen que se descarga una vez(solo una llamada al servidor) )cuando la página está cargada.Esto proporciona menos latencia web ya que todo el archivo está disponible para el navegador cuando la página se carga por primera vez, lo que permite una animación más rápida y fluida.







La Animación :es un proceso utilizado por uno o más personas animadoras para dar la sensación de movimiento a imágenes, dibujos u otro tipo de objetos inanimados (figuras de plastilina, por ejemplo). Se considera normalmente una ilusión óptica. Existen numerosas técnicas para realizar animación que van más allá de los familiares dibujos animados.

Los cuadros se pueden generar dibujando, pintando o fotografiando los minúsculos cambios hechos repetidamente a un modelo de la realidad o a un modelo tridimensional virtual; también es posible animar objetos de la realidad y actores.

Pegar 4 hojas cuadriculadas y simular, en ellas, un dibujo “ pixelar” ( pixel-art) , creando un game sprite inventado, en por lo menos, 6 posiciones, ( corriendo-parado-saltando-agachado-acostado-volando)


miércoles, 19 de septiembre de 2018

Imagen digital


La imagen digital :

La imágenes que vemos en las pantallas de las computadoras ( ordenadores, pcs), las que capturamos con las cámaras de fotos o escaneamos, las tipografías al escribir un texto, y la gran mayoría de las cosas que podemos ver en una pantalla representadas en el mismo plano (2D), están realizadas  en dos formatos de imágenes diferentes,vector y píxel.

Una imagen digital o gráfico digital es una representación bidimensional ( 2D, ancho y alto) de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros).

Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de una imagen matricial( como una hoja cuadriculada o mapa de bits) o de un gráfico vectorial. 

El mapa de bits es el formato más utilizado en informática, pc, celulares, tablets, consolas de juegos.



De ahí salen los dos tipo de imágenes digitales 2D que podemos hacer, las “ pixelares”, en base a pixels, pequeños "cuadraditos",y las imágenes “vectoriales”, se definen por puntos en el plano, que unidos generan líneas, las computadora, recuerda la ubicación de cada punto en el plano ( x,y), distancia, ángulo.

En este trabajo, vamos a concentrarnos en la imagen generada por pixels.

Estas imágenes digitales se pueden obtener de varias formas:
Por medio de dispositivos de entrada conversión analógica-digital como los escáneres y las cámaras digitales, ( del teléfono celular, de la notebook o cámara), estas imágenes son pixelares, (fotos y videos )
Directamente mediante programas informáticos editores de mapas de bits y dibujo vectorial ( paint, photoshop, illustrator, corel draw, gimp) , como por ejemplo, realizando dibujos con el ratón o tableta digitalizadora gráfica incluyendo el lápiz óptico, por otro lado mediante un programa de renderización 3D a mapa de bits.


Píxel:

  1. Unidad básica de una imagen digitalizada ,El píxel, por lo tanto, puede definirse como la más pequeña de las unidades homogéneas en color que componen una imagen de tipo digital. Al ampliar una de estas imágenes a través de un zoom, es posible observar los píxeles que permiten la creación de la imagen. Ante la vista se presentan como pequeños cuadrados en blanco, negro ,matices de gris o color. ( los canales que usan, son los tres colores primarios luz : rojo ,verde, azul, RGB , en algunos casos, se agrega información de transparencia, con el canal Alpha RGB+A).En las páginas web, apps ( aplicaciones de celular) , diseño gráfico, videojuegos, fotografía, video, animación, entre otros, se usa, la imagen pixelar


Pegar 4 hojas cuadriculadas y simular, en ellas, un dibujo “ pixelar” ( pixel-art) , cada cuadrado, debe tener solo un color ( no copiar) , escribir el nombre, pequeño, con “pixels” y dibujar una animal o monstruo inventado de gran tamaño, con colores.


Si tienen Pc, notebook o netbook, pueden descargar, free, open source, el software GIMP, que principalemente trabaja con pixels: https://gimp.es/

Por otro lado, para trabajar con vectores, la opción open source, free, es InkScape : https://inkscape.org/es/

Para tablet o celular, hay varias aplicaciones de dibujo pixelar, gratuito, como por ejemplo: SketchBook o medibangpaint , etc










5-1 Lenguaje complementario - Plástica

 5 año- Lenguaje complementario- Plástica