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);
float b2 =(cosvalue * radius);
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);
float b2 =(cosvalue * radius);
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);
float b2 =(cosvalue * radius);
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);
float b2 =(cosvalue * radius);
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 .
REFERRENCE: http://images.all-free-download.com/images/graphiclarge/disney_pictures_logo_28812.jpg
Tutorial 6: Drawing with Randomness
Comments
Nobody has said anything yet.