Lab Veintiuno | Fun with HTML5 Canvas | Jorge Carty

Visual Representation of Lab 21
Lab 21 was interesting to make. Very little HTML, but mucho color! In this lab, the user has the freedom to draw whatever they want on the canvas with either holding right or left-click. As shown in the image above.

HTML, CSS, and JavaScript were used to make this and a canvas tag in HTML was necessary to make this possible and I gave it the id of "draw" to later on in JavaScript work with that. What the JavsScript does is change the colors as you paint in the canvas and it also changes the stroke size of the "brush" aka mouse as you paint. So it will go from thick brush to a thin brush and reset after you hit the limits.

A Web Designer can utilize this skill to make a game. This reminded me of a game where you can play with friends and you will be given words and you have to draw it, while other players try to guess your drawing. It is really fun when you play with friends.

JavaScript of Lab 21

Comments

Post a Comment

Popular posts from this blog

COMPARING THE DIFFERENT IMAGE FILE FORMATS by Jorge Carty Diaz

Image
1. Graphics Interchange Format (GIF) is a bitmap image that was created by US-based software writer Steve Willhite while working at the bulletin board service provider CompuServe on June 15, 1987 and now days is used by a lot of people for different purposes. 2. A raw file is the image as seen in the camera's sensor, this allows you to process the image to your liking. 3. Joint Photographic Experts Group (JPEG) have two sub formats called JPG/Exif usually used by photographic equipment and JPG/JFIF are often used in the WWW. 4. Portable Network Graphics (PNG) is a raster graphics file format that supports lossless data compression and it was created as an improvement, non-patented replacement for GIF.
Read more

My experience in the Metropolitan Museum of Art

Image
This experience was great! I loved everything i saw in the museum but of course, there are some stuff that could have been better. Let's start with the negatives so we can finish up with the positives. One negative aspect about the trip was the waiting time outside. It really was a pain to have to wait for around 30-40 minutes outside in the rain. It really didn't feel good but i believe the staff was doing everything as fast as they could to get every single student inside the museum. In the museum i got to talk to many representatives of different programs around New York and they gave us stuff like posts its, pens, little notebooks, pins, stickers, etc. These programs offered many activities, some of them paid and some others free, and these programs were really interesting because one of them offered game development classes, others musical classes and more. I was surprised by the variety of stuff you were able to sign up for, and all of them were really nice and friendly. ...
Read more

LAB 8 - Flash Talk Page by Jorge Carty Diaz

Image
In the lab 8 called "Flash Talk Page" we had to do many things. Maybe it wasn't many things but it was definitely stuff that takes time to prepare and make. In this lab we made a 2 minute speech of an internet issue giving information about the topic in a simple way that everyone would understand. We had a research phase where we were supposed to collect information about the topic. Then we got into the writing phase, which was basically organizing the information we collected from our research and making it 2 minutes long. Then we entered in the recording phase which consisted on recording ourselves reading the speech we prepared in the previous phase. I decided to make the video in my house since i wanted to do it with my own equipment and i believe it turned out being pretty good. Lastly, we came to the coding phase which is basically embedding the video into the HTML document for everyone to see. This probably was my favorite lab by far because i got to combine my t...
Read more