ringa-tech / tu-primera-red-neuronal

Este repositorio sirve como versión actualizada para el video "Tu primera red neuronal": https://youtu.be/UNFFLJPW7KQ

Tu primera red neuronal

Este codigo, actualizado al 4 de marzo de 2021, sirve como soporte para el video "Tu primera red neuronal": https://youtu.be/UNFFLJPW7KQ

Si deja de funcionar por algun motivo, deja un issue en github o un comentario en el video

Ya no es necesario bajar la libreria jscolor, ya viene como parte del codigo usando un CDN :)

tu-primera-red-neuronal's Issues

Problema con la lib Brain.js

Hola estuve tratando de usar la libreria pero se atora cuando declara el new brain.NeuralNetwork();

Sabes si se actulizo la forma de declararlo o que pueda ser trate con barias librerias descargue pasadas y la actual de la pagina de brain pero nada

Hola soy v

<title>Ringa Tech - Red neuronal</title> <style type="text/css"> #sitio { padding: 5rem; font-size: 5rem; margin-left: 15rem; } </style>

Mi sitio web

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.4.5/jscolor.min.js"></script>
<script src="https://unpkg.com/brain.js"></script>

<script type="text/javascript">
	//Bienvenidos!
	//Este codigo, actualizado al 4 de marzo de 2021, sirve como soporte
	//para el video "Tu primera red neuronal": https://youtu.be/UNFFLJPW7KQ

	//Si deja de funcionar por algun motivo, dejame un issue en github
	//o un comentario en el video.



	//Inicializar red neuronal
	var network = new brain.NeuralNetwork();

	//Entrenarla, darle ejemplos de cuando poner
	//texto blanco, o texto negro segun el fondo
	network.train([
		//Fondo negro (entrada en 0s) = texto blanco (salida = 1)
		{input: {rojo: 0, verde: 0, azul: 0}, output: {color: 1}},
		//Fondo blanco (entrada en 1s) = texto negro (salida = 0)
		{input: {rojo: 1, verde: 1, azul: 1}, output: {color: 0}},
		//Fondo verde, texto negro
		{input: {rojo: 0, verde: 1, azul: 0}, output: {color: 0}},
		//Fondo azul, texto blanco
		{input: {rojo: 0, verde: .43, azul: 1}, output: {color: 1}},
		//Fondo rojo, texto blanco
		{input: {rojo: 1, verde: 0, azul: 0}, output: {color: 1}},
	]);

	function update(color) {
		//Cuando hice el video, existia color.rgb
		//Ahora existe color.channels y dentro tiene varios componentes.
		//Aqui hacemos el objeto "rgb" para que sea similar al video
		var rgb = [color.channels.r, color.channels.g, color.channels.b];
		//console.log(rgb);

		var div = document.getElementById("sitio");
		div.style.background = color.toHEXString(); //Nueva forma para poner el color de fondo

		//Tomar el fondo actual elegido por el usuario,
		//para usarlo de entrada para que la red nos de su
		//prediccion del mejor color de texto a utilizar
		var entrada = {
			rojo: rgb[0]/255,
			verde: rgb[1]/255,
			azul: rgb[2]/255,
		};

		//Obtener la prediccion de la red
		var resultado = network.run(entrada);
		//console.log(resultado);

		//Si resultado > .5, se considera color de texto blanco
		if (resultado.color > .5) {
			div.style.color = "white";
		}  else {
			div.style.color = "black";
		}
	}
</script>

El codigo no funciona con el fondo negro

El fondo negro deberia poner en blanco el texto y no lo hace, hay algun metodo para solucionarlo?

el codigo no coincide con la explicacion

podria hacer otro nuevo video para este nuevo codigo?

Cambio fondo

Hola buenas, antes de entrar a crear la red neuronal, el fondo del div no adquiere color, ni evidentemente tampoco lo cambia.
He probado descargado tu codigo directamente y tampoco aparece color como fondo del texto.

Muchas gracias.