Mini Project 7. Sketch Gallery

An interesting experience, never expected that I would be doing things related to web design before, yet I am really doing it, and it seems relatively okay.

Although it is still pretty hard and confusing, pretty much every step that I have done is some lesson that I have learned, in the end it turns out fine. Thanks a lot for Professor Moon to keep the recording for the zoom meeting.

The process starts off simple, choosing a P5 Java drawing. I didn’t take much effort to decide on the drawing that I have for Project A for this mini-project, partly for two reasons, one being that it is probably my best work so far, and another is that, I have lost the URL that I have for the previous assignments, that’s the moment that I realized I have been missing this important part of the documentation blog, and understand the reason why I should always have the URL being attached at the end of the blog.

Going on to the VSC application, I have done some work here and there to make my drawing fit into the position that I want. Here I have realized that I should have changed the size of my canvas in order for the drawing to best fit the website.

Originally I have set the canvas to be the screen width and height, but that doesn’t work really well in displaying the drawing in the purpose of exhibiting, so I have to make it smaller, using the parent function and some formating functions, and after some size adjustment, I made the canvas to be in the middle of the screen with optimal size.

The formatting, well, I personally never been to a gallery or a museum, thus I don’t know what it is like to exhibit something, so I just put on label of the tile and sign my name on it using two different classes, and to add in some variety I give italicize the title and color the name. The background, I figure it is pretty good to stay white, so I just let it be.

The code of the sketch: https://github.com/zhengh9217/CCLAB/blob/main/Sketch/sketch.js

The website of the mini-assignment: https://zhengh9217.github.io/CCLAB/Sketch/

Leave a comment

Your email address will not be published. Required fields are marked *