miércoles, 14 de mayo de 2014

Dermandar



















miércoles, 9 de abril de 2014

Proyecto

Para el proyecto usamos una herramienta llamada Scratch desarrollada por el MIT, una plataforma para programar juegos, desde muy simples hasta muy complejos.


Antes de hablar de un proyecto, creo que es primordial conocer las posibilidades de la herramienta, que en este caso, es nueva para la mayoría del equipo de videojuegos. 


Basándonos en diferentes tutoriales desarrollamos una serie de "juegos boceto". Yo me enfoqué en el movimiento de los diferentes objetos, las reacciones generadas por el contacto entre objetos especificos.


La posibilidad de desarrollar escenarios y personajes con la estética del 8-bit, 16-bit, etc. 

Aquí algunos links del proceso. 

Prueba1
http://scratch.mit.edu/projects/19178061/

Come
http://scratch.mit.edu/projects/19180099/

GravedadVelocidad
http://scratch.mit.edu/projects/19197000

Esas tres pruebas son la estructura de los siguientes juegos, que es lo más completo que he hecho hasta ahora.

Chidoastro
http://scratch.mit.edu/projects/19363122/

Chidoastro2
http://scratch.mit.edu/projects/19421382/

Chidoastro3
http://scratch.mit.edu/projects/19422153/

Chidoastro4
http://scratch.mit.edu/projects/19422345/

Cada uno la "evolución" del anterior. 




Ejercicio Processing examples

En este ejercicio, intervenir un sketch ya existente.

Explode es un sketch que te permite desintegrar la imagen dependiendo de la posición del mouse sobre el canvas.

Sketch original

Imagen original

Sustituimos la imagen por la siguiente, asegurándonos de que respete las mismas proporciones que la original.

Imagen sustituto
Resultado.





Me parece que Processing es una herramienta interesante, pero a la que se le necesita dedicar tiempo para conocer sus posibilidades, ya que son extensas. 



Introducción Processing

Iniciamos usando Processing para crear diferentes figuras básicas.




Dándole aspectos de movimiento, color, tamaño, todos al azar se creó esta imagen.  



Trabajamos con unos sketchs de ejemplo para identificar el proceso de programación. 




miércoles, 19 de febrero de 2014

Ascii Binario

Mariana y Daniela son amigas

77 97 114 105 97 110 97 32 121 32 68 97 110 105 101 108 97 32 115 11 110 32 97 109 105 103 97 115

01001101 01100001 01110010 01101001 01100001 01101110 01100001 00100000 01111001 00100000  01000100 01100001 01101110 01101001 01100101 01101100 01100001 00100000 01110011 01101111 01101110 00100000 01100001 01101101 01101001 01100111 01100001 01110011

Diagrama de flujo.


Pasos para realizar una animación


  1. Encender mesa de luz.
  2. Fijar una hoja en blanco.
  3. Dibujar.
  4. Fijar una hoja en blanco encima.
  5. Dibujar la nueva figura en otra posición usando de base el dibujo anterior buscando crear la ilusión de movimiento
  6. Repetir pasos 4 y 5 hasta terminar.
  7. Realizar el registro de cada imagen.
  8. Importar la secuencia de imágenes en Adobe After Effects.
  9. Ajustar velocidad. 
  10. Exportar como video.


















miércoles, 12 de febrero de 2014

Edición HTML

1<!DOCTYPE html>
Describe la versión de html 5.

2<html>
Abrir tipo de archivo.

3<head>
Abrir encabezado.

4<title>  SOMUCHFUN</title>
Indicación de título de la pestaña.

5</head>
Cerrar encabezado.

6<body>
Abrir cuerpo de texto.

7<h1>SO MUCH FUN SO MUCH LONELY</h1>
Indicación de encabezado.

8<hr>
Línea divisoria entre encabezado y párrafo.

9<p>WELCOME PPL I'M SO PLEASED U CAME HERE I'M SO LONELY PLS STAY A LOT OF TIME HAVE FUN WHIT ME AND MY FRENDS WLCOME WELCOME </p>
Indicación de párrafo.

10<br>
"Break" para dar espacio hacia abajo en la página. Distribución de elementos.

11<img src="holo.gif" alt="HE HE HE SO MUCH SO MUCH" width="500" height="500"
Indicación de insertar gif, texto alterno si no aparece el gif, e indicaciones de ancho x alto

12</body>
Cerrar cuerpo.

13</html>
Cerrar tipo de archivo.


Aplíquense con el manual
http://www.htmlpoint.com/guida/html_04.htm