HTML5 Canvas

After learning how to draw and trace images using Adobe Dreamweaver on HTML5 Canvas, we were tasked with creating and coding an image of our choice. For this project I chose to do Rick and Morty. I’ve never coded before so the project was very stressful, considering I still didn’t fully understand it when I started. This project took me about 16 hours to complete, but I couldn’t be happier with the outcome despite the mistakes. Below is my final project with the photo inspiration and a screenshot of code we learned














Comments

Post a Comment

Popular posts from this blog

Friday Night Frights Poster Design

Image
Using Adobe Illustrator, we were tasked with creating a poster with a message using an original photo of ourselves. For my poster I had a completely different idea when first going into it where I wanted to make a poster based on mental health and raise awareness. After looking at the uploaded black and white version of the photo in Illustrator I decided to go in a completely different direction and make a horror movie poster (given it was Halloween). Below is my original photo along with the finished poster. I hope you like it and Happy (very) late Halloween!
Read more

Self-Portrait Calligram

Image
After learning how to use the text tool, the place tool, as well as reapplying the pen tool in Adobe Illustrator, we gained the knowledge needed in order to create our very own calligrams. First we wrote a letter to ourselves 20 years from now. Then using a self-portrait, we traced the outline of the picture to highlight the important features of our face and used the text tools we learned to implement words/sentences from the letter to create an image. The original letter, picture, and final calligram are below!
Read more