ESCUELA NORMAL SUPERIOR SAGRADO CORAZON GUÍA DE ROBÓTICA

CAMPO CIENCIA Y TECNOLOGÍA No. 1

ESTILOS DE VIDA SALUDABLE UN GRAN RETO PERSONAL Y SOCIAL.

DOCENTES: Gustavo Adolfo Martínez Hernández
FECHA DE RECIBIDO: FECHA ENTREGA:
Eje temático:
 Diseño de personajes
Contenidos:
 En esta guía-taller se presentan el concepto de personaje, la importancia del mismo dentro de un videojuego y
una herramienta para empezar su construcción gráfica.

El propósito de este grupo es desarrollar en el estudiante las competencias necesarias para llegar a tener:
 Un pensamiento creativo.
 Un pensamiento Lógico.
 Un desarrollo de ideas, desde su concepción inicial hasta el proyecto acabado.
 Un análisis sistemático.
 Una reflexión interactiva
Para esta guía el objetivo es:
Realizar mi primer personaje usando PISKEL,
entendiendo la herramienta y comprendiendo la
importancia del personaje.

DESEMPEÑOS
Saber Conocer Comprende la importancia de un personaje/SPRITE dentro de un videojuego o aplicación de
SCRATCH.
Reconoce los comandos y funciones de la herramienta para su creación desde cero.
Saber Hacer Es capaz de generar un personaje dado y realizar animaciones simples
Saber Pensar Reconoce la utilidad de este tipo de aplicaciones para su proceso de programación en
SCRATCH.
Saber Innovar Propone su propio personaje y empieza a construir una historia aplicando los conocimientos
adquiridos.

PREGUNTA ESENCIAL
¿Cuál es la importancia de la programación en nuestros días y que nos aporta a
nosotros el conocerla y entenderla?

PROGRAMACIÓN Y ROBÓTICA 2020 - Gustavo Adolfo Martínez Hernández

 ESCUELA NORMAL SUPERIOR SAGRADO CORAZON GUÍA DE ROBÓTICA
CAMPO CIENCIA Y TECNOLOGÍA No. 1

CONTENIDO
¿Qué es PERSONAJE/Sprite?
Un SPRITE es una imagen de dos dimensiones que se integra en una escena en una posición deseada.
El personaje o Sprite (SCRATCH) es un elemento que usamos y que puede tener diferentes usos en algunos
casos va a ser meramente decorativo en otros va ser el punto de partida para lo que queramos hacer.

Como vemos en este caso tenemos un

fondo o escenario que es el teatro y 2
Sprites o personajes (gato y mono),
estos son suceptibles a ser posicionados,
manipulados y animados de acuerdo a lo
que requiera el programador.
Tambien podemos agregar SPRITES
decorativos como el caso del arbol,
también podemos ejecutar acciones
sobre el en caso de ser necesario.

PERSONAJES EN VIDEOJUEGOS Y SU IMPORTANCIA

Cada uno de estos personajes tiene una historia, pero solo te cuentan el principio, empieza la narrativa y conforme
avanzas en el juego vas entendiendo lo sucedido y vas completando niveles (misiones) que te llevan a cumplir el objetivo
mas que del juego, del personaje. Y no solo te alegras por haberlo logrado, sino que tu personaje lo haya hecho.
Los personajes en los video juegos actuan como avatares, es decir representaciones de nosotros dentro del juego,
mientra mejor esté construido un personaje, y cuando digo construido es lo siguiente: tiene un propósito, tiene una
historia, es un personaje que tal vez anhelamos ser, en el caso de los video juegos es lo más normal y es en muchas
ocasiones lo que hace que nos gusten aún más, es como si la personalidad nuestra se fusionara con la del video juego.
Ahora bien en las aplicaciones se hace bastante uso de asistentes para interactuar con el usuario y hacer mas familiar
y amigable la interfaz para el.
Mira este intro del videojuego Another World: https://www.youtube.com/watch?v=1j4gO9sR7zs
¿Que piensas de este personaje?, ¿Cómo ves su ánimo, su actitud, que sentimientos transmite?
Si lo quieres jugar: http://www.xtdos.com/game.php?id=1719

PROGRAMACIÓN Y ROBÓTICA 2020 - Gustavo Adolfo Martínez Hernández

 ESCUELA NORMAL SUPERIOR SAGRADO CORAZON GUÍA DE ROBÓTICA
CAMPO CIENCIA Y TECNOLOGÍA No. 1

Este es un software que puedes descargar o trabajar en líneaen el siguiente enlace https://www.piskelapp.com/.
¿Qué es un pixel? Es la unidad mínima de imagen, es decir un punto en tu pantalla este puede ser a color o
sencillamente a blanco y negro.

Configuración
FPS: cuantos cuadros por Grid Spacing: cual es la distancia o
segundo en el caso de una separación de estas líneas.
imagen con movimiento. Grid color: es el color de las líneas
EL formato de color: de separación
cuando seleccionamos un
color nos muestra ya sea los
valores en formato RGB o
Hexadecimal, esto permite
que siempre usemos los
mismos colores, tengan
continuidad y sean
coherentes en cambios de
pantalla, nivel, etc.
Background: como se va a ver el fondo. Enabled grid: nos realiza
Layer opacity: cuando tengamos varias capas, subdivisiones para que
actuará como si fueramos a calcar algo, entonces veamos donde hay una Grid size: que tan gruesas son las
me dice que tanto me deja ver del dibujo que está subdivisión de pixeles. líneas divisoras
por debajo.

RESIZE: Acá tenemos que podemos convertir el tamaño de

nuestra página actua de trabajo Width (ancho), Height (alto),
al darle click en Resize cambia autopmaticamente el tamaño
de la hoja.

DEFAULT SIZE: cuando ya tenemos una cuenta o trabajamos

con el programa instalado cada vez que creemos un archivo
nuevo siempre aparecerá con este tamaño la hoja de trabajo.

Guardar Permite guardar el archivo con extensión .piskel, para poder ser abierto de nuevo por el
programa ya sea en la nube o en una carpeta de tu equipo.

PROGRAMACIÓN Y ROBÓTICA 2020 - Gustavo Adolfo Martínez Hernández

 ESCUELA NORMAL SUPERIOR SAGRADO CORAZON GUÍA DE ROBÓTICA
CAMPO CIENCIA Y TECNOLOGÍA No. 1

Exportar Permite guardar el archivo en diferentes formatos que puedan ser ejecutados por otros
programas, permite generar imágenes simples, imágenes animadas, animación por archivos
individuales.
Importar Permite subir archivos previamente hechos en PISKEL o de imagen para ser usados en el
editor.
Acá seleccionas el tamño del pincel, este Seleccionar en forma de
está dado en pixeles. rectangulo y selección libre
Tienes la herramienta de lapiz Desvanecer y mezclar los 2
La herramienta de lapiz en reflejo colores seleccionados
Rellenar y cambiar de color todos los Y seleccionar color
pixeles de un mismo color Abajo tienes la elección de
Borrador y trazo de línea color el primero estará en el
Dibujar rectangulos y circulos click izquierdo del mouse y el
Mover la imagen y seleccionar contornos segundo en el click derecho.

Con la práctica mejorarás el uso de esta

herramienta

Aca tenemos los frames Aca veremos la

o los cuadros, en el No. 1 previzualizzación de la
colocamos la primera animación en cuadros por
imagen, en el No. 2 la segundo, en este caso
modificacion de la veremos que esta a 12 FPS,
primera donde puede ir desde 0 a 24 FPS.
empezamos a trasmitir el
movimiento, mienstras
mas frames tengas y la
imagen cambien menos
de frame a frame notarás
un movimiento mas
fluido.

La paleta de colores nos permite agregar

colores predeterminados, es decir los
colores con los que vamos a trabajar
todo el proyecto, así el color que usemos
será siempre el mismo, ya que al
seleccionar el color hay muchas
variaciones del mismo color y evita estar
buscando o escribiendo que color
necesitamos

PROGRAMACIÓN Y ROBÓTICA 2020 - Gustavo Adolfo Martínez Hernández

 ESCUELA NORMAL SUPERIOR SAGRADO CORAZON GUÍA DE ROBÓTICA
CAMPO CIENCIA Y TECNOLOGÍA No. 1

Como usar la opción

de LAYERS (ejemplo)

1. Importamos una imagen con nuestro diseño preliminar, al hacerlo podemos cambiar el tamaño para
que se ajuste a nuestro trabajo
Esta imagen seria nuestra capa 1 (layer 1)

2. Agregamos una capa en el simbolo +, ahora aparece la imagen del perro un poco más clara, imagina que
colocas una hoja encima para calcar y sobre esta hoja empiezas a dibujar.

Con la opción del ojito que esta en

Acá puedo ver lo que he dibujado en layers, podemos ver lo que vamos Luego de completar el dibujo, puedo
la capa 2 y se ve desvanecida la eliminar la capa original con la opcion
haciendo ya que solo muestra la capa
capa1. actual (X) y dejar la que acabamos de crear.

Haz el tuyo, te dejo estos

3 ejemplos para que
practiques y se los envies
a tu maestro!

PROGRAMACIÓN Y ROBÓTICA 2020 - Gustavo Adolfo Martínez Hernández

 ESCUELA NORMAL SUPERIOR SAGRADO CORAZON GUÍA DE ROBÓTICA
CAMPO CIENCIA Y TECNOLOGÍA No. 1

AHORA TE TOCA A TI!

Con tupersonaje diseñado, cual es su historia, su propósito que quiere
lograr, ya imaginaste en que mundo vive, cuentame todo eso, lo haremos
realidad!

Bibliografía
Grupo Lifelong Kindergarten del Laboratorio de Medios del MIT. (2020). SCRATCH. Obtenido de https://scratch.mit.edu/

https://www.piskelapp.com/. (s.f.). Obtenido de https://www.piskelapp.com/

López Garcia, J. C. (2011). Programación con SCRATCH. Colombia: EDUTEKA.

PROGRAMACIÓN Y ROBÓTICA 2020 - Gustavo Adolfo Martínez Hernández