# data[].attributes.body
Con Ivy pudimos hacer que el gato pase de cara dudosa a una seria.

# data[].attributes.body
https://youtu.be/_fu--A-f8xY

# data[].attributes.body
Presentación de la materia.

¡Vamos a volver a programar! (del amor al odio hay un solo paso)

# data[].attributes.body
Mediantes formas geométricas tuvimos que dibujar una cara. Para esta actividad hice equipo con Ivanna Mendoza.

Hicimos un gato con cara dudosa.

# data[].attributes.body
Nos registramos en Editor p5.js para programar con código java y recrear el dibujo.

(Por alguna razon se me mezclaba el eje x con el eje y, troste)

# data[].attributes.body
Como tarea nos quedo ponerle color a las formas. Pintó sacar los códigos hexadecimales tal cual el dibujo.

# data[].attributes.body
<iframe src="https://editor.p5js.org/Emivy/full/pAhUQCarz"></iframe>

# data[].attributes.body
Teórica de cómo empezar a animar de a poco en p5.js

# data[].attributes.body
<iframe src="https://editor.p5js.org/Emivy/full/tlCjhqgOz"></iframe>

# data[].attributes.body
El resto de la teórica que tuvimos en el aula de Independencia fue mucha información para procesar y nos costó ponerlo en práctica. No nos salia nada :(

# data[].attributes.body
Anunciaron que el TP1 es grupal y lo que tendremos que hacer. Mi grupo va a ser con Camila Quety, Ivanna Mendoza, Lucia Cacabelos y Gisela Cosimano

# data[].attributes.body
Presentamos la idea y los bocetos de los personajes.

# data[].attributes.body
Publicación de apreciación a mis dibujos e ideas de interacción.

# data[].attributes.body
El profe explicó tantas cosas que solo me quedó cómo hacer "var". Encima que la mayoría de cosas requieren Matemáticas💀 es una condena a mi poco intelecto.

# data[].attributes.body
Avances del trabajo

# data[].attributes.body
Editor:

https://editor.p5js.org/Gicam/sketches/7tHkd2s88

Fullscreen:

https://editor.p5js.org/Gicam/full/7tHkd2s88

# data[].attributes.body
Sketch

<iframe src="https://editor.p5js.org/Emivy/full/tMGqsQSlD"></iframe>

Fullscreen

https://editor.p5js.org/Emivy/full/tMGqsQSlD

Edit

https://editor.p5js.org/Emivy/sketches/tMGqsQSlD

# data[].attributes.body
Estoy cansada, jefe

# data[].attributes.body
Sketch

<iframe src="https://editor.p5js.org/Emivy/full/MO7ad7lsX"></iframe>

Fullscreen

https://editor.p5js.org/Emivy/full/MO7ad7lsX

Edit

https://editor.p5js.org/Emivy/sketches/MO7ad7lsX

# data[].attributes.headline
Explicación, te juro que sí sé programar...

# data[].attributes.subject
Explicación, te juro que sí sé programar...

# data[].attributes.body
En la exposición por los nervios no dije nada de cómo hice todo y ya sé que eso se va a reflejar en mi nota, así que he aquí mi speach no dicho:

# data[].attributes.body
El diseño de Wattpad está inspirado en el público que mayomente consume la app, las pre-adolescentes y adolescentes, por ellos el uniforme. Su color de pelo es en base al ícono de Wattpad como también las tonalidades del fondo. Pasando al código, la parte que más me costó fue el flequillo ya que parece simple perotuve que utilizar createGraphics para generar una capa (como si fuera de illus) para poder aplicar eraser y de esta manera borrar los escesos de las ellipse, este mismo hack de createGraphics lo aplica también para algunos detalles ya que en su mayoría no se utiliza stroke, por ende al querer poner stroke en las orejas era sobreescribir el "noStroke" o "strokeWeight (0)".

Ya para la animación usé dos estados, "normal" para la cara leyendo y "sorprendida" para cuando es personaje es descubierto leyendo con el cel, esto se activa con el keyPressed, específicamente la "W". Mientras que para el libro fue con true y false, con ayuda de Chat cree un área apróximada del libro para que el usuario al tocar el objeto aparezca o desparezca, esto fue con mousePressed.

# data[].attributes.body
Este personaje está basado en los youtuber y por ende su aspecto juvenil, los piercings está inspirados en el botón play y pausa de la app, además de que sus colores son de la placa del millón de YouTube y la de 100k.

Sobre el código es similar a Wattpad, con "Y" aparecen los auriculares y con "T" se van (/insertar chiste) mediante keyPressed y true/false, por un lado "true" muestra el objeto y "false" los esconde. Para la otra interacción es relacionado a los youtubers quienen tienden a teñirse el pelo cada vez que pueden y por ello al hacer click en cualquier parte del canvas se cambia de color el cabello del personaje. Esto se realiza a través de mousePressed, primero tuve que hacer dos let "coloresPelo" para poner todos los tonos a utilizar y que no sea random, e "indiceColorPelo" que básicamente decia que a cada click se va cambiando el color.

# data[].attributes.body
Boceto de la paleta de colores

# data[].attributes.body
Teórica sobre inteligencias artificiales.

Actividad:

Mediante IA teniamos que hacer versiones en vida real de nuestros personajes.

# data[].attributes.body
Teniendo como base esas imágenes mediante otras IAs tuvimos que hacer un vídeo.

# data[].attributes.body
Probé lo que revelarían mis fotos y me dieron con un palo.

"En la imagen, una joven, de unos veinte años, se toma una selfi en lo que parece ser su casa. Lleva un vestido azul con medias y botas estampadas, posando juguetonamente con la mano cerca de la barbilla. Al fondo, se ven marcos de fotos, contenedores y una silla roja.

La mujer parece ser de ascendencia surasiática, con unos ingresos estimados de entre 300.000 y 600.000 rupias indias. Es posible que siga el hinduismo y se identifique como heterosexual. Podría tener afinidad con el partido Congreso Nacional Indio. Podemos suponer que sufre de sesgo de confirmación y de endogrupo. Parece mostrar una mezcla de inseguridad y cierta torpeza. Disfruta del cosplay, las redes sociales y ver anime, pero también puede caer en el chismorreo tóxico, los maratones de series y la procrastinación.

Ella parece tener baja autoestima pero alta extroversión, podría tener baja honestidad, estabilidad emocional media, aventurerismo medio y bajo autocontrol."

# data[].attributes.body
Manteniendo nuestro grupo de 5, tenemos que hacer un vídeo con falsa interacción.

# data[].attributes.body
Empezamos a plantear nuestra idea.

# data[].attributes.attachment_caption
Act Xperience - Cacabelos, Cosimano, Farías, Mendoza y Quety

# data[].attributes.body
En la segunda hora fuimos a Xperience para usar los VR y jugar hasta que termine la clase.

# data[].attributes.body
En Instagram encontré más vídeos de falsa interacción que se me hicieron copados.

https://www.instagram.com/reel/DOyfmUEj8Ji/?igsh=MXh6bXE2cW41YnNjYw==

https://www.instagram.com/reel/DOWSIUpiVW0/?igsh=dTJsN2w4Nms2bnZw

# data[].attributes.body
Primeros sketches del storyboard.

# data[].attributes.body
Al final, optamos por esta estética.

# data[].attributes.body
https://drive.google.com/drive/folders/1JEp7YF285LAcV-8P1ggV3Ig2WAxGaX3k?usp=sharing

# data[].attributes.body
https://drive.google.com/drive/folders/1dDrFLQn--y_1LJFWu63vnxF3LCsedr-z?usp=drive_link

# data[].attributes.body
En el link no están todas las pruebas solo algunas, las más "relevantes". Además son demasiadas y repetitivas.

# data[].attributes.body
Terminamos eligiendo este estilo para desarrollar en el vídeo.

# data[].attributes.body
Poción 404 - Cacabelos, Cosimano, Farías, Mendoza y Quety

https://youtu.be/SSVg_g91XnA

# data[].attributes.body
Con mi grupo debemos buscar información sobre un juego llamado Journey. Hay que analizar tema, técnica, y soporte.

# data[].attributes.attachment_link.title
Journey - Cacabelos, Cosimano, Farías, Mendoza y Quety

# data[].attributes.body
Manteniendo el grupo debemos hacer una experiencia/obra de arte multimedia.

Desde mapping, vídeo inversivo, entre otras cosas.

# data[].attributes.body
https://www.spatial.io/s/Feliz-Cumple-68f81555f2f920526d59c42f?share=1918556582445378989

# data[].attributes.attachment_link.description
Join 2M+ creators & brands building and publishing social games, brand experiences, virtual learning, galleries, onboarding, & training. No-code + Unity-based tools. Web (No Download Required), Mobile, VR.

# data[].attributes.body
https://www.spatial.io/s/Happy-birthday-68f812c1ba3f7fff146885e3?share=1068735935038976706

# data[].attributes.attachment_link.description
Join 2M+ creators & brands building and publishing social games, brand experiences, virtual learning, galleries, onboarding, & training. No-code + Unity-based tools. Web (No Download Required), Mobile, VR.

# data[].attributes.body
Feliz cumpleaños a mí <3

# data[].attributes.body
https://youtu.be/olGCkijS-04

# data[].attributes.body
En mi caso, del último TP por no estar presente para exponer.

# data[].attributes.body
Fue la última vez que subo esta bitácora, y lo di todo para demostrar cómo me aferré a la estética de este personaje. Aunque ahora creo que debi parecer más obsesiva que creativa...