Week 11: Internet Art Project Proposal (Moon)

Partner: Sophie (Qinfei)

Project Name: Digital Revolution

For our final project, the whole theme will be about the process of digital revolution (its combat with real life) and its influence on not only the individual life but also the whole world. In addition, for the web design, it will be mainly game-based and the users can choose from either the individual aspect of the whole world aspect.

In the individual part, the webpage will just contain a character’s real face and every time the users move their mouse over her face, the part which the mouse has moved over will be pixelated like the effect shown in the following images but after a while, it will still turn back to its initial look if the users do not move their mouse over that part again. In the end, only when the whole face turns to be pixelated will that part of the game end.

In the whole world part, the webpage will first show the image of the real earth and every time the users press the letter keys or the numeric keys, the earth will be digitalized. In the end, the users will only be able to see an earth which is completely composed of digital numbers.

For this part, our inspiration mainly comes from the website http://codedoodl.es/_/neilcarpenter/ascii-trail/ and we really like its idea of using random ASCII characters as the content.

Week 12: Response to Rachel Greene (Moon)

In the article “Web Work”, Rachel Greene mainly talks about the history of the development of the web artworks with a lot of examples given as an illustration.

I agree that one can relate the webpage to art and use the website as a base may be a better method than the physical format. From my personal experience, as the format is webpage based, users can be more focused since everything is on the screen. It is interesting to see artists expressing their idea of time and space, life and death or even some social concerns on the page. As the web pages are easier to deliver to users and created with a lower cost, it is a convenient tool for conveying ideas. However, I also think that not all kinds of art are suitable to be expressed in the form of the webpage. There are still some thoughts that will be better expressed in other formats. For example, some projects may need a physical immersive environment to better convey thoughts. In that case, using webpage will still give a feeling of having distance since there is a physical distance between the user and the computer screen.

Week 10: Response to “Computers, Pencils and Brushes” (Moon)

In the essay “Computers, Pencils and Brushes”, Paul Rand states that computer can limit human’s ability to design, which I have different opinion from. In my opinion, the threat of the use of machines on thinking process is related to new comers of this field of design, but not for those professionals.

Rand suggests that computers are just like pencils and brushes, they are all tools for design. However, computers are not like normal tools, it not only includes and integrate some functions that those elementary tools have, but can also allow users to bypass some steps that only using “pencils and brushes” must have. As a student who know little about design, one shouldn’t rely too much on those applications which has default design patterns installed in even though they are tools. For example, PS let me to use those filters that needs to be done by more complex ways long time ago, but, as I don’t have the knowledge about how they were created, sometimes, adjusting parameters is even difficult for me. However, for those professional designers, this is not the case. As they already learnt the logic behind those apps, these tools will only make them more efficient rather than keep them away from practicing design skills.

Week 10: Response to “Hackers and Painters” (Moon)

In the essay “Hackers and Painters”, Paul Graham mainly talks about the similarity between hackers and painters. The most common thing between them is that they are makers. This idea fights against the misleading thoughts of common people on hackers: hacking is work of implementing (figuring out how to do) rather than creating (deciding what to do). It is really interesting to me that hackers and painters all do artworks which requires some empathy towards audience/users.

In my point of view, the reason that people always misunderstood hackers is that they think too much about the return that they can get from finishing the work. People put hacking under the subject of Computer Science and use the value gained from researching to measure the subjects relating to hacking. Besides, people in big organizations tend to have their committee to design the overall structure of a system and only let hackers to use code to finish the project. This happens because they are afraid of the reduction in efficiency since only small proportion of hackers can do the design work. However, as people take the wrong measurement and care too much about business value, they ignore what a hacker really is, which in turn changes hackers thought of their own. When hackers want to make a living, they have cared a lot about the return and cannot make projects that are really good for users. When hackers believe in this idea, they cannot enjoy their work and can only seek for fun in helping some open-source projects.

Week 8: Video Project Proposal (Moon)

  • Group Member

Cherry, Ariel, Vivian, Chenchen


  • Proposal

The basic concept for our interactive video project is to tell the audience in order to have a comprehensive understanding, one always need to see the subject from the surface to its core.

We are going to create a vivid scene of a man’s house which has several rooms inside. From the man’s perspective, he will enter different rooms and see what is happening. Since we only offer a part of the whole scene, he may have two interpretations so we will provide multiple choice for the audience to choose.


  • Below are the scenes we want to create
  1. A desk repairman in his bedroom

    The repairman is opening the drawer of his nightstand and said: “Ahh finally I found it…”

    He thinks:

    1. A thief just went to my room?

    2. This might be the repairman I called yesterday

    Two interpretations:

    1. The man is repairing my drawer and finally found out the problem

    2. The man is stealing my treasuries

2. His wife and his mother

His wife with a knife in her hand be the side of his mom 

He thinks:

1. She wants to kill my mom

2. She’s just peeling the fruits for my mom  

Two interpretations:

1. She’s just peeling the fruit but the knife dropped on the ground and she happened to pick it up

2. She uses a bowl of fruits as a disguise and present to treat my mom but actually wants to kill her because she thinks my mom is too old and annoying

3. His son in the living room

The son is reaching his hands into the pocket of my coat in a careful way and always look around.

He thinks:

1. Is my son putting something into my pocket? Maybe gift?

2. OMG! My son dare to see my password notebook!

Two interpretations:

1. My son is trying to peep my passwords from the notebook in the pocket

2. Since tomorrow is my birthday, he wants to give me a surprise.

4. His daughter and his daughter’s boyfriend

The girl is crying and yelling “how can you do this” to the boy, the boy raised his hand…

He thinks:

1. My daughter is hurt by this boy

2. My daughter is glad and surprised

Two interpretations:

1.the boy breaks up with the girl and the girl is crying and don’t want to let him go, so the boy is raising his hand to hit the girl

2.The boy prepared great presents for the girl and she is so surprised. The boy is raising his hands to hug the girl.

Week 4: Mini-Project (Moon)

  • Name: Chenchen Zhou& Hanlu Zhang
  • Date: Mar. 22nd
  • Link: http://imanas.shanghai.nyu.edu/~hz1337/js-exercise-2/index.html
  • Description: Our highlight effect is when we click one square, it will change to blue and other squares will change back to white. Then we add two more effects base on it: for the top left square, we create a variable called “opacity1”, which will increase when is clicked. So the opacity of this square will increase when clicking on it. For the top right square, we read the X position of the mouse and use this value to adjust the blue color, so the color of this square will change with the position when mouse click.
  • Process: First we detect the mouse position to find which square is clicked. Then we use getElementById() to make the selected square become blue. To make the unselected square back to white, we write display: “none” at the beginning of this function so that each time it will reset all the squares first. For the top left square, we create a variable “opacoty1”, which will increase 0.1 by each click and when it equal to 1, we will reset it to 0. For the top right effect, we apply the x position -250 as the b value in rgb so that the color will change base on the mouse position.
var opacity1 = 0;
var redColor = 0;

function checkLocation() {
	document.getElementById("topleft").style.display = "none";
	document.getElementById("topright").style.display = "none";
	document.getElementById("bottomleft").style.display = "none";
	document.getElementById("bottomright").style.display = "none";

	var x=event.clientX;//event.screenX
	var y=event.clientY;

	console.log(x + " " + y);
	if (opacity1 > 1) {
		opacity1 = 0;
	if ((x > 10 && x < 255) && (y > 10 && y < 250) ) {//this way: no dofferent
		document.getElementById("topleft").style.display = "block";
		opacity1 = opacity1 + 0.1;
		document.getElementById("topleft").style.opacity = opacity1;
		if (redColor > 255) {
			redColor = 0;
	if ((x > 265 && x < 510) && (y > 10 && y < 250)) {
		document.getElementById("topright").style.display = "block";
		blueColor = x-250;
		document.getElementById("topright").style.backgroundColor = "rgb(10,10," + blueColor + ")";
	if ((x > 10 && x < 255) && (y > 258 && y < 510)) {
		document.getElementById("bottomleft").style.display = "block";
	if ((x > 265 && x < 510) && (y > 258 && y < 510)) {
		document.getElementById("bottomright").style.display = "block";


Week 6: Response to “Theft and Artistry” (Moon)

This broadcast discussed cultural appropriation within the music industry. People criticize the two music product, Hymn For The Weekend and Sorry, because they think they didn’t use the culture properly.

In my opinion, these culture adoption issues are grounded on the situation that people have stereotypes of cultures or the so-called culture inequality: there are always superior culture or dominant culture and inferior culture or marginal culture. And art can also reflect upon power structure of the world. If people of dominant culture adopt some cultural elements from marginal ones, there will always be critiques about the inequality of culture. However, there are much less possibility that a project combining two or more dominant cultures will be criticized since those cultures are equal.

The way to properly adopt another culture cannot be a quick answer. Rather, it should take into a lot of information into account. The considerations will range from the relationship between those cultures to be combined with each other, which culture will be the major part in the project, to how to take an element from other cultures as representatives.

Week 8: Response to Walter Benjamin (Moon)

I am interested in Walter Benjamin’s concept of aura and its relationship to the action of reproduction. Aura, based on my understanding, is similar to spirit. It is the most attractive part of an object or an artwork. We can take the technique of recording as an example to understand aura. When people in ancient time are performing, their performances has its unique time and space, and actors response to its audiences’ react to make adjustments for their performance since they should respect its religious purpose. In this way, actors can generate special feelings for people who watch it in front of the stage. However, when people make the films today, the actors are acting in front of the camera thus will not get the feelings and never to say generate the special feelings for audiences.