rakuthesenpai / pixel_art Goto Github PK
View Code? Open in Web Editor NEWPixel art maker
Pixel art maker
Título
Duración
Prioridad
Abrir proyecto 2
Media
Como: Carlos Creativo
Quiero: que la cuadrícula de mi “dashboard” se actualice con el progreso del archivo seleccionado
Para: observar el progreso que tenía
Criterios de Aceptación: Tras seleccionar el archivo del proyecto deseado, la cuadrícula debe reflejar los últimos cambios guardados por Carlos en el proyecto.
Tareas:
Como: Carlos Creativo
Quiero: tener una herramienta “Color” para cambiar el color de la herramienta de brocha
Para: expresarse con una variedad de colores.
Criterios de Aceptación: Al hacer click en la herramienta “Color”, puedo seleccionar cualquier color en el formato RGB (con un diseño parecido a un “color picker”) y así cambiar el color de la brocha.
Tareas:
Como: Carlos Creativo
Quiero: tener una herramienta para pintar píxeles en una cuadrícula (Canvas)
Para: expresar los detalles que quiera
Criterios de Aceptación: Tras seleccionar la herramienta “Brocha” y hacer click en un pixel (cuadro en la cuadrícula/Canvas), este debe cambiar de color.
Tareas:
Como: Carlos Creativo
Quiero: tener una herramienta para borrar píxeles en una cuadrícula (Canvas)
Para: corregir errores
Criterios de Aceptación: Tras seleccionar la herramienta “Borrador” y hacer click en un pixel (cuadro en la cuadrícula/Canvas), este debe eliminar su color y regresar a su estado transparente.
Tareas:
Darle buen aspecto al menu inicial, esta horrible. El que lo hiso no sabe de diseño.
Como: Carlos Creativo
Quiero: ver un menú inicial
Para: conocer las opciones que tengo tras abrir la aplicación
Criterios de Aceptación: Tras abrir la aplicación, un pequeño menú con botones “Abrir proyecto” y “Nuevo proyecto” debe aparecer, además del título PixArt
Tareas:
As a user creating a project
I want the application to show me an error message when I set an invalid size of grid
so that I know what I did wrong.
Criterios de aceptación:
Cuando se ingrese en cualquiera de los 2 textbox de height o width un valor fuera del rango [8,64], un mensaje debajo de estos debe aparecer como sigue: "Por favor ingrese valores entre 8 y 64 para Alto y Ancho."
Como: Carlos Creativo
Quiero: que aparezca el “Dashboard” tras confirmar la configuración de mi proyecto
Para: comenzar a generar mi arte.
Criterios de Aceptación: El Dashboard está compuesto de una barra de “herramientas”, el título del proyecto, la “cuadrícula” y dos botones para guardar y exportar el proyecto.
La barra de herramientas debe contener las siguientes opciones:
Brocha
Borrador
Color
La cuadrícula debe ser del mismo tamaño que el especificado en configuración de proyecto y debe comenzar con todas sus celdas en color transparente. Para representar la transparencia se utilizarán dos tonos distintos de gris como un tablero de ajedrez.
PENDIENTE: Agregar una imagen de sketch de como se debe ver.
Tareas:
Diseñar estructura de un proyecto abierto.
Crear component en React que lo represente
Insertar los elementos
Como: Carlos Creativo
Quiero: configurar mi nuevo proyecto
Para: generar el arte de acuerdo a mis necesidades.
Criterios de Aceptación: Las opciones de creado de proyecto deben contener los siguientes campos:
Label y Textbox para Nombre.
Tamaño de imágen (limitado a los valores 8x8 a 128x128, en el formato ALTURAxLARGO), el cual determina el tamaño de la cuadrícula.
Botón de confirmación de configuración.
Tareas:
Como: Carlos Creativo
Quiero: tener una herramienta para borrar píxeles en una cuadrícula (Canvas)
Para: corregir errores
Criterios de Aceptación: Tras seleccionar la herramienta “Borrador” y hacer click en un pixel (cuadro en la cuadrícula/Canvas), este debe eliminar su color y regresar a su estado transparente.
Tareas:
Crear y mostrar menu inicial al abrir la aplicacion
fsadf
Como: Carlos Creativo
Quiero: que la cuadrícula de mi “dashboard” se actualice con el progreso del archivo seleccionado
Para: observar el progreso que tenía
Criterios de Aceptación: Tras seleccionar el archivo del proyecto deseado, la cuadrícula debe reflejar los últimos cambios guardados por Carlos en el proyecto.
Tareas:
Conseguir que cuando se le de click a un pixel del Canvas, este se coloree.
Como: Sandra Social
Quiero: exportar el proyecto creado a una de imagen png
Para: compartirlo con mis seguidores
Criterios de Aceptación: Al hacer click en “Exportar proyecto”, una imagen PNG debe generarse y descargarse en la computadora de Sandra, equivalente al dibujo plasmado en la cuadrícula de su proyecto y el tamaño especificado en la configuración del proyecto.
Tareas:
Como: Carlos Creativo
Quiero: tener una herramienta para pintar píxeles en una cuadrícula (Canvas)
Para: expresar los detalles que quiera
Criterios de Aceptación: Tras seleccionar la herramienta “Brocha” y hacer click en un pixel (cuadro en la cuadrícula/Canvas), este debe cambiar a color rojo.
Tareas:
Cuando se de click al boton de "Crear Proyecto" el componente que representa al proyecto debe ser cargado
Como: OCD Pablo
Quiero: elegir la carpeta en que se exporte mi imagen png
Para: organizar mis imágenes
Criterios de Aceptación: Al hacer click en “Exportar proyecto”, se le debe permitir al usuario elegir el destino en su computadora donde se guardará el archivo.
Tareas:
Asegurarse que el canvas tenga la altura y anchura indicada en la historia anterior
Como: Flojo Flor
Quiero: barrer la herramienta de brocha a través de varios pixeles
Para: agilizar el pintado.
Criterios de Aceptación: Tras seleccionar la brocha y al hacer click y mantener presionado el botón sobre la cuadrícula, todos los pixeles por los que pase la brocha (el cursor) deben ser coloreados de acuerdo al color actual de la brocha.
Tareas:
Como: Carlos Creativo
Quiero: crear un nuevo proyecto
Para: comenzar a plasmar mi dibujo
Criterios de Aceptación: Tras abrir la aplicación y seleccionar “Nuevo proyecto”, las opciones de creado de proyecto deben aparecer.
Tareas:
Darle un buen aspecto al diseño del proyecto
Como: Flojo Flor
Quiero: barrer la herramienta de brocha a través de varios pixeles
Para: agilizar el pintado.
Criterios de Aceptación: Tras seleccionar la brocha y al hacer click y mantener presionado el botón sobre la cuadrícula, todos los pixeles por los que pase la brocha (el cursor) deben ser coloreados de acuerdo al color actual de la brocha.
Tareas:
Como: Carlos Creativo
Quiero: abrir un proyecto guardado en mi computadora
Para: continuar mi arte
Criterios de Aceptación: Tras abrir la aplicación y seleccionar “Abrir proyecto”, se debe pedir al usuario que seleccione el archivo en su computadora de tipo “.pxart”.
Tareas:
Darle buen aspecto al menu inicial. El que lo hiso no sabe de diseño
Como: Carlos Creativo
Quiero: configurar mi nuevo proyecto
Para: generar el arte de acuerdo a mis necesidades.
Criterios de Aceptación: Las opciones de creado de proyecto deben contener los siguientes campos:
Label y Textbox para Nombre.
Tamaño de imágen (limitado a los valores 8x8 a 128x128, en el formato ALTURAxLARGO), el cual determina el tamaño de la cuadrícula.
Botón de confirmación de configuración.
Tareas:
Como: Sandra Social
Quiero: exportar el proyecto creado a una de imagen png
Para: compartirlo con mis seguidores
Criterios de Aceptación: Al hacer click en “Exportar proyecto”, una imagen PNG debe generarse y descargarse en la computadora de Sandra, equivalente al dibujo plasmado en la cuadrícula de su proyecto y el tamaño especificado en la configuración del proyecto.
Tareas:
Como: Inquieto Ignacio
Quiero: guardar el progreso de mi proyecto
Para: tener una copia de reserva en caso de querer continuar luego o en emergencia
Criterios de Aceptación: Al hacer click en “Guardar Proyecto”, el proyecto debe guardarse satisfactoriamente, o sea, que no haya pérdida de información sobre el proyecto actual en el archivo generado.
Tareas:
Diseñar formato de archivo .pxart
Crear funcionalidad de poder guardar un proyecto.
Definir funcionalidad del botón “Guardar Proyecto”
Como: Carlos Creativo
Quiero: que aparezca el “Dashboard” tras confirmar la configuración de mi proyecto
Para: comenzar a generar mi arte.
Criterios de Aceptación: El Dashboard está compuesto de una barra de “herramientas”, el título del proyecto, la “cuadrícula” y dos botones para guardar y exportar el proyecto.
La barra de herramientas debe contener las siguientes opciones (como placeholders):
Brocha
Borrador
Color
La cuadrícula debe ser del mismo tamaño que el especificado en configuración de proyecto y debe comenzar con todas sus celdas en color transparente. Para representar la transparencia se utilizarán dos tonos distintos de gris como un tablero de ajedrez.
Pueden usar piskel para inspirarse en el diseño
Tareas:
Diseñar estructura de un proyecto abierto.
Crear component en React que lo represente
Insertar los elementos
Asegurarse que al cargarse el proyecto, este contenga todos los elementos indicados en la historia de usuario
Aplicar validacion a los campos del menu
Aplicar validacion al boton de "Crear" para que solo este disponible cuando los campos sean validos.
Como: OCD Pablo
Quiero: elegir la carpeta en que se exporte mi imagen png
Para: organizar mis imágenes
Criterios de Aceptación: Al hacer click en “Exportar proyecto”, se le debe permitir al usuario elegir el destino en su computadora donde se guardará el archivo.
Tareas:
As a user creating a project
I want to set a grid with height and width in the range [8,48]
so that my picture is not too big
Criterios de aceptación:
Los rangos válidos para mostrar error deben cambiarse de [8,128] a [8,48].
Como: OCD Pablo
Quiero: elegir la carpeta en que se guarde mi proyecto
Para: organizar mis proyectos
Criterios de Aceptación: Al hacer click en “Guardar proyecto”, se le debe permitir al usuario elegir el destino en su computadora donde se guardará el archivo.
Tareas:
Una vez dado click al botón “Guardar Proyecto”, que se abra el explorador de archivos para seleccionar la carpeta donde se guarde el archivo.
En base al menú anterior, permitir definir nombre de archivo y que se cree el archivo .pxart
Como: Carlos Creativo
Quiero: abrir un proyecto guardado en mi computadora
Para: continuar mi arte
Criterios de Aceptación: Tras abrir la aplicación y seleccionar “Abrir proyecto”, se debe pedir al usuario que seleccione el archivo en su computadora de tipo “.pxart”.
Tareas:
Como: Carlos Creativo
Quiero: tener una herramienta “Color” para cambiar el color de la herramienta de brocha
Para: expresarse con una variedad de colores.
Criterios de Aceptación: Al hacer click en la herramienta “Color”, puedo seleccionar cualquier color en el formato RGB (con un diseño parecido a un “color picker”) y así cambiar el color de la brocha.
Tareas:
Como: OCD Pablo
Quiero: elegir la carpeta en que se guarde mi proyecto
Para: organizar mis proyectos
Criterios de Aceptación: Al hacer click en “Guardar proyecto”, se le debe permitir al usuario elegir el destino en su computadora donde se guardará el archivo.
Tareas:
Una vez dado click al botón “Guardar Proyecto”, que se abra el explorador de archivos para seleccionar la carpeta donde se guarde el archivo.
En base al menú anterior, permitir definir nombre de archivo y que se cree el archivo .pxart
Como: Inquieto Ignacio
Quiero: guardar el progreso de mi proyecto
Para: tener una copia de reserva en caso de querer continuar luego o en emergencia
Criterios de Aceptación: Al hacer click en “Guardar Proyecto”, el proyecto debe guardarse satisfactoriamente, o sea, que no haya pérdida de información sobre el proyecto actual en el archivo generado.
Tareas:
Como: Carlos Creativo
Quiero: ver un menú inicial
Para: conocer las opciones que tengo tras abrir la aplicación
Criterios de Aceptación: Tras abrir la aplicación, un pequeño menú con botones “Abrir proyecto” y “Nuevo proyecto” debe aparecer.
Tareas:
Como: Carlos Creativo
Quiero: crear un nuevo proyecto
Para: comenzar a plasmar mi dibujo
Criterios de Aceptación: Tras abrir la aplicación y seleccionar “Nuevo proyecto”, las opciones de creado de proyecto deben aparecer.
Tareas:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.