This repository has been archived by the owner on Jan 16, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 36
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #118 from Martina-Flores/main
entrega Martina-Flores
- Loading branch information
Showing
2 changed files
with
52 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,4 @@ | ||
# titulo | ||
# Avance Trabajo Grupal | ||
|
||
texto | ||
<p>TRABAJO MARTINA FLORES / GABRIELA ECHENIQUE / RICARDO RAMIREZ</p> | ||
<p>https://editor.p5js.org/Gaabyu/sketches/KlSObWwyo</p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,50 @@ | ||
# titulo | ||
<h1>Trabajo Grupal-Evaluación</h1> | ||
|
||
texto | ||
<h2>Integrantes Ricardo Ramírez, Gabriela Echenique y Martina Flores</h2> | ||
<p>Codigo: https://editor.p5js.org/ZiggPunk/sketches/MOaFy3y3k</p> | ||
|
||
<p>Nuestro trabajo consiste en que el código detecta tanto rostros de personas humanas como de telefonos celulares y le coloca un emoji correspondiente sobre estas y además reproduce un sonido por cada uno según el objeto que detecte.</p> | ||
<p>INSTRUCCIONES DE USO:</p> | ||
<ul> | ||
<li>Darle play al código en su editor</li> | ||
<li>Esperar que cargue la webcam</li> | ||
<li>Colocar un rostro humano o un telefono celular frente a la webcam</li> | ||
<li>Disfrutar del armonioso sonido</li> | ||
</ul> | ||
|
||
<p>MATERIALES:</p> | ||
<ul> | ||
<li>utilizamos el editor de p5</li> | ||
<li>La biblioteca de ml5</li> | ||
<li>Se requiere una webcam para utilizar el código</li> | ||
<li>Rostros de personas</li> | ||
<li>Telefonos</li> | ||
<li>Internet</li> | ||
<li>Computador</li> | ||
</ul> | ||
<p>REFERENTES</p> | ||
<p>Utilizamos los ejemplos de Andreas Refsgaard en ml5 (https://medium.com/processing-foundation/from-simple-to-advanced-ml5-js-70d6730b360b), especifiacmente los siguientes:</p> | ||
<ul> | ||
<li>Para los emojis: https://editor.p5js.org/AndreasRef/sketches/RDjEGqJjl</li> | ||
<li>Para el sonido: https://editor.p5js.org/AndreasRef/sketches/RDjEGqJjl</li> | ||
<li>Nuestro referente inicial fue el siguiente código del cual logramos rescatar la idea base para nuestro trabajo: https://editor.p5js.org/AndreasRef/sketches/ryLlIOJpX</li> | ||
</ul> | ||
|
||
<p>CONCLUSIONES</p> | ||
<p>Algunos fallos que tuvimos en la construcción del código fueron los siguientes:</p> | ||
<ul> | ||
<li>Este código no funcionaba, debía reproducir el sonido una sola vez para que no se intercalara con el otro:</li> function draw() { | ||
//NO FUNCIONAAAAAAAAA | ||
if (classificationResult == 'person' && lastClass !== 'person') { | ||
villagerSound.play(); | ||
celularSound.stop(); | ||
} else if (classificationResult == 'cell phone' && lastClass !== 'cell phone') { | ||
celularSound.play(); | ||
villagerSound.stop(); | ||
} | ||
lastClass = classificationResult; | ||
} | ||
<li>Originalmente intentamos colocar una imagén en lugar de un emoji, pero nos mostraba el enlace/directorio de esa imagen. Descubrimos que esto ocurre porque el código solo admite texto (el emoji es considerado texto), al momento de mostrar la figura en la cámara.</li> | ||
<li>En un inicio el sonido no se escuchaba porque no cargamos la biblioteca de sonido de p5: <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/addons/p5.sound.js"></script></li> | ||
<li>Originalmente no logramos que el sonido se reproduciera al momento de detectar el objeto en cuestión, para solucionar esto agregamos el siguiente código: if (detection.label == 'person' && lastdetection !== 'person')</li> | ||
<ul> |