
Números escritos a mano
32 |Predicción de números escritos a mano utilizando Tensorflow.js
34 |El detalle puedes verlo en este video
35 |Ringa Tech
63 |Revisa mi canal para videos de inteligencia artificial, programación, etc.
65 |├── LogotipoV2-Simple.png ├── README.md ├── drawing.js ├── fabric.min.js ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── group1-shard1of1.bin ├── index.html └── model.json /LogotipoV2-Simple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ringa-tech/exportacion-numeros/4777b39638827f6d366bbb2457603d3d21fee183/LogotipoV2-Simple.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Números escritos a mano 2 | 3 | Este código fuente sirve como apoyo para el video de exportación de modelos de Tensorflow a Tensorflow.js, del canal de YouTube [Ringa Tech](https://youtube.com/RingaTech) 4 | 5 | Se trata de un clasificador de números escritos, en donde puedes dibujar en el explorador un número del 0 al 9, y al dar clic en predecir intentará decir qué número es, utilizando Tensorflow.js, en base aun modelo entrenado en Python con Tensorflow 6 | 7 | ## Probar en vivo 8 | Puedes probar este proyecto en vivo [aquí](https://ringa-tech.com/exportacion/numeros/) 9 | 10 | ## Cómo utilizarlo 11 | 12 | ### Descargar el repositorio 13 | Descarga el repositorio donde gustes en tu computadora 14 | 15 | ### Inicia un servidor en la carpeta 16 | Este proyecto utiliza un modelo de Tensorflow.js, el cual para cargarse requiere que el acceso sea por medio de http/https. 17 | Para eso puedes usar cualquier servidor, pero aquí hay una forma de hacerlo: 18 | - Descarga Python en tu computadora 19 | - Abre una línea de comandos o terminal 20 | - Navega hasta la carpeta donde descargaste el repositorio 21 | - Ejecuta el comando `python -m http.server 8000` 22 | - Abre un explorador y ve a http://localhost:8000 23 | ### Uso 24 | Dibuja con el mouse o tu dedo en el canvas cuadrado un número del 0 al 9, y da clic en "Predecir". Para limpiar el canvas da clic en "Limpiar". 25 | 26 | ## Problemas 27 | Si tienes un problema, regístralo aquí o déjame un comentario en el video de Youtube. Asegúrate de primero revisar la consola de desarrollador de tu explorador para ver si puedes identificar el problema. -------------------------------------------------------------------------------- /drawing.js: -------------------------------------------------------------------------------- 1 | var brushWidth = 10; 2 | var color = "#000000"; 3 | var drawingcanvas; 4 | 5 | (function() { 6 | var $ = function(id){return document.getElementById(id)}; 7 | 8 | drawingcanvas = this.__canvas = new fabric.Canvas('bigcanvas', { 9 | isDrawingMode: true 10 | }); 11 | 12 | fabric.Object.prototype.transparentCorners = false; 13 | 14 | if (drawingcanvas.freeDrawingBrush) { 15 | drawingcanvas.freeDrawingBrush.color = color; 16 | drawingcanvas.freeDrawingBrush.width = brushWidth; 17 | } 18 | })(); -------------------------------------------------------------------------------- /favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ringa-tech/exportacion-numeros/4777b39638827f6d366bbb2457603d3d21fee183/favicon-16x16.png -------------------------------------------------------------------------------- /favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ringa-tech/exportacion-numeros/4777b39638827f6d366bbb2457603d3d21fee183/favicon-32x32.png -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ringa-tech/exportacion-numeros/4777b39638827f6d366bbb2457603d3d21fee183/favicon.ico -------------------------------------------------------------------------------- /group1-shard1of1.bin: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ringa-tech/exportacion-numeros/4777b39638827f6d366bbb2457603d3d21fee183/group1-shard1of1.bin -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 |Predicción de números escritos a mano utilizando Tensorflow.js
34 |El detalle puedes verlo en este video
35 |Revisa mi canal para videos de inteligencia artificial, programación, etc.
65 |