Creative Coding Blog
Ezgi Kayar 33081
confused face
int x = 0;
int dir = 1;
void setup(){
size(600,500);
}
void draw(){
background(0,250,0);
x = x + dir;
if (x >= width) dir = -dir;
if (x <= 0) dir = -dir;
fill(255);
ellipse(x+230,320,200,200);
fill(0);
ellipse(x+200,300,30,30);
fill(250,250,0);
ellipse(x+200,300,10,10);
fill(0);
ellipse(x+260,300,30,30);
fill(250,250,0);
ellipse(x+260,300,10,10);
fill(0);
rect(x+210,350,40,20);
fill(250,0,0);
triangle(x+220,360,x+240,360,x+230,370);
}
Confused Face is my first Processing experience. We started to create basic shapes with codes. Then, I decided to make this face. I defined the coordinates of the big circle, then placed the small circles which will be the eyes. According to these, I defined the rectangle and triangle for the mouth. The shape is moving in the direction of x between 0 and 1.
move with mouse
void setup()
{
background(120,40,120);
size(800, 800);
}
void draw()
{
background(100,100,200);
for(int i = 700; i > 1; i = i - 10)
{
fill(250, random(40,160),120);
//println(i);
rect(400,400, i, i);
stroke(200, 50, 200);
fill(250, 50, 120);
noStroke();
circle(mouseX, mouseY, 50);
stroke(50, 200, 50);
strokeWeight(2);
line(400, 400, mouseX, mouseY);
}
}
I experienced the movement with mouse. I defined the mouseX and mouseY instead of exact coordinates of the circle. In this way, the location of the circle changes with the mouse movement. The color of the rectangle has random, it varies in the range of 40-160. It makes the whole animation joyfull.
rotated rectangles
void setup() {
size(800, 800);
background(247,236,235);
float xoff=0.0;
float yoff=0.0;
for (int x=10; x<800; x=x+10) {
xoff = 0.5;
yoff = yoff + 0.5;
for (int y=10; y<800; y=y+40) {
yoff = yoff + 0.5;
float a= noise(xoff, yoff) * 40;
fill(random(x+100), 40, 40);
pushMatrix( );
rotate((radians(30)));
rect(x, y, a, a);
popMatrix( );
}
}
}
noıse dots
void setup() {
size(800, 800);
float yoff=0.0;
float xoff=0.0;
for (int x=10; x<800; x=x+10) {
yoff=0.0;
xoff=xoff+0.04;
for (int y=10; y<800; y=y+10) {
yoff=yoff+0.04;
float a = noise(xoff, yoff) * 17;
fill(random(255), 0, 0);
stroke(255);
pushMatrix( );
translate(x+10, y+10);
rotate(random(radians(30)));
translate(-(x+10), -(y+10));
circle(x, y, a);
popMatrix( );
}
}
}
cossın cırcle
void setup() {
size(900, 900, P3D);
noFill();
}
float one=0, two=0;
void draw() {
background(0, 0, 0);
float step=0.05;
float size=250;
one=one+0.01;
two=two+0.005;
fill(random(150), 0, 0);
stroke(222, 122, 77);
beginShape();
for (float v=0; v<2*PI; v=v+step) {
for (float u=0; u<2*PI; u=u+step) {
float y= cos((one+0.001)*u)/4+sin(v)*cos(u);
float x=sin((two+0.01)*u)/4+sin(v)*sin(u);
float z=cos(v);
point(width/2+x*size, height/2+y*size, z*size);
}
}
endShape(CLOSE);
}
Banksy ımage
void setup() {
size(839, 839);
noStroke();
img = loadImage("Banksy_Balloon_Girl_London.jpg");
img.resize(839, 839);
}
PImage img;
int cosincrease1=0, cosincrease2=0;
void draw() {
image(img, 0, 0);
int pixelSize=abs((int)(cos((radians(cosincrease1)))*30))+2;
int stepSize=abs((int)(cos((radians(cosincrease2)))*30))+10;
cosincrease1=cosincrease1+1;
cosincrease2=cosincrease2+2;
if (pixelSize<stepSize) {
stepSize=pixelSize;
}
println(stepSize);
for (int x=0; x<width; x=x+stepSize) {
for (int y=0; y<height; y=y+stepSize) {
color c=get(x, y);
fill(120);
rect(x, y, stepSize, stepSize);
fill(red(c), green(c), blue(c));
ellipse(x, y, pixelSize, pixelSize);
}
}
}
AR Experıence
C05-Choir stalls The choir area is occupied by sometimes finely carved and decorated wooden seats known as choir stalls, where the clergy sit, stand or kneel during services. The choir may be furnished either with long benches or individual choir stalls. There may be several rows of seating running parallel to the walls of the church. The use of choir stalls (as opposed to benches) is more traditional in monasteries and collegiate churches. Monastic choir stalls are often fitted with seats that fold up when the monastics stand and fold down when they sit. Often the hinged seat will have a misericord (small wooden seat) on the underside on which he can lean while standing during the long services. The upper part of the monk's stall is so shaped as to provide a headrest while sitting, and arm rests when standing. Monasteries will often have strict rules as to when the monastics may sit and when they must stand during the services.
concept
In this AR experience, you can explore virtual choir stalls and see animated figures made of particles. These figures will show you how people pray by standing and kneeling in front of the choir. It's like watching a virtual performance that brings the peaceful atmosphere of a choir to life. You can feel the reverence and devotion as you interact with these captivating animations.
Process
I used skinned mesh renderer to assign the particle system to the animated models. I used three animations from Mixamo. These animations have different style of praying. I set the emission to the value of 3000.
heıdegger - donut
The Donut is looking around and seeing its cake but unable to reach it, which has a connection to Heidegger's philosophy of thrownness and existential condition. The Donut's desire for the cake represents a goal of significance that it strives for. The cake, in this case, can symbolize an aspiration or a sense of fulfillment that the Donut seeks. However, despite the Donut's constant awareness of the cake, it remains inaccessible. From a Heidegger's perspective, the connection between human existence and thrownness is highlighted. The Donut mirrors our own existential situation. We often have desires, aspirations, and goals that we seek in life, yet we find ourselves limited and constrained by various factors beyond our control.
Process
The agent is the donut and it has six targets. The target candy has the song. When the agent is getting closer to candy, the volume is going up and we hear the song. The particle system is placed in the middle area.