Ass­i­g­n­m­e­n­t 2 - mbr­u­3­0­0­1

by Matthew Brunker

My design was to create an essence of creativity and wonder among something very simple or human centred It is an abstract take on that idea, to be creative with some man made like code and how far we take take something from text to something with limitless potential.

I got my inspiration from a wonder from nature, that being fireflys. This piqued my curiosity as they are seen as something very unique and beautiful within nature.

I then went on to search images to inspire me where I found an article by ZME Science found here http://www.zmescience.com/science/biology/new-firefly-species-california-05423534/ From that point I searched for similar designs using processing and I found one by a blogger called P5art. http://p5art.tumblr.com/post/85419511068/neon-fireflies-code-here

As stated I liked the idea of putting something basic like text in and contrasting it with something more complex like fireflies, this advertised two different aspects of programming that can be utilized from doing a course in the design lab. It is made to motivate the user not by blasting them with complex designs, but highlighting the difference between simple and complex designs alloweing for a sense of growth.

  • Show Code
//My design was to create an essence of creativity and wonder among something very simple or human centred
//It is an abstract take on that idea, to be creative with some man made like code and how far we take take something from text to something with limitless potential
//I got my inspiration from a wonder from nature, that being fireflys. This piqued my curiosity as they are seen as something very unique and beautiful within nature.
//I then went on to search images to inspire me where I found an article by ZME Science found here http://www.zmescience.com/science/biology/new-firefly-species-california-05423534/
//From that point I searched for similar designs using processing and I found one by a blogger called P5art. http://p5art.tumblr.com/post/85419511068/neon-fireflies-code-here
//As stated I liked the idea of putting something basic like text in and contrasting it with something more complex like fireflies, this advertised two different aspects of programming that can be utilized from doing a course in the design lab. It is made to motivate the user not by blasting them with complex designs, but highlighting the difference between simple and complex designs alloweing for a sense of growth.
 
 
 
//Pre loading font as well as setting up for use in Peep
 
/* @pjs font=/uploads/16048/klinstd-bold.otf; */
/** @peep sketch **/
/** @ peep sketchcode **/
 
 
 int framesBetweenFades = 5; //Creating a fire fly effect
 
float angle = 0.0; //Creating an angle limit
float radius = 10; //Creating a Radius limit on the group of fire flys
float sx = 20; //Creating a value for the flies movement
float sy = 30; //Creating a waving effect value
float fx = 1; //Creating a standard value for fire flys
float fy = 1; //Creating a standard value for fire flys
 
 
void setup() {
  size(300, 300);
  background(0, 24);
  noStroke();
}
 
void draw() {
 
fill(250, 245, 51);
rect(270, 0, 30, 300); //Creating right border
rect(0, 270, 280, 300); //Creating bottom border
fill(0, 24);
rect(0, 0, width, height); //This creates a fade effect
 
//Loading font
fill(255);
PFont font = createFont("/uploads/user/1608/klinstd-bold.otf", 30);
textFont(font);
 
//Setting my text wrapped in certan rectangle parameters
String s = "Design"; 
text(s, 90, 100, 100, 150);
String vs = "Lab"
text(vs, 110, 150, 200, 200);
 
//frame count for the fireflies fading in and out  
if (frameCount % framesBetweenFades == 0) { 
 
 
fill(240, 255, 51);
angle = angle + 0.003;
translate(130, 120); //Moving the origin point of the circle
 
//Fire fly 1
float x = width/4 + (cos(angle *sx) * radius); //making the flies speed and waving effect
  float y = height/4 + (sin(angle *sy) * radius);//making the flies speed and waving effect
  rotate(angle); //Creating the rotation
  ellipse(x, y, 10, 10); //Creating the circle
 
//Fire fly 2
float x2 = x +cos(angle *sx + 10) * radius;//making the flies speed and waving effect
  float y2 = y +sin(angle * sy + 10) * radius;//making the flies speed and waving effect
  rotate(angle); //Creating the rotation
  ellipse(x2, y2, 10, 10); //Creating the circle
 
//Fire fly 3
float x3 = x +cos(angle * sx + 8) * radius /4;//making the flies speed and waving effect
  float y3 = y +sin(angle * sy + 8) * radius /4;//making the flies speed and waving effect
  rotate(angle); //Creating the rotation
  ellipse(x3, y3, 10, 10); //Creating the circle
 
//Fire fly 4
float x4 = x +cos(angle *sx + 6) * radius / 2;//making the flies speed and waving effect
  float y4 = y +sin(angle * sy + 6) * radius / 2;//making the flies speed and waving effect
  rotate(angle); //Creating the rotation
  ellipse(x4, y4, 10, 10); //Creating the Cirlce
 
//Fire fly 5
float x5 = x +cos(angle *sx + 4) * radius / 6;//making the flies speed and waving effect
 float y5 = y +sin(angle *sy + 4) * radius / 6;//making the flies speed and waving effect
 rotate(angle); //Creating the rotation
 ellipse(x5, y5, 10, 10); //Creating the circle
 
//Fire fly 6
float x6 = x +cos(angle *sx + 2) * radius / 8;//making the flies speed and waving effect
 float y6 = y +sin(angle *sy + 2) * radius / 8;//making the flies speed and waving effect
 rotate(angle); //Creating the rotation
 ellipse(x6, y6, 10, 10); //Creating the circle
 
  }
 
}

Comments

Nobody has said anything yet.