Colorwall Update

Although I already managed to make my squares move by Wednesday, they still did not do what I initially planned so I went on trying. Eventually I managed to sort of get where I wanted, but I am glad it took me a while as the graphics that were created in the development process are actually more interesting.

Screen Shot 2015-11-09 at 12.07.25 PM

Screen Shot 2015-11-09 at 12.06.53 PM

Screen Shot 2015-11-09 at 12.05.39 PM

Screen Shot 2015-11-09 at 12.05.13 PM

Screen Shot 2015-11-09 at 12.04.36 PM

 

 

Continue reading “Colorwall Update”

Distort Word Art

I went on to the site: http://www.creativeapplications.net/processing/100-abandoned-artworks-processing/ to start finding interesting repetition patterns in animations. The videos on that page feature these subtle movements using the same shape over and over again, so I took my Snow code and essentially reworked it so that it made a simple distortion pattern across the screen. It looks like diagonal lines of dots moving around randomly, but it’s actually several columns of dots aligned together, and they move around in a synced way to give the illusion of these flowing lines. Then, I added some word art, because I thought this would be an interesting way to show a characteristic of the word “DISTORT”. By using animation and visualization, this word is kind of expressed through the piece.

12226862_1243710488977984_1496701494_n

class Snow {
  float ySpeed;
  float xPos;
  float yPos;
  float opacity;
  float snowflake;
  Snow() {
    ySpeed = 0;
    xPos = 1;
    yPos = 1;
  }
  
  void snowball() {
    fill(240, opacity);
    
    for(float a = 0; a<=width;a=a+1){
      ellipse(xPos+a, yPos+a, 2, 2);
      ySpeed = random(-3,3);
      yPos += ySpeed;
    
    }
  }
    void bounds() {
      if (yPos >= height || yPos <= 0) {
        ySpeed = ySpeed * -1;
    }
  }
      
    
    
  
  void opacity(){
    opacity = map(yPos,0, height,255,0);
}
 
}

Snow[] unicorn;
String distort = "DISTORT";

void setup() {
  size(800, 600);
  background(35);
  noStroke();
  fill(250);
  unicorn = new Snow[20];
  for(int q = 0;q<unicorn.length; q++){
    unicorn[q] = new Snow(); 
  }  
}

void draw() {  
 text(distort,200,height/2);
  textSize(100);
  PFont font = createFont("AppleSDGothicNeo-Thin-48",64);
  
 for(int q = 0;q<unicorn.length; q++){
    unicorn[q].snowball();
    unicorn[q].opacity();
 }
    
  fill(35,10);
  rect(0,0,width,height);
  
}

 

Morse Code Converter

Based on the array and text functions we learnt in class, I made a morse code converter for this week’s assignment. The converter has two modes. In the first mode, the user can enter up to five letters or numbers. The program will convert the input into morse code. In the second mode, the program will automatically generate five lines of Morse Code. The user then needs to enter the corresponding letter or number for each line of code. The screen will print Correct! if the user’s input is accurate.

Morse Code Mode 1Morse Code Mode 1

Continue reading “Morse Code Converter”