HTML 5 Canvas

HTML <canvas> is an element used to draw graphics on a web page. The <canvas> element is a container for the graphics. All drawing on the canvas is done with JavaScript. For Homework #1, I modified an HTML file containing rectangles and lines. In the assignment, we needed to change the size, color, and location of 3 rectangles and all the lines in the HTML file. To prepare for completing the assignment, I reviewed some HTML tutorials available on the web. My 3 favorite tutorials are below.

1. Canvas Tutorial was my favorite because it was hands on. I found it more engaging because I am a visual learner. The tutorial was very intuitive. https://www.w3schools.com/graphics/canvas_intro.asp

2. HTML5 Canvas Tutorial is similar to Canvas Tutorial. It is less interactive but, it provides a good reference for all the properties and methods needed for Canvas assignments. I can copy the code and paste it into my own HTML page. http://www.html5canvastutorials.com/

3. I like the YouTube video by Chris Courses. It showed ho to do stuff visually. I am a visual learner. Chris used a MacBook so I could relate to his tutorial. https://www.youtube.com/watch?v=EO6OkltgudE


Comments

Post a Comment

Popular posts from this blog

walk cycle

 I made a walk cycle. I made an avali walking away from KFC. avalis are bird like raptors from space and the joke is that avalis are space chickens and KFC makes chicken wings out of them. The avali was difficult to make but i was able to make the walk cycle. 
Read more

Digital Media Final Portfolio

Image
My name is Richard Jacob and I am a freshman at the University of Tampa majoring in Film Production. This is my final portfolio including all my work from the FMX 210 Digital Media class. Throughout the semester, I learned how to use multiple Adobe software programs to create various projects. The programs include Dreamweaver, Illustrator, Photoshop, and InDesign. Throughout my art, I showcase elements from my story, War of Dragons. My favorite project was the business cards and it can be found on page 12. The Business Cards project was created in Adobe InDesign . My least favorite project was the HTML5 Canvas because coding isn't my thing. For the portfolio, I used InDesign to create each portfolio page. Each page uses multiple layers for background, text, images of projects, and page title which makes it easier to go back and make adjustments . I followed a film theme for my Portfolio as my major is film production . I used an analogous blue color palette for my portfolio. I ho
Read more

dialogue

 I made a dialogue animation with a ghost saying "i see you". The ghost squints when it says "you" as it makes the ghost have more emotion. The ghost's dialogue was synced up well in my opinion.
Read more