The 2D/3D digital artist from Italy, Marco Zagara, is known for his use of Blender, a computer software used by artists around the world to create their digital pieces. Blender was historically used as a video game creation planform but has now refined to specialize in 3D still production. In Zagara’s piece titled #dayoff, he has managed to combine the dream and reality world into a mystical portrait of a character. While this piece plays with the viewer’s imagination, it maintains a sense of realism in its features, convincing the viewer that this is an actual photograph of their dreams.
Month: October 2022
Bhaboo’s Project 5
//Bhavesh Patel
//Section B
//bhaveshp@andrew.cmu.edu
//Project-05 - Abstract Art as Wallpaper
function setup() {
createCanvas(480, 500);
background(251, 244, 225);
noLoop();
}
function draw() {
noStroke();
noLoop();
for (var b = 50; b < height; b += 100) {
for (var a = 30; a < width-20; a += 50) {
circle(a, b, 45); //red circles
fill(200, 0, 54, 170)
}
}
for (var b = 40; b < height; b += 100) {
for (var a = 27; a < width-20; a += 50) {
rect(a, b, 20, 30); //green rectangle
fill(0, 200, 54, 170)
}
}
for (var b = 40; b < height; b += 100) {
for (var a = 27; a < width-20; a += 50) {
circle(a, b, 20); //blue circle
fill(0, 54, 200, 170)
}
}
for (var b = 55; b < height; b += 100) {
for (var a = 20; a < width-20; a += 50) {
rect(a, b, 20, 10); //purple rectangle
fill(100, 100, 200, 200)
}
}
noLoop();
}
Project 05: Wallpaper
//amyhu
//amyhu@andrew.cmu.edu
//section d
//project 05
var s = 100
function setup() {
createCanvas(600,600);
background(220);
}
function draw() {
//first column
for(let y = 0; y <= 600; y += 100){
for(let x = 0; x <=600; x += 200){
drawSquare(x,y);
}
}
//offset column
for(let y = -s/2; y <= 600; y += 100){
for(let x = s; x <=600; x += 200){
drawSquare(x,y);
}
}
}
function drawSquare(x,y){
fill(50,10,40);
noStroke();
square(x,y,s);
fill(130,2,99);
arc(x+s,y,s,s,(radians(90)),-(radians(180)));
fill(217,3,104);
arc(x,y,s,s,0,(radians(90)));
fill(234,222,218)
arc(x,y+s,s,s,(radians(270)),(radians(0)));
fill(46,41,78);
arc(x+s,y+s,s,s,(radians(180)),(radians(270)));
}
//offseted column
// function drawSquares(a,b){
// fill(240);
// square(x,y,s);
// fill("red");
// arc(x+s,y,s,s,(radians(90)),-(radians(180)));
// arc(x,y,s,s,0,(radians(90)));
// arc(x,y+s,s,s,(radians(270)),(radians(0)));
// arc(x+s,y+s,s,s,(radians(180)),(radians(270)));
// }
LO 05- 3d computer graphics
I looked at the project To All The Good Books by Hao-Yun Cheng. The project showcases a boy reading books and looks at an imaginary scene of a small town with books as buildings. The artist’s inspiration behind the design is his love for books way which can allow him to immerse himself in imagination. The scene on the table is representative of the imagination of the land with books. This project was created using a combination of 3d modeling software and photography images to create the final outcome. This project also shows the possibilities with 3d computer graphics and rendering software to create what can only be imagined and combine with realistic elements to tell a story.
Project 5: Wallpaper
//Alicia Kim
//Section B
//yoonbink@andrew.cmu.edu
//Project-05
function setup() {
createCanvas(420, 420);
background(175,238,238);
}
function draw() {
for (r=0;r<8;r++){
for(c=0;c<8;c++){
if (r%2==0 & c%2==0){
drawFlower(r*60,c*60,255,209,193);
}
else{
drawFlower(r*60,c*60,255,250,245);
}
}
}
noLoop();
}
function drawFlower (x,y,fillR,fillG,fillB) {
// leaves
push();
noStroke();
translate(x+30,y+25);
var randomR=floor(random(360));
for (var j=0;j<3;j++){
fill(144,238,144); //light green
rotate(radians(randomR));
ellipse(13,13,10,20);
}
pop();
// stem
push();
noStroke();
translate(x+30,y+25);
var randomS=floor(random(360));
fill(60,179,113,191); //sea green
rotate(radians(randomS));
rect(13,13,12,4.5);
print(randomS);
pop();
// flower petals
push();
noStroke();
translate(x+30,y+25);
fill(fillR,fillG,fillB); // lavender blush
var petal = floor(random(3,7));
for (var i=0 ; i<petal ;i++){
ellipse(0,0,25,50);
rotate(2*PI/petal);
}
pop();
noLoop();
// circle in the middle
push();
noStroke();
fill(249,139,136); //pink
circle (x+28,y+28,20);
fill(255,209,193); //peach
circle(x+30,y+25,12);
//small circles
fill(128,128,0); //olive
circle(x+28,y+23,4);
circle(x+32,y+25,3);
circle(x+28,y+28,4.5);
circle(x+29,y+27,2.5);
circle(x+23,y+23,3);
pop();
}
Looking Outwards 05: 3D Computer Graphics
I am inspired by the project, Material studies: Snow by Jarron Hasenjager. This piece of 3d graphic art shows the steps of creating a realistic looking snow on a 3d program. The algorithm has so many layers to it to make a white sphere look like a realistic snowball. The creator not only had to explore what to do to achieve a realistic look on snow but also needed to know which steps to take in a certain order and that needed artistic sensibility as well as technological understanding of 3d graphics. The ability of 3d rendering and how realistic it can be fascinates me and makes me want to study 3d graphics.
Project 05: Wallpaper/Floor Tiles
Inspired by the South Indian – Chettinad’s Athangudi tiles
//Name: Hari Vardhan Sampath
//Section: E
//eMail address: harivars@andrew.cmu.edu
//Project-05
function setup() {
createCanvas(600, 550);
background(0); // black
}
var r = 10; // initialize red
var g = 10; // initialize green
var b = 10; // initialize blue
function draw() {
drawGrid();
noLoop(); // to mainitain gradient
}
function drawGrid() {
var s = 50; //side of the cube
for (var y = 0; y <= height; y += s + s/2) {
var green = 5; //initialize green
for (var x = 0; x <= width; x += s) {
fill(r, g, b);
cube(x, y, s);
r += 3 //increment red
g += 2 //increment green
b += 1 //increment blue
}
r += 2 //increment red
b += 3 //increment blue
}
}
function cube(x, y, s){
// first face of the cube with colormix of r & g
push();
translate(x, y);
noFill();
rotate(radians(30));
stroke(2);
fill(r, g, 0);
quad(0, 0, s, 0, s/2, s*sqrt(3)/2,
-s/2, s*sqrt(3)/2) ;
pop();
// second face of the cube with colormix of g & b
push();
translate(x, y);
rotate(radians(30 + 120));
stroke(2);
fill(0, g, b);
quad(0, 0, s, 0, s/2, s*sqrt(3)/2,
-s/2, s*sqrt(3)/2) ;
pop()
// third face of the cube with colormix of r & b
push();
translate(x, y);
rotate(radians(30 + 120 + 120));
stroke(2);
fill(r, 0, b);
quad(0, 0, s, 0, s/2, s*sqrt(3)/2,
-s/2, s*sqrt(3)/2) ;
pop()
}
Don Relyea: Big Hairy Bush – Hair Particle Drawing Project
The artwork I am choosing is Big Hairy Bush- Hair Particle Drawing by Don Relyea. I admire that the algorithm and its intended pattern is based on natural occurrences of hair. It is artwork that was accidental, a result of noticing that hair bunching together could create different levels of shade and make an artwork similar to one that would be drawn from charcoal. The hair image is of George Bush and symbolizes how all politicians have something ugly that they hide. Hair is pushed by media and modern beauty standards as something that is ugly and should be hidden. Therefore, this concept creates an efficient, inventive, and playful social commentary, that also shows artistry on the part of Relyea.
Wallpaper/fabric
function setup() {
createCanvas(620, 600);
background('skyblue');
}
function draw() {
//blue patches
for(let x=10; x<width; x+=240){
for(let y=0; y<height; y+=240){
patch(x,y);
}
}
//other blue lol
for(let x=130; x<width; x+=240){
for(let y=120; y<height; y+=240){
patchtw(x,y);
}
}
//pig moving etc
for(let x=70; x<width; x+=120){
for(let y=50; y<height-50; y+= 120){
pigg(x, y);
}
}
//rows of stitch up and down
for(let x=10; x<width; x+=120){
for(let y = 10; y<height; y+=20){
cross(x, y);
}
}
//row of stitch across
for(let y =120; y<height; y+=120){
for(let x=10; x<width; x+=20){
cross(x,y);
}
}
}
function pigg (x, y){
strokeWeight(1);
stroke('black');
fill('pink');
//legs
rect(x - 30, y, 10, 60);
rect(x + 20, y, 10, 60);
//bod
ellipse(x, y, 100, 80);
//ears
triangle(x-10, y-20, x-20, y-15, x-20, y-30);
triangle(x+10, y-20, x+20, y-15, x+20, y-30);
//head
ellipse(x, y, 50);
//snout
push();
fill('plum');
ellipse(x, y+10, 20, 10);
pop();
//eyes
push();
fill('black');
ellipse(x-10, y-5, 5);
ellipse(x+10, y-5, 5);
//nose hole
ellipse(x-5, y+10, 2);
ellipse(x+5, y+10, 2);
pop();
}
function cross(x,y){
strokeWeight(1);
stroke('yellow');
line(x-10, y-10, x+10, y+10);
line(x-10, y+10, x+10, y-10);
}
function patch(x,y){
noStroke();
fill('darkcyan');
rect(x, y, 120, 120);
}
function patchtw(x,y){
noStroke();
fill('lightseagreen');
rect(x, y, 120, 120);
}
Project 5: Wallpaper
Red Textile Design
The most challenging part of the project was getting the gradients and the for loops to work properly.
// Ana Furtado
// Section E
// Project 5 Textile
function setup() {
createCanvas(570, 600);
background(255); // white background
}
function draw() {
noStroke();
fill(0,0,0);
rect(0,0,600,20);
fill(0,0,0);
rect(0,580,600,20);
long()
lines()
whitecircles()
whitecircles_1()
circles()
noLoop();
}
function long() { //black to red to black ellipses
var red = 20
for (var y = 40; y < 600; y += 40) {
if (y <= 300){
red+=20
} if (y>= 300) {
red -= 20;
}
for (var x = 0; x < 600; x += 95*2) {
//noStroke()
stroke(0);
strokeWeight(7);
fill(red, 0, 0);
ellipse(x,y,190,40);
}
}
}
function circles() { //red to black to red circles and random red smaller circles
var red2 = 255
for (var y = 0; y < 700; y += 40) {
if (y <= 300){
red2-=35;
} if (y>= 300) {
red2 += 35;
}
for (var x = 0; x < 600; x += 95) {
stroke(0);
strokeWeight(1);
fill(red2, 0, 0);
circle(x, y, 30);
fill(random(0,255),0,0);
circle(x,y,15)
}
}
}
function whitecircles() { //white inbetween circles
for (var y = 60; y < 700; y += 40) {
for (var x = 50; x < 600; x += 95) {
stroke(0);
strokeWeight(.75);
fill(255);
circle(x, y, 12);
}
}
}
function whitecircles_1() { //row 1 white inbetween circles
for (var y = 20; y < 60; y += 40) {
for (var x = 50; x < 600; x += 95) {
stroke(0);
strokeWeight(.75);
fill(255);
circle(x, y, 12);
}
}
}
function lines() { //white lines and thin black lines to make grid
for (var x = 50; x < 600; x += 95) {
stroke(255);
strokeWeight(2);
line(x,0, x, 600);
stroke(0);
strokeWeight(.25);
line(x,0, x, 600);
for (var y=60; y<600; y+=40){
//stroke(255);
//strokeWeight(2);
//line(0,20,570,20);
//line(0,y,570,y);
//stroke(0);
//strokeWeight(.25);
//line(0,20,570,20);
//line(0,y,570,y);
}
}
}