Click here to view my project Click here to see the code This project is an interactive drawing website. Basically, I inserted my previous p5.js script into this project and added multiple buttons to enable users to control the position and size of the main shape. And the rotating shape will create different visual … Continue reading Mini Project 7 Interface Art
Click here to access the website Click here to see my code on Github PAM MUSEUM – Modern Art Generator The elevator pitch This project is a combination of an online art gallery and an artwork generator. Together with the introduction and famous works of two artists, Mondrian and Monet, the project enables users … Continue reading Project B – PAM MUSEUM
Click here to view my work Description This mini project is an interactive portrait, which uses the camera to capture the image of people, process the image with codes, and finally generate the artistic version of users’ portraits. “cam = createCapture(VIDEO);” is used to access the camera of the computer and capture the moving image. … Continue reading mini project 8 Interactive Portraiture
ABOUT NEW MEDIA ART definition and changes The author defined New Media Art as “projects that make use of emerging media technologies and are concerned with the cultural, political, and aesthetic possibilities of these tools”. After almost 15, some artistic and avant-garde nature of new media art didn’t change much as innovative works constantly pop … Continue reading Reading report – New Media Art
READING REPORT Universality versus Isolation “The primary principle underlying the web’s usefulness and growth is universality.” Universality means accessibility and approachability of the website. Also, to achieve universality, there is a need for decentralization. Three protocols are designed to realize it on the website, they are HTM format, the URI naming convention, and HTTP. These … Continue reading Reading Report (Long Live the Web)
Click here to view the project PRESENTATION Elevator Pitch The Ever-Changing Ocean: wave, light, undercurrent is an abstract version of ocean scenery under different natural conditions with the influence of light and undercurrents. Users can interact with the project by switching between different conditions and controlling the light/undercurrent. Abstract The main body is the ocean wave … Continue reading Project A – The Ever-Changing Ocean: wave, light, undercurrent
Click here to view my work Description: in this mini-project, I tried to create an alien-like moving image that can be described as a “dancing alien.” So firstly, I used simple elements like circles, ellipses, and lines to draw the image. Here are the functions I used to draw each part … Continue reading mini project – Object Dancer
Click here to view my work For this miniproject, I want to create a panda with movable limbs, and here is the main working process. In this mini-project, the main code I use is “function”. Function drawBody(x,y,s) is used to create the trunk of the panda, including the head, body, and eyes. Function drawLimbs(x, y, … Continue reading Imaginary Creature — flying/dancing/swimming panda
Click here to view my work 1.“Ink painting lines” here are possible versions of this little project: here is the key code: Thanks to the instruction from the lab assistant during the class, I learned to use the sin(), cos(), and noise() functions. And with the … Continue reading PATTERNS
click here to view the interactive drawing. work process with reflections: step 1: declare variables I use currX， currY， prevX， prevY for the location of mouse to draw the line. Then, variables r, g, b are used to store the background color. For the color and weight of stroke, there are bColor (brush color), colorR/G/B (for random … Continue reading INTERACTIVE DRAWING