I deployed my project on Heroku so you can experience the whole site in here. Register, start drawing and have fun! Also, don't forget to upload your awesome work!
All comments and suggestions are welcome!
In this project, I proposed a Ruby on Rails application with online drawing as its core function. It's more of an experimental drawing tool where users can choose among 3 different brushes and draw with random generated colors.
The project name, Hua(ç”»), is the literal meaning of drawing in Chinese.
I used HTML, CSS and JavaScript/jQuery for the front-end part, and it's also my first experiment with HTML5 Canvas technology.
-
Every time when users reload the page, change a brush or clear the canvas, there will be a new monochrome background.
-
3 brushes to experiment with, click and then move mouse to draw.
-
In basic brush mode, you can choose 3 different brush sizes.
-
Users can either save their drawings to computer or upload to the online gallery, where I use Cloudinary as cloud storage service
-
Users can browse other users' works and leave a comment.
-
I found these blog articles extremely helpful in navigating through the Canvas and building an online drawing app from it. (one, two, three).
-
Adorable Avatar helped me generate avatar placeholders for users without profile images.
-
I used Semantic UI as my front-end framework for this project.
-
I used randomColor.js to generate aesthetically pleasing random colors for my drawing app.
-
I've felt grateful for all the help I got from Luke & Matt and all my classmates along the way in WDI22, Sydney, General Assembly.