audiv027-2024-2

clase 3

El profe no tenía internet al principio de la clase porque otro profe sacó un cable dhsjvb

El profe comenzó hablando de los expositores que no pudimos mencionar en la clase anterior por el corte de agua. ML5 una herramienta

Medium: página de medios, no de medium de magia. Si estamos buscando una herramienta posiblemente esté en medium. Tambien podemos buscar ML5 en github para ver herramientas.

2020 ya es antiguo para este mundo de programar.

Cassie o como se escriba no creó p5, creó lo que hace que funcione, el profe leyó este error en algunos apuntes por eso lo corrigió ahora 😰

Utilizar P5

Entramos a silly face en p5. AL lado izquierdo vemos los códigos, comandos. Derecha está la pág blanco, el resultado. Abajo vemos la consola, que es como el tras bandalinas para los programadores.

Todo esto no va a funcionar si no tenemos cuenta, por lo que eso haremos.

Me perdí un poco 😨

ya me enchufé 😎 tenía que vincular las cuentas de estos dos programas. Github - P5

< > algo empieza </> termina Perder un punto o una coma te puede arruinar todo asi que hay que ser muy precavido y checkear bastante.

JS: Archivo jumpscare? Tener cuidado con los nombres, porque tienen que estar los nombres iguales para que todo funcione.

En el setup deben tener las cosas iniciales, el canvas.

NO HACER QUE EL COMPUTADOR ANALICE UN ARCHIVO DONDE NO HAY NADA PORQUE VA A COLAPSAR.

Console.log La consola es para trabajar en la parte tras banbalinas. EJEMPLO: console.log(“hola :)” );

Cloudare protege de los hackers!

Let “nombre” = 3; ej: Let n = 3;

El igual (=) es estricto con que está a que lado, el igual separa los dos lugares.

Ahora vamos a ver otro ejemplo, salimos del silly face

Ahora estamos haciendo el ejemplo con la cámara por fin y es mover a mr bean con la camara

YO LO HICE BACAN LOCO- HUCAHCJA QUE BACAN

Control F: Buscar

Mayaontheinternet: Mezcla alta computacion + diseño + género

MAYA MAN hizo un ecosistema de sketch o como un manual en github

Google Creative Lab = Mucha plata porque es una incubadora, un sitio de experimentar que luego google puede usar.

Ahora estamos viendo algunos ejemplos en TensorFlow Blog, donde vemos reconocimientos de cuerpos humanos y sus extremidades. Nombramos a Irene Alvarado

Tambien probamos una página muy entrete de PoseNet Sketchbook que usa la camara para detectar tu rostro o cuerpo Ahora estamos viendp Teachable Machine

NAAA LOCO MOSTRARON UN EJEMPLO DONDE MOVIAN LA MANO Y DETECTABA EL MOVIMIENTO PARA DIRIGIR A UN PERSONAJEEEE YO QUIEROOOOOO AYUDAAAAAAAAA

vamos a probar con imágenes, el profe está explicando que con imágenes chiquititas porque las hd no son tan convenientes para utilizar.

aaa es muy bacaaaan hice que reconociera mi cara, mi ausencia, mi botella, un corazón y mi mano! AH Y obviamente a Kirby

CREAR UN CANVAS EN P5

Ahora volvemos al canvas de p5, cambiamos el color del canvas a uno amarillo patito // para agregar comentario y que el compu no se meta

El profe dice que cuando tengamos un problema lo más facil es trabajar en equipo, porque podemos dejar mensajes para ayudarnos entre si. Ahora estamos programando notas, colores

P5.js manual online para usarlo y tener todas las herramientas

Y por último, nos mostró Google creative lab, página entrete donde muestran creaciones increibles e innovadoras.