Underc0de

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
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
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
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
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?
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
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
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

@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.
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
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
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

@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