Recorrido por Processing 2022

Hey muy buenas a todos, guapísimos, bienvenidos a mi Landing Page sobre trabajitos de processings

Pequeña Introducción

A continuación podrán apreciar una galería de trabajos prácticos en processing para el primer año de Tecnología Multimedial de la carrera Diseño Multimedial. Los mismos incluyen una descripción e imagen o imágenes.

Tp0 "Dibujo Básico y Desafío de Imagen"

Dibujo Básico

Esta imagen hecha a partir de figuras primitivas como circulos y cuadrados, fue inspirada en base a la consigna dada por el docente sobre "muñeco de nieve", mezclada con el juego league of legends, el cual tiene como mascotas esos animalitos blancos que se ven en el dibujo. Estos animalitos, que en el juego son llamados Poros, suelen verse en lugares nevados, por lo tanto, decidí adaptarlo a la consigna muñeco de nieve, incluyendo el logo del juego para que se sepa de dónde provienen.

poros

Poros del Lolsito

Ver Código

Desafío de Imagen

Esta es una imagen que surgió a partir del desafío en un foro de la comisión 2, donde el profesor nos proponía animarnos a hacer una imagen más compleja que las dianas realizadas en clase. Personalmente, quise arriesgarme a hacer una bastante compleja y compuesta de muchas figuras para acostumbrarme a trabajar con parámetros y coordenadas; de esta idea inicial, decidí hacer las Alas de la Libertad del anime Attack on Titan ya que justamente posee demasiadas figuras para quedar relativamente prolijo.

escudo

Alas de la Libertad

Tp1 "Animando con Código y Desafío de Animación"

Animando con Código

Esta secuencia de Star Wars fue insipirada en base a la consigna "Recrear los créditos de una Pelicula", por lo tanto, me animé a recrear con mi estilo y herramientas hasta el momento, los créditos de esta saga.

créditos

Créditos de Star Wars

créditos

Créditos de Star Wars 2

Desafío de Animación

Este gif fue, en realidad, lo primero que hice luego de aprender a utilizar processing antes de comenzar la cursada. Reutilicé este código para mostrarle al profesor lo que sabía animar con código. Luego el gif fue modificado para adaptarlo al desafío: el mismo pedía que tuviera nuestro nombre, por lo que el "UwU" fue reemplazado por Juli. De todas formas, preferí mostrar el gif original.

deditos

Gif de la animación

Ver Código de Star Wars

Tp2 "Ilusión óptica Interactiva"

Esta ilusión óptica fue pensada en base a poder explotar el ciclo for: la pantalla verde son casillas de ciclo for anidado, y el mouse disminuye la opacidad de las mismas al pasar sobre ellas. La parte interactiva es donde relaciono el trabajo con el videojuego "Minecraft", ya que el personaje en pantalla es un enemigo dentro del juego, que al ser eliminado libera "XP" o experiencia en forma de esferas de colores, por ello, al precionar la tecla 'X' podemos apreciar la ilusión óptica.

créditos

Tp al iniciar

créditos

Tp con la ilusión óptica

Ver Código

Tp3 "Juego Interactivo

Este juego fue ideado a partir de continuar con la temática de Star Wars planteada en el tp1, y explotando los for anidados como en el Tp2. Con esta combinación, surgió la idea de hacer un juego de pintar pixel art, manteniendo la estética de la película.

yoda

Pantalla de Inicio

yoda

Comienzo del Juego

yoda

Instrucciones

yoda

Dibujo avanzado

yoda

Créditos

Son indiferentes al ganar o perder

Ver Código

Tp4 "Programando con Objetos"

Este trabajo tiene como consigna "Paisaje Interactivo", pareciera ser más sencillo que los anteriores, pero no lo es ya que está programado de forma distinta con arreglos de objetos. Este es el boceto o puntapié para el próximo trabajo, el final, que es un juego con arreglo de objetos. La interacción en este caso, es del usuario que puede moverse libremente con forma de helado en su mouse

abejas

Paisaje interactivo

abejas

Paisaje interactivo 2

Ver Código

Tp5 "Juego: Avanzando con POO"

Como expliqué antes, este es el juego hecho en base al Tp4, el cual también fue pensado así por buscar una singularidad o algo que lo haga único. En este caso, es el sistema de spawneo en las abejas en pantalla: el juego consiste en aguantar 20 minutos sin que el helado (mouse) sea comido (tocado) por las abejas en pantalla que van spawneando (apareciendo) cada 4 segundos y rebotando en la pantalla. El juego también posee música, y sonidos para ganar y perder.

abejas

Al comenzar el juego

perder

Créditos al perder

abejas

Juego avanzado

ganar

créditos al ganar

comienzo

Pantalla de Inicio del Juego

Ver Código

Sobre la Autora

  • Alumna: Rojas Rabassio Juliana
  • Legajo: 91575/8
  • Comisión 2
  • Docentes: Matías Jauregui Lorda, Tobías Albirosa

    Requisitos

  • Frameworks: ✔️
  • Librerías de JavaScript: ✔️
  • Información de los Tp: ✔️
  • Imágenes con epígrafes: ✔️
  • Contenido embebido: ✔️
  • Textos y títulos secundarios y primarios: ✔️
  • Información del autor: ✔️
flecha