ASS­E­S­S­M­E­N­T­-­0­2

Student NAME:LINGJIE LI/ ID:lili2431/ UNIT:IDEA9103 DESIGN PROGRAMMING/ INSPIRATION: For my first design, I was inspired by disney movie while i was watching movie. The scene is so dreamlike that i was deeply attracted. When i see this picture , i can imagine a fantastic fairy tales. So i wanted to make a logo that would resembles those properties.

• Show Sketch
``````/* @pjs font=/uploads/16146/logo.otf; */
/** @peep sketchcode */

float angle = 0.0;    // Current angle
float speed = 0.02;   // Speed of motion
float radius = 125.0;// Range of motion
float radius2 = 120.0;// Range of motion2
float sx = 2.0;
float sy = 2.0;
float time=0;
void setup(){
size(600,350);

noStroke();

frameRate(60);
}

void draw(){

fill(0,6);
rect(0,0,width,height);
//translate(0,0);

pushMatrix();
translate(width/2,height/2+30);
angle += speed;  // Update the angle
float sinvalue = sin(angle);
float cosvalue = cos(angle);
// values from sine and cosine
float b = (cosvalue * radius);
float c = (sinvalue * radius);
float d = (cosvalue * radius2);
float e = (sinvalue * radius2);
ellipseMode(CENTER);
frameRate(20);
fill(255);
ellipse(b, c-width/30, 2, 2);//big circle
ellipse(d+random(-5,5), e+random(-5,5)-width/30, random(2), random(2));
ellipse(b2, random(110)+width/20, random(2), random(2));
ellipse(b2, random(90)+width/25, random(2), random(2));
popMatrix();
float d = 0;
frameRate(60);
stroke(255); //white
while (d < width) {
point(d, (height+50) * noise(d/10, time));
d = d + 50;//
}
time=time+0.1;
if (frameCount %50 == 0){ // first layer of star in up
for (int x = 30; x < width; x +=15) {
for (int y = 30; y < height/3-50; y +=15) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(70));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
if (frameCount %100 == 0){ //second layer of star in up
for (int x = 30; x < width; x +=10) {
for (int y = 30; y < height/3-50; y +=30) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(200));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
if (frameCount %50 == 0){ //thirdly layer of star in up
for (int x = 30; x < width; x +=20) {
for (int y = 30; y < height/3-50; y +=20) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(200));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
PFont font = createFont("/uploads/16146/logo.otf", width/10); // the font size is adjustable to reflect the size of the image
textFont(font,20);
fill(#ffdd17); // yellow
text("D    E    S    I    G    N    l    A    B", width/3.7, height/1.6);

}``````

DESIGN PROCESS: In this section, I decide to use ellipse and the pathway is circle . So I tried to use the polar coordinates ,random()function, the ellipse() function. .Firstly,I translate the centre point to(0,0), then i will draw ellipse ,so all the ellipse are moving along the pathway of circle and the pathway is in the central of screen when i run the program.

• Show Sketch
``````/** @peep sketchcode */
float angle = 0.0;    // Current angle
float speed = 0.02;   // Speed of motion
float radius = 125.0;// Range of motion
float radius2 = 120.0;// Range of motion2
float sx = 2.0;
float sy = 2.0;
float time=0;
void setup(){
size(600,350);

noStroke();

frameRate(60);
}

void draw(){

fill(0,6);
rect(0,0,width,height);
//translate(0,0);
pushMatrix();
translate(width/2,height/2+30);
angle += speed;  // Update the angle
float sinvalue = sin(angle);
float cosvalue = cos(angle);
// values from sine and cosine
float b = (cosvalue * radius);
float c = (sinvalue * radius);
float d = (cosvalue * radius2);
float e = (sinvalue * radius2);
ellipseMode(CENTER);
frameRate(20);
fill(255);
ellipse(b, c-width/30, 2, 2);//big circle
ellipse(d+random(-5,5), e+random(-5,5)-width/30, random(2), random(2));
popMatrix();
float d = 0;
frameRate(60);
stroke(255); //white

while (d < width) {
point(d, (height+50) * noise(d/10, time));
d = d + 50;//
}
time=time+0.1;

}``````

THE BACKGROUND: In this part,in order to make the scene more dreamkike , i use random function to create many stars as background.The bottom of my picture is mimic the diamond glints on snow.

• Show Sketch
``````/* @pjs font=/uploads/16146/logo.otf; */
/** @peep sketchcode */

float angle = 0.0;    // Current angle
float speed = 0.02;   // Speed of motion
float radius = 125.0;// Range of motion
float radius2 = 120.0;// Range of motion2
float sx = 2.0;
float sy = 2.0;
float time=0;
void setup(){
size(600,350);

noStroke();

frameRate(60);
}

void draw(){

fill(0,6);
rect(0,0,width,height);
//translate(0,0);

pushMatrix();
translate(width/2,height/2+30);
angle += speed;  // Update the angle
float sinvalue = sin(angle);
float cosvalue = cos(angle);
// values from sine and cosine
float b = (cosvalue * radius);
float c = (sinvalue * radius);
float d = (cosvalue * radius2);
float e = (sinvalue * radius2);
ellipseMode(CENTER);
frameRate(20);
fill(255);
ellipse(b, c-width/30, 2, 2);//big circle
ellipse(d+random(-5,5), e+random(-5,5)-width/30, random(2), random(2));
ellipse(b2, random(110)+width/20, random(2), random(2));
ellipse(b2, random(90)+width/25, random(2), random(2));
popMatrix();
float d = 0;
frameRate(60);
stroke(255); //white
while (d < width) {
point(d, (height+50) * noise(d/10, time));
d = d + 50;//
}
time=time+0.1;
if (frameCount %50 == 0){ // first layer of star in up
for (int x = 30; x < width; x +=15) {
for (int y = 30; y < height/3-50; y +=15) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(70));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
if (frameCount %100 == 0){ //second layer of star in up
for (int x = 30; x < width; x +=10) {
for (int y = 30; y < height/3-50; y +=30) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(200));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
if (frameCount %50 == 0){ //thirdly layer of star in up
for (int x = 30; x < width; x +=20) {
for (int y = 30; y < height/3-50; y +=20) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(200));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
PFont font = createFont("/uploads/16146/logo.otf", width/10); // the font size is adjustable to reflect the size of the image
textFont(font,20);
fill(#ffdd17); // yellow
text("D    E    S    I    G    N    l    A    B", width/3.7, height/1.6);

}``````

ANOTHER VERSION

• Show Sketch
``````/* @pjs font=/uploads/16146/logo.otf; */
/** @peep sketchcode */

float angle = 0.0;    // Current angle
float speed = 0.02;   // Speed of motion
float radius = 125.0;// Range of motion
float radius2 = 120.0;// Range of motion2
float sx = 2.0;
float sy = 2.0;
float time=0;
void setup(){
size(450,350);

noStroke();

frameRate(60);
}

void draw(){

fill(0,6);
rect(0,0,width,height);
//translate(0,0);

pushMatrix();
translate(width/2,height/2+30);
angle += speed;  // Update the angle
float sinvalue = sin(angle);
float cosvalue = cos(angle);
// values from sine and cosine
float b = (cosvalue * radius);
float c = (sinvalue * radius);
float d = (cosvalue * radius2);
float e = (sinvalue * radius2);
ellipseMode(CENTER);
frameRate(20);
fill(255);
ellipse(b, c-width/30, 2, 2);//big circle
ellipse(d+random(-5,5), e+random(-5,5)-width/30, random(2), random(2));
ellipse(b2, random(110)+width/20, random(2), random(2));
ellipse(b2, random(90)+width/25, random(2), random(2));
popMatrix();
float d = 0;
frameRate(60);
stroke(255); //white
while (d < width) {
point(d, (height+50) * noise(d/10, time));
d = d + 50;//
}
time=time+0.1;
if (frameCount %50 == 0){ // first layer of star in up
for (int x = 30; x < width; x +=15) {
for (int y = 30; y < height/3-50; y +=15) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(70));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
if (frameCount %100 == 0){ //second layer of star in up
for (int x = 30; x < width; x +=10) {
for (int y = 30; y < height/3-50; y +=30) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(200));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
if (frameCount %50 == 0){ //thirdly layer of star in up
for (int x = 30; x < width; x +=20) {
for (int y = 30; y < height/3-50; y +=20) {
float r1 = random(3);
fill(0,6);
noStroke();
fill(255,random(200));
ellipse(x,y+random(-5,5),r1,r1);
}
}
}
PFont font = createFont("/uploads/16146/logo.otf", width/10); // the font size is adjustable to reflect the size of the image
textFont(font,20);
fill(#ffdd17); // yellow
text("D    E    S    I    G    N    l    A    B", width/5.0, height/1.6);

}``````

CONCLUSION: i believe my design have specific style which is dreamlike.so i have expressed what i want to present .