Underc0de - La Casa de los Informáticos

Programación Web => Front-end => Mensaje iniciado por: Gus Garsaky en Abril 19, 2015, 05:24:23 PM

Título: [HTML5] Pizarra virtual
Publicado por: Gus Garsaky en Abril 19, 2015, 05:24:23 PM
Descripción: Simple pizarra virtual con soporte para toda la paleta de colores, grosor el pincel y borrador.

Características:

Título: Re:[HTML5] Pizarra virtual
Publicado por: WhiZ en Abril 19, 2015, 07:55:16 PM
Muy bueno Gus Garsaky! Más tarde le voy a pegar una ojeada al código!

Gracias por compartir! +1

Saludos!
WhiZ
Título: Re:[HTML5] Pizarra virtual
Publicado por: Gus Garsaky en Abril 21, 2015, 08:38:02 AM
Muchas gracias Whiz. He creado una github page para que puedan probar la demo AQUÍ (http://gusgarsaky.github.io/HTML5Blackboard/).


Saludos.
Título: Re:[HTML5] Pizarra virtual
Publicado por: D4RKS0N1K en Abril 21, 2015, 10:55:40 AM
Acabo de ver el tópico , y la verdad , una idea muy original. , creo que nunca había visto algo similar.
A su vez el código va a ser de gran utilidad para su estudio para muchas personas , entre las que me incluyo.

Excelente trabajo!
Título: Re:[HTML5] Pizarra virtual
Publicado por: blackdrake en Abril 21, 2015, 05:50:12 PM
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
Acabo de ver el tópico , y la verdad , una idea muy original. , creo que nunca había visto algo similar.
A su vez el código va a ser de gran utilidad para su estudio para muchas personas , entre las que me incluyo.

Excelente trabajo!

Justamente eso... un gran trabajo Gus :D
Título: Re:[HTML5] Pizarra virtual
Publicado por: Gus Garsaky en Abril 22, 2015, 05:39:21 PM
Muchas gracias por sus comentarios muchachos. Espero que a alguien le sean de provecho los fuentes que publico.


Un saludo.
Título: Re:[HTML5] Pizarra virtual
Publicado por: DaRK UnLiMiTeD en Junio 04, 2015, 11:12:35 AM
Lo he probado, buena idea, aunque yo pondría el fondo del tablero en blanco
Título: Re:[HTML5] Pizarra virtual
Publicado por: Gus Garsaky en Junio 04, 2015, 05:32:16 PM
Puedes hacer un fork y hacerle los cambios que quieras @DARK (https://underc0de.org/foro/index.php?action=profile;u=4607) UnLiMiTeD.

Saludos.
Título: Re:[HTML5] Pizarra virtual
Publicado por: kid_goth en Febrero 18, 2016, 12:03:35 PM
ejem, buenas, alguien pudo descargar esto que lo tenga por ahí y me lo preste un minuto?

:3 gracias
Título: Re:[HTML5] Pizarra virtual
Publicado por: magodiesan en Enero 05, 2017, 02:12:58 PM
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
Muchas gracias Whiz. He creado una github page para que puedan probar la demo AQUÍ (http://gusgarsaky.github.io/HTML5Blackboard/).


Saludos.

La demo está caída, ¿podrías levantar otra?
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
Descripción: Simple pizarra virtual con soporte para toda la paleta de colores, grosor el pincel y borrador.

Características:

  • Diversidad de colores.
  • Grosor del pincel entre 1 y 30.
  • Borrador.
  • Limpiador de lienzo (full clean).
  • Responsivo.

    (http://i.imgur.com/F1rX0nR.png?1)

    (http://i.imgur.com/gOjh1xW.png?1)

    (http://i.imgur.com/ck35lGb.png?1)


    C{0}digo fuente



    El source lo pueden encontrar en mi github: HTML5 Blackboard (https://github.com/GusGarsaky/HTML5Blackboard)

    Espero que le sirva a alguien. Nos vemos.




    By Gus.
¿Harías un video explicando como hacerlo?
Título: Re:[HTML5] Pizarra virtual
Publicado por: Gabriela en Enero 05, 2017, 03:25:29 PM

@Mago Diesan

Citar¿Harías un video explicando como hacerlo?


Hace muchísimo que el user que escribió el post no se conecta.
No creo que obtengas respuesta :(
Título: Re:[HTML5] Pizarra virtual
Publicado por: rush en Enero 05, 2017, 04:43:35 PM
Puede que te sirva esto

How to Create a Web-Based Drawing Application Using Canvas + HTML (https://code.tutsplus.com/tutorials/how-to-create-a-web-based-drawing-application-using-canvas--net-14288)

drawingboard.js (http://leimi.github.io/drawingboard.js/)

How to create drawing board HTML5 with canvas in 5 minutes (http://www.onlywebpro.com/2013/01/10/create-html5-canvas-drawing-board-within-5-minutes/)

In spanish, Pizzarra HTML5 y Canvas (http://untitled.es/pizarra-con-html5-y-canvas/)

BUSQUEDAS (https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=pizarra%20html%205)

Saludos
Título: Re:[HTML5] Pizarra virtual
Publicado por: magodiesan en Enero 05, 2017, 05:30:38 PM
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login

@Mago Diesan

Citar¿Harías un video explicando como hacerlo?


Hace muchísimo que el user que escribió el post no se conecta.
No creo que obtengas respuesta :(

Estudiaré el código y haré un video haciendo un aporte.
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
Puede que te sirva esto

How to Create a Web-Based Drawing Application Using Canvas + HTML (https://code.tutsplus.com/tutorials/how-to-create-a-web-based-drawing-application-using-canvas--net-14288)

drawingboard.js (http://leimi.github.io/drawingboard.js/)

How to create drawing board HTML5 with canvas in 5 minutes (http://www.onlywebpro.com/2013/01/10/create-html5-canvas-drawing-board-within-5-minutes/)

In spanish, Pizzarra HTML5 y Canvas (http://untitled.es/pizarra-con-html5-y-canvas/)

BUSQUEDAS (https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=pizarra%20html%205)

Saludos

gracias por la ayuda!
Título: Re:[HTML5] Pizarra virtual
Publicado por: Leo_Al en Enero 21, 2017, 01:18:14 PM
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login

@Mago Diesan

Citar¿Harías un video explicando como hacerlo?


Hace muchísimo que el user que escribió el post no se conecta.
No creo que obtengas respuesta :(

Creo que borró su cuenta de github