audiv027-2024-2
clase 7
Llegué tarde por imprimir, pero se logró :D
La idea de la clase es comenzar a planear nuestro proyecto para el primer trabajo, de manera que podamos comunicar nuestras dudas y cualquier ayuda que necesitemos. La entrega de este es la próxima semana y tenemos hasta las 2 pm del viernes para modificarlo. Los detalles e indicaciones están en la carpeta de Vick.
Como dupla, conversamos acerca de las ideas que ya teníamos, como reconocimiento facial para mover objetos en el computador, entrenar a la IA para que reconozca creepypastas y genere contenido en base a ellos, una especie de generador de filtros, entre otros.
Luego de buscar más referencias y proyectos ya realizados en la web, llegamos al siguiente video.
[https://www.youtube.com/watch?v=ThwTM9L-3aY] ml5.js: Creative coding with ML for all - Made with TensorFlow.js
Dentro de este, nos llamó la atención el trabajo de Dylan Dawkins que seguía la dinámica de una especie de juego en mundo abierto controlado por comandos manuales que eran vistos por la webcam y posteriormente procesados como movimientos. Al ya haber trabajado con mover elementos en la pantalla según el cursor, nuestra idea es generar un momento pequeño que se asimile a un juego con dinámica walking simulator, donde un fondo se repita de forma constante y la persona que lo use sea capaz de mover a su personaje/criatura/cosa a través de él.
[https://editor.p5js.org/leleleo3/sketches/Yqm3NRBhD] Ejemplo de lo dicho.
Idea base de lo que queremos hacer. Una pequeña zona (abajo, esquina derecha) que sea manipulable por medio del cursor y las imágenes cambien según eso.
Además de esto, pensamos basarnos en la progresión de Mr. Bean. En este sentido, sería un gif creado por nosotres que avance según el movimiento del cursor.
-
[https://stackoverflow.com/questions/37374411/is-it-possible-to-make-an-image-move-with-the-cursor-when-the-cursor-reaches-the] Entrada que encontramos que contiene código para definir el espadio por el que puede moverse el cursor.
-
[https://www.quora.com/How-can-I-make-an-image-move-and-follow-the-mouse-cursor-on-a-web-page] How can I make an image move and follow the mouse cursor on a web page?
-
[https://p5js.org/examples/imported-media-video/] Video player, p5.js
-
[https://p5js.org/examples/imported-media-video-canvas/] Video canvas, p5.js
-
[https://p5js.org/examples/animation-and-variables-animation-with-events/] ANimation with events, p5.js
Anotar lo que dijo le profe.