Ass­i­g­n­m­e­n­t ygu­o­0­7­2­7

by Yulong Guo

Assessment 1

Design Brief and Inspiration

For this assessment I chose the Movement and energy, because what I want to discover is the moving of everyday life, especially the potential movement and energy.
This work concentrates on the feeling of potential movement and energy - heartbeat of people everywhere. This image can apply on many things such as T-shirt and shoes.
The inspiration is a combination of images created by different artists.
Firstly, the BLOCKER (2010) by Marius Watz (
Secondly, A Mathematical Theory of Communication (2014) by Casey Reas ( Marius Watz creates blocker by using vibration of sounds, Thus, this assignment uses this inspiration from BLOCKER to trace the heartbeat of every human being. "A Mathematical Theory of Communication" by Casey Reas ( also shows the vibration of information "in lines".
Therefore, by comparing with heartbeat diagram (, These websites assist me because there is one thing that they share - they are all discovering hidden energy and movement of things that we cannot see by eyes. There are always moving things that we saw, but I am inspired by amplifying the hidden things to get a more obvious vision. Heart is a hidden movement and energy source for the world that we have not seen, and this movement may assist us to create a deep feeling of other people's existence, despite non of us actually fully understands each other. Therefore, the heartbeat of individuals is concerned since every people are actually moving, not only by moving limbs but also moving hearts. Hence to amplify moving hearts inspires me to make this image, the movement and energy topic is used - the heart can determine the potential movement and energy of people.


The inspiring information above can be perfectly combined to my work and change it into abstract form: vibrating rectangles are grouped together into vibrating lines. This is also inspired by BLOCKERS and Casey Reas Design mentioned above. I think that vibration of rectangles can perfectly match my idea. To tracing heartbeat means "tracking potential movement and energy of every human body". Potential movement and energy are embodied in every length and distance between each two rectangles every line. Long rectangles represent heavier (pounding) heartbeat, while shorter rectangles represent lighter heartbeat. The longer distance between two rectangles in one line, the slower heartbeat is made. Those all shows the movement and energy of heart.
Therefore, I decide to have them all done in rectangles. Starting from randomness and noise inspiration in peep (, the first sketch is simply one lines with properties shown above. Then because of the first sketch is monotonous, I developed another sketch that contains several lines in different colour, which represents several people. This is a great change, but I feels that it is difficult to understand that why there are several lines that represents several people in here, thus I created another sketch - by flooding the vibrating heartbeat lines on a 400*400 greyscale background, it actually shows that "everywhere you can feel the heartbeat of others". This is a new inspiration which is obtained from the development process of my sketch. The changing greyscale represents "day and night" in daily life.
However, there are not the same as what I want to present this time, due to the chaos of lines thus the vibration is not clearly presented. Hence, I deliberately created two groups of vibrating lines, and make different distance with each lines in one group, at the same time changes the length and width of blocks in randomness, sometimes every group of lines translate in different specific ranges. I finally managed to control this work - when translating each group of vibrating lines there are the feeling of randomness, and changing in movement and energy can be seen through this image by comparing each vibrating horizontal lines: different distance, different width and length of blocks, it seems that they are reflecting the mood of people, which can actually create a great influence on movement and energy of hearts. The difference in colour (like artworks by Casey Reas mentioned above), the width and length of rectangles between each vibrating horizontal lines demonstrates the difference of everybody, and also discovers the potential movement and energy in heart influenced by brain. Another important point is that the length of rectangle can also represent the energy which people have comparing with each vibrating lines. For example, if this line has much longer rectangles than another line, it can be deduced that this line represents more energetic person. Therefore, by tracing the heartbeat of human beings, it can assist the potential movement of human body becomes much more obvious and clearly presented, plus that variety demonstrates that "people are continuing changing"


Reas, C. A Mathematical Theory of Communication. Available at [Accessed 14 April 2016].
Watz, M. BLOCKERS. Available at [Accessed 14 April 2016].
Bedson, H. How to Monitor Your Heart. Available at [Accessed 14 April 2016].
Peep. Tutorial 6: Drawing with Randomness. Available at [Accessed 14 April 2016].
  • Show Sketch
/** @peep sketchcode */
void setup() {
  /* set background to random greyscale implies changing "from day to night" in daily life when each run, 
   * and it contrasts colourfulness of heartbeat lines.
   * If this design is used in print, this contrast will give a fashionable feeling.
  size(400, 400);
  noiseSeed(10); //create noise
void heartbeat() {
  for(int y = -100; y <= 500; y ++) {
    // Two lines may coincide, using stroke can distinguish them, and random greyscale increase the variety.
    /* First, difference of rectangle widths increases the variety: "personality of human is different"
     * However, rectangles in one vibrating lines have identical width since the comparison is among each VIBRATING HORIZONTAL LINES.
     * Therefore the width float is placed outside the following vibration programming.
    float wi = random(2, 7);
    //The following design uses rectangles with Randomness and Noise to create vibration.
    if((y % 80) == 0) { //Distances reduce the chaos when running.
      fill(random(255), random(255), random(255)); //Random fill also implies various individuals.
      for(int x = -width; x <= width*2; x += random(3, 15)) { //Create random distance between rectangles each line forms variable and changing speed of heartbeats when run
        float a = 0.2;
        float n = noise(x * a) * random(70, 100);
        float iy = y + n - random(80, 100); //Creating changing amplitudes when each run in order to make a sense of "heart is beating"
        rect(x, iy, wi, random(30, height/8)); //Random height determines heavy (pounding) and light heartbeats and control them in a range. This changes when each run.
      translate(0, random(-20, 20)); //Vertically moving these lines rises its randomness in order to make change in position when run
    /* Creating another system of randomness and noise vibration also increases randomness
     * and also let the distance between two vibrating lines become variable.
    if((y % 100) == 0) {
      fill(random(255), random(255), random(255)); //make random colour fill in line twice to ensure that "everyone is different".
      for(int x1 = -width; x1 <= width * 2; x1 += random(3, 10)) { //Slightly different design increases variability, same as "float n1".
        float a1 = 0.2;
        float n1 = noise(x1 * a1) * random(60, 90);
        float iy1 = y + n1 - random(60, 90); //By changing line amplitudes can also make difference to embody various individuals.
        rect(x1, iy1, wi, random(20, height/5)); //Use longer rectangles to represent less stable and energetic individuals
      translate(0, random(-30, 30)); 
      /* Create variety (between groups of lines) and changes in vertical translation increases randomness
       * and hence can embody that "people we are facing are changing continually".


Nobody has said anything yet.