🇪🇸 Versión en español abajo
Hey Hive!
A few weeks ago, I made a first post about this project, which I was prototyping for a client. In the end, the project got approved, so I started developing more advanced features.
This project aims to create a collaborative experience where drawings made on a tablet are projected onto a giant screen. Perfect for events, museums, or activations.
To recap, there are two apps:
- One that works as the drawing application.
- And another that receives the drawings and displays them on screen.
In the previous post, I showed how the initial drawing and sending flow worked between both apps.
These past few days, I’ve been working on both apps, and things are starting to come together.
On the drawing app, I added a color palette and an option to choose the brush size.
I added these two new buttons to the UI to access those settings (the icons are just placeholders for now. They’ll be replaced soon):
When you tap either of them, you get popups to select either the color or the brush size, depending on which one you clicked:
Now you can make more detailed drawings, like this one:
(I made this drawing with lots of love for you all. If you're going to laugh at it, at least upvote the post!)
All the drawings are sent to the second app, which receives them and adds them to a drawing book:
Placing the drawings on the pages like this was one of the hardest parts but also where I learned the most. I had to:
- Design the pages.
- Properly position the drawings.
- Render each complete page.
- And finally, use that image in the book system.
The final design of the book isn’t done yet, but I already implemented the page-flipping effect and the structure to store the drawings. For now, I’m using a placeholder background image.
Next Steps
- Improve the UI icons.
- Finish the book’s visual design.
- Add an option to erase or redo drawings.
I’m really happy with how the apps are improving little by little. Can’t wait to show you the final result!
And you, what would you draw?
Thanks for reading, and see you in the next post!
🇪🇸 ESPAÑOL
Hey Hive!
Hace unas semanas hice un primer post sobre este proyecto que estaba prototipando para un cliente. Al final, el proyecto se confirmó, así que comencé a avanzar con funcionalidades más complejas.
Este proyecto busca crear una experiencia colaborativa donde los dibujos hechos en una tablet se proyectan en una pantalla gigante. Ideal para eventos, museos o activaciones.
Para recapitular, son dos aplicaciones:
Una que funciona como app de dibujo.
Y otra que recibe los dibujos enviados desde la primera app y los muestra en pantalla.
En el post anterior mostré cómo había hecho un primer dibujo y envío para probar el flujo entre ambas apps.
Estos días estuve trabajando en ambas y ya van tomando mejor forma.
En la app de dibujo agregué una paleta de colores y también una opción para elegir el grosor del pincel.
Incorporé estos dos nuevos botones en la interfaz para acceder a las opciones (los íconos son placeholders, más adelante los cambiaré):
Al tocar cualquiera de ellos, aparecen estas ventanas donde podés seleccionar el color o el grosor del pincel, según el botón que hayas presionado:
Ahora sí podés hacer dibujos más detallados, como este:
(Hice este dibujo con mucho amor para ustedes. Si se van a reir de el por lo menos voten el post (: )
Todos los dibujos se van enviando a la otra app, que los recibe y los va agregando a un libro de dibujos:
El poder colocar los dibujos de esta manera en las hojas fue una de las cosas mas dificiles pero donde mas aprendi ya que tuve:
Crear el diseño de las hojas.
Posicionar correctamente los dibujos.
Hacer un render completo de la hoja.
Y finalmente usar esa imagen en el sistema del libro.
El diseño final del libro todavía no está terminado, pero ya tengo implementado el efecto de pasar páginas y la estructura que almacena los dibujos. Por ahora estoy usando esta imagen de fondo como prototipo.
Próximos pasos
Mejorar los íconos de la interfaz.
Terminar el diseño visual del libro.
Agregar una opción para borrar o rehacer dibujos.
Estoy muy contento de como las apps estan mejorando poco a poco. Espero poder mostrarles el resultado final muy pronto
Y ustedes, ¿qué dibujarían?
Gracias por leer, ¡nos vemos en el próximo post!