Final Project :: Authorship & Interaction

FINAL PROJECT

With my final project I decided to base it upon my knowledge of Processing. Specifically I will be taking a batch of data and turning it into a collection of four 2D sketches reflecting the data themselves. The designs will be based off four iconic skyscrapers; The Empire State Building (New York), the Burj Khalifa (Dubai), The Princess Tower (UAE) and finally The Burj Al Arab (Dubai) and will reflect their architecture. The data I have chosen too work with is based on the size of said skyscrapers and the numbers to which the design is made up of will be based on the towers height and width (if applicable in certain designs).

WITH PROCESSING

Research

To start off with I decided to look into designs based on or similar to my idea. Firstly I looked into Stefanie Schwarz and her work with digital design. She was able to formulate 3D lettering through Processing.

These 'mesh' style designs were created using processing and reflect a 3D style sketch of letters.

Source: http://issuu.com/stefanieschwarz/docs/interactive-type-4

I next looked into some work by Ron Herrema. Ron is a freelance composer of music, sound and image. He composes both acoustic and electro acoustic music, as well as both still and moving image. He has a particular (but not exclusive) affinity for algorithmic techniques in both realms. I researched some of his work too see if he had created anything on the lines of my ideas.

This is a book by Ben Fry exploring the methods of expressing and visualizing data with Processing. It explores ways in which it can be done from the initial planning stage to the final publication.

Exploration

Source: http://shop.oreilly.com/product/9780596514556.do?sortby=bestSellers

After looking into some work by other artists I started exploring with processing trying to direct myself towards my final outcome. To start I looked into manipulating and positioning words, numbers to get to grips with accuracy in creating shapes without the need of actual lines.

This design is simply representing a number in a duplicated linear fashion. Simple and meaningless I know but this after all is just getting to grips with positioning data.

This design is just a 3D prototype of a simple interactive design in which I was going to embed data to roam freely within the cube itself meaning that depending on where you move it you would be able to see different data. (The above three images are a screenshots of the design at three levels).

This design is a 3D prototype of a particle infused interactive design in which I was going to embed data into the particles of numbers and let them roam freely around the cube itself meaning that depending on where you move the mouse you would be able to see different sides to data. (The above image is a screenshot of the design).

This design is a 3D prototype of flying text within an interactive environment. (The above three images are screenshots of the design).

Final Prototypes

Now I'm starting my progressing final process. These designs do not incorporate any kind of color alterations and are the 'raw' image (the most basic version to enable accurate designs, color comes later.)

Burj Al Arab,
Dubai

The Princess Tower, Dubai

The Empire State Building, NYC

The Burj Khalifa, Dubai

These skyscrapers are what I will be sketching with Processing. The towers will be made up of digits which actually represent the buildings height. Any change in numbers means a change the buildings height.

Source(s): Burj Khalifa: https://upload.wikimedia.org/wikipedia/en/9/93/Burj_Khalifa.jpg
Empire State: https://upload.wikimedia.org/wikipedia/commons/c/c7/Empire_State_Building_from_the_Top_of_the_Rock.jpg
Princess Tower: https://upload.wikimedia.org/wikipedia/de/6/61/Dubai_Marina_2014.JPG
Burj Al Arab: https://upload.wikimedia.org/wikipedia/en/archive/2/2a/20120813060112!Burj_Al_Arab,_Dubai,_by_Joi_Ito_Dec2007.jpg

Burj Khalifa Black/White Basic

size(800, 800);
background(255);
textSize(5);
textAlign(RIGHT);
fill(0);
text("828", 400, 30);
text("828", 400, 35);
text("828", 400, 40);
text("828", 400, 45);
text("828", 400, 50);
text("828", 400, 55);
text("828", 400, 60);
text("828", 400, 65);
text("828", 400, 70);
text("828", 400, 75);
text("828", 400, 80);
text("828", 400, 85);
text("828", 400, 90);
text("828", 400, 95);
text("828", 400, 100);
text("828", 400, 105);
text("828", 400, 110);
textSize(10);
textAlign(RIGHT);
fill(0);
text("828", 405, 120);
text("828", 405, 130);
text("828", 405, 140);
text("828", 405, 150);
text("828", 405, 160);
text("828", 405, 170);
text("828", 405, 180);
text("828", 405, 190);
text("828", 405, 200);
text("828", 405, 210);
text("828", 405, 220);
text("828", 405, 230);
text("828", 405, 240);
text("828", 405, 250);
text("828", 405, 260);
text("828", 405, 270);
text("828", 405, 280);
text("828", 405, 290);
text("828", 405, 300);

text("828", 405, 310);
text("828", 405, 320);
text("828", 405, 330);
text("828", 405, 340);
text("828", 405, 350);
text("828", 405, 360);
text("828", 405, 370);
text("828", 405, 380);
text("828", 405, 390);
text("828", 405, 400);
text("828", 405, 410);
text("828", 405, 420);
text("828", 405, 430);
text("828", 405, 440);
text("828", 405, 450);
text("828", 405, 460);
text("828", 405, 470);
text("828", 405, 480);
text("828", 405, 490);
text("828", 405, 500);
text("828", 405, 510);
text("828", 405, 520);
text("828", 405, 530);
text("828", 405, 540);
text("828", 405, 550);
text("828", 405, 560);
text("828", 405, 570);
text("828", 405, 580);
text("828", 405, 590);
text("828", 405, 600);
text("828", 405, 610);
text("828", 405, 620);
text("828", 405, 630);
text("828", 405, 640);
text("828", 405, 650);
text("828", 405, 660);
text("828", 405, 670);
text("828", 405, 680);
text("828", 405, 690);
text("828", 405, 700);

text("828", 405, 710);
textSize(10);
textAlign(RIGHT);
fill(0);
text("765", 425, 250);
text("765", 425, 260);
text("765", 425, 270);
text("765", 425, 280);
text("765", 425, 290);
text("765", 425, 300);
text("765", 425, 310);
text("765", 425, 320);
text("765", 425, 330);
text("765", 425, 340);
text("765", 425, 350);
text("765", 425, 360);
text("765", 425, 370);
text("765", 425, 380);
text("765", 425, 390);
text("765", 425, 400);
text("765", 425, 410);
text("765", 425, 420);
text("765", 425, 430);
text("765", 425, 440);
text("765", 425, 450);
text("765", 425, 460);
text("765", 425, 470);
text("765", 425, 480);
text("765", 425, 490);
text("765", 425, 500);
text("765", 425, 510);
text("765", 425, 520);
text("765", 425, 530);
text("765", 425, 540);
text("765", 425, 550);
text("765", 425, 560);
text("765", 425, 570);
text("765", 425, 580);
text("765", 425, 590);
text("765", 425, 600);

text("765", 425, 610);
text("765", 425, 620);
text("765", 425, 630);
text("765", 425, 640);
text("765", 425, 650);
text("765", 425, 660);
text("765", 425, 670);
text("765", 425, 680);
text("765", 425, 690);
text("765", 425, 700);
text("765", 425, 710);
textSize(10);
textAlign(RIGHT);
fill(0);
text("581", 445, 350);
text("581", 445, 360);
text("581", 445, 370);
text("581", 445, 380);
text("581", 445, 390);
text("581", 445, 400);
text("581", 445, 410);
text("581", 445, 420);
text("581", 445, 430);
text("581", 445, 440);
text("581", 445, 450);
text("581", 445, 460);
text("581", 445, 470);
text("581", 445, 480);
text("581", 445, 490);
text("581", 445, 500);
text("581", 445, 510);
text("581", 445, 520);
text("581", 445, 530);
text("581", 445, 540);
text("581", 445, 550);
text("581", 445, 560);
text("581", 445, 570);
text("581", 445, 580);
text("581", 445, 590);
text("581", 445, 600);;

text("581", 445, 610);
text("581", 445, 620);
text("581", 445, 630);
text("581", 445, 640);
text("581", 445, 650);
text("581", 445, 660);
text("581", 445, 670);
text("581", 445, 680);
text("581", 445, 690);
text("581", 445, 700);
text("581", 445, 710);
textSize(10);
textAlign(RIGHT);
fill(0);
text("654", 385, 300);
text("654", 385, 310);
text("654", 385, 320);
text("654", 385, 330);
text("654", 385, 340);
text("654", 385, 350);
text("654", 385, 360);
text("654", 385, 370);
text("654", 385, 380);
text("654", 385, 390);
text("654", 385, 400);
text("654", 385, 410);
text("654", 385, 420);
text("654", 385, 430);
text("654", 385, 440);
text("654", 385, 450);
text("654", 385, 460);
text("654", 385, 470);
text("654", 385, 480);
text("654", 385, 490);
text("654", 385, 500);
text("654", 385, 510);
text("654", 385, 520);
text("654", 385, 530);
text("654", 385, 540);
text("654", 385, 550);

text("654", 385, 560);
text("654", 385, 570);
text("654", 385, 580);
text("654", 385, 590);
text("654", 385, 600);
text("654", 385, 610);
text("654", 385, 620);
text("654", 385, 630);
text("654", 385, 640);
text("654", 385, 650);
text("654", 385, 660);
text("654", 385, 670);
text("654", 385, 680);
text("654", 385, 690);
text("654", 385, 700);
text("654", 385, 710);
textSize(10);
textAlign(RIGHT);
fill(0);
text("432", 365, 410);
text("432", 365, 420);
text("432", 365, 430);
text("432", 365, 440);
text("432", 365, 450);
text("432", 365, 460);
text("432", 365, 470);
text("432", 365, 480);
text("432", 365, 490);
text("432", 365, 500);
text("432", 365, 510);
text("432", 365, 520);
text("432", 365, 530);
text("432", 365, 540);
text("432", 365, 550);
text("432", 365, 560);
text("432", 365, 570);
text("432", 365, 580);
text("432", 365, 590);
text("432", 365, 600);
text("432", 365, 610);

text("432", 365, 620);
text("432", 365, 630);
text("432", 365, 640);
text("432", 365, 650);
text("432", 365, 660);
text("432", 365, 670);
text("432", 365, 680);
text("432", 365, 690);
text("432", 365, 700);
text("432", 365, 710);
textSize(10);
textAlign(RIGHT);
fill(0);
text("271", 345, 520);
text("271", 345, 530);
text("271", 345, 540);
text("271", 345, 550);
text("271", 345, 560);
text("271", 345, 570);
text("271", 345, 580);
text("271", 345, 590);
text("271", 345, 600);
text("271", 345, 610);
text("271", 345, 620);
text("271", 345, 630);
text("271", 345, 640);
text("271", 345, 650);
text("271", 345, 660);
text("271", 345, 670);
text("271", 345, 680);
text("271", 345, 690);
text("271", 345, 700);
text("271", 345, 710);
textSize(10);
textAlign(RIGHT);
fill(0);
text("366", 465, 470);
text("366", 465, 480);
text("366", 465, 490);
text("366", 465, 500);

text("366", 465, 510);
text("366", 465, 520);
text("366", 465, 530);
text("366", 465, 540);
text("366", 465, 550);
text("366", 465, 560);
text("366", 465, 570);
text("366", 465, 580);
text("366", 465, 590);
text("366", 465, 600);
text("366", 465, 610);
text("366", 465, 620);
text("366", 465, 630);
text("366", 465, 640);
text("366", 465, 650);
text("366", 465, 660);
text("366", 465, 670);
text("366", 465, 680);
text("366", 465, 690);
text("366", 465, 700);
text("366", 465, 710);
textSize(10);
textAlign(RIGHT);
fill(0);
text("175", 485, 570);
text("175", 485, 580);
text("175", 485, 590);
text("175", 485, 600);
text("175", 485, 610);
text("175", 485, 620);
text("175", 485, 630);
text("175", 485, 640);
text("175", 485, 650);
text("175", 485, 660);
text("175", 485, 670);
text("175", 485, 680);
text("175", 485, 690);
text("175", 485, 700);
text("175", 485, 710);
textSize(10);

textAlign(RIGHT);
fill(0);
text("128", 325, 620);
text("128", 325, 630);
text("128", 325, 640);
text("128", 325, 650);
text("128", 325, 660);
text("128", 325, 670);
text("128", 325, 680);
text("128", 325, 690);
text("128", 325, 700);
text("128", 325, 710)

2

3

4

5

6

7

8

9

10

Empire State Black/White Basic

size(800, 700);
background(255);
textSize(5);
textAlign(RIGHT);
fill(0);
text("381", 399, 30);
text("381", 399, 40);
text("381", 399, 50);
text("381", 399, 60);
text("381", 399, 70);
text("381", 399, 80);
text("381", 399, 90);
text("381", 399, 100);
text("381", 399, 110);
text("381", 399, 120);
text("381", 399, 130);
text("381", 399, 140);
text("381", 399, 150);
text("381", 399, 160);
text("381", 399, 170);
text("381", 399, 180);
text("381", 399, 190);
text("381", 399, 200);
text("381", 399, 210);
text("381", 399, 220);
text("381", 399, 230);
text("381", 399, 240);
text("381", 399, 250);
text("381", 399, 260);
text("381", 399, 270);
text("381", 399, 280);
text("381", 399, 290);
text("381", 399, 300);
text("381", 399, 310);
text("381", 399, 320);
text("381", 399, 330);
text("381", 399, 340);
text("381", 399, 350);
text("381", 399, 360);
text("381", 399, 370);
text("381", 399, 380);
text("381", 399, 390);
text("381", 399, 400);
text("381", 399, 410);

text("381", 399, 420);
text("381", 399, 430);
text("381", 399, 440);
text("381", 399, 450);
text("381", 399, 460);
text("381", 399, 470);
text("381", 399, 480);
text("381", 399, 490);
text("381", 399, 500);
text("381", 399, 510);
text("381", 399, 520);
text("381", 399, 530);
text("381", 399, 540);
text("381", 399, 550);
text("381", 399, 560);
text("381", 399, 570);
text("381", 399, 580);
text("381", 399, 590);
text("381", 399, 600);
text("381", 399, 610);
text("381", 399, 620);
text("381", 399, 630);
textSize(7);
textAlign(RIGHT);
fill(0);
text("313", 410, 90);
text("313", 410, 100);
text("313", 410, 110);
text("313", 410, 120);
text("313", 410, 130);
text("313", 410, 140);
text("313", 410, 150);
text("313", 410, 160);
text("313", 410, 170);
text("313", 410, 180);
text("313", 410, 190);
text("313", 410, 200);
text("313", 410, 210);
text("313", 410, 220);
text("313", 410, 230);

text("313", 410, 240);
text("313", 410, 250);
text("313", 410, 260);
text("313", 410, 270);
text("313", 410, 280);
text("313", 410, 290);
text("313", 410, 300);
text("313", 410, 310);
text("313", 410, 320);
text("313", 410, 330);
text("313", 410, 340);
text("313", 410, 350);
text("313", 410, 360);
text("313", 410, 370);
text("313", 410, 380);
text("313", 410, 390);
text("313", 410, 400);
text("313", 410, 410);
text("313", 410, 420);
text("313", 410, 430);
text("313", 410, 440);
text("313", 410, 450);
text("313", 410, 460);
text("313", 410, 470);
text("313", 410, 480);
text("313", 410, 490);
text("313", 410, 500);
text("313", 410, 510);
text("313", 410, 520);
text("313", 410, 530);
text("313", 410, 540);
text("313", 410, 550);
text("313", 410, 560);
text("313", 410, 570);
text("313", 410, 580);
text("313", 410, 590);
text("313", 410, 600);
text("313", 410, 610);
text("313", 410, 620);
text("313", 410, 630);

text("313", 390, 90);
text("313", 390, 100);
text("313", 390, 110);
text("313", 390, 120);
text("313", 390, 130);
text("313", 390, 140);
text("313", 390, 150);
text("313", 390, 160);
text("313", 390, 170);
text("313", 390, 180);
text("313", 390, 190);
text("313", 390, 200);
text("313", 390, 210);
text("313", 390, 220);
text("313", 390, 230);
text("313", 390, 240);
text("313", 390, 250);
text("313", 390, 260);
text("313", 390, 270);
text("313", 390, 280);
text("313", 390, 290);
text("313", 390, 300);
text("313", 390, 310);
text("313", 390, 320);
text("313", 390, 330);
text("313", 390, 340);
text("313", 390, 350);
text("313", 390, 360);
text("313", 390, 370);
text("313", 390, 380);
text("313", 390, 390);
text("313", 390, 400);
text("313", 390, 410);
text("313", 390, 420);
text("313", 390, 430);
text("313", 390, 440);
text("313", 390, 450);
text("313", 390, 460);
text("313", 390, 470);
text("313", 390, 480);

text("313", 390, 490);
text("313", 390, 500);
text("313", 390, 510);
text("313", 390, 520);
text("313", 390, 530);
text("313", 390, 540);
text("313", 390, 550);
text("313", 390, 560);
text("313", 390, 570);
text("313", 390, 580);
text("313", 390, 590);
text("313", 390, 600);
text("313", 390, 610);
text("313", 390, 620);
text("313", 390, 630);
textSize(7);
textAlign(RIGHT);
fill(0);
text("243", 380, 130);
text("243", 380, 140);
text("243", 380, 150);
text("243", 380, 160);
text("243", 380, 170);
text("243", 380, 180);
text("243", 380, 190);
text("243", 380, 200);
text("243", 380, 210);
text("243", 380, 220);
text("243", 380, 230);
text("243", 380, 240);
text("243", 380, 250);
text("243", 380, 260);
text("243", 380, 270);
text("243", 380, 280);
text("243", 380, 290);
text("243", 380, 300);
text("243", 380, 310);
text("243", 380, 320);
text("243", 380, 330);
text("243", 380, 340);

text("243", 380, 350);
text("243", 380, 360);
text("243", 380, 370);
text("243", 380, 380);
text("243", 380, 390);
text("243", 380, 400);
text("243", 380, 410);
text("243", 380, 420);
text("243", 380, 430);
text("243", 380, 440);
text("243", 380, 450);
text("243", 380, 460);
text("243", 380, 470);
text("243", 380, 480);
text("243", 380, 490);
text("243", 380, 500);
text("243", 380, 510);
text("243", 380, 520);
text("243", 380, 530);
text("243", 380, 540);
text("243", 380, 550);
text("243", 380, 560);
text("243", 380, 570);
text("243", 380, 580);
text("243", 380, 590);
text("243", 380, 600);
text("243", 380, 610);
text("243", 380, 620);
text("243", 380, 630);
text("243", 420, 130);
text("243", 420, 140);
text("243", 420, 150);
text("243", 420, 160);
text("243", 420, 170);
text("243", 420, 180);
text("243", 420, 190);
text("243", 420, 200);
text("243", 420, 210);
text("243", 420, 220);
text("243", 420, 230);

text("243", 420, 240);
text("243", 420, 250);
text("243", 420, 260);
text("243", 420, 270);
text("243", 420, 280);
text("243", 420, 290);
text("243", 420, 300);
text("243", 420, 310);
text("243", 420, 320);
text("243", 420, 330);
text("243", 420, 340);
text("243", 420, 350);
text("243", 420, 360);
text("243", 420, 370);
text("243", 420, 380);
text("243", 420, 390);
text("243", 420, 400);
text("243", 420, 410);
text("243", 420, 420);
text("243", 420, 430);
text("243", 420, 440);
text("243", 420, 450);
text("243", 420, 460);
text("243", 420, 470);
text("243", 420, 480);
text("243", 420, 490);
text("243", 420, 500);
text("243", 420, 510);
text("243", 420, 520);
text("243", 420, 530);
text("243", 420, 540);
text("243", 420, 550);
text("243", 420, 560);
text("243", 420, 570);
text("243", 420, 580);
text("243", 420, 590);
text("243", 420, 600);
text("243", 420, 610);
text("243", 420, 620);
text("243", 420, 630);

textSize(7);
textAlign(RIGHT);
fill(0);
text("217", 370, 170);
text("217", 370, 180);
text("217", 370, 190);
text("217", 370, 200);
text("217", 370, 210);
text("217", 370, 220);
text("217", 370, 230);
text("217", 370, 240);
text("217", 370, 250);
text("217", 370, 260);
text("217", 370, 270);
text("217", 370, 280);
text("217", 370, 290);
text("217", 370, 300);
text("217", 370, 310);
text("217", 370, 320);
text("217", 370, 330);
text("217", 370, 340);
text("217", 370, 350);
text("217", 370, 360);
text("217", 370, 370);
text("217", 370, 380);
text("217", 370, 390);
text("217", 370, 400);
text("217", 370, 410);
text("217", 370, 420);
text("217", 370, 430);
text("217", 370, 440);
text("217", 370, 450);
text("217", 370, 460);
text("217", 370, 470);
text("217", 370, 480);
text("217", 370, 490);
text("217", 370, 500);
text("217", 370, 510);
text("217", 370, 520);
text("217", 370, 530);

text("217", 370, 540);
text("217", 370, 550);
text("217", 370, 560);
text("217", 370, 570);
text("217", 370, 580);
text("217", 370, 590);
text("217", 370, 600);
text("217", 370, 610);
text("217", 370, 620);
text("217", 370, 630);
text("217", 430, 170);
text("217", 430, 180);
text("217", 430, 190);
text("217", 430, 200);
text("217", 430, 210);
text("217", 430, 220);
text("217", 430, 230);
text("217", 430, 240);
text("217", 430, 250);
text("217", 430, 260);
text("217", 430, 270);
text("217", 430, 280);
text("217", 430, 290);
text("217", 430, 300);
text("217", 430, 310);
text("217", 430, 320);
text("217", 430, 330);
text("217", 430, 340);
text("217", 430, 350);
text("217", 430, 360);
text("217", 430, 370);
text("217", 430, 380);
text("217", 430, 390);
text("217", 430, 400);
text("217", 430, 410);
text("217", 430, 420);
text("217", 430, 430);
text("217", 430, 440);
text("217", 430, 450);
text("217", 430, 460);

text("217", 430, 470);
text("217", 430, 480);
text("217", 430, 490);
text("217", 430, 500);
text("217", 430, 510);
text("217", 430, 520);
text("217", 430, 530);
text("217", 430, 540);
text("217", 430, 550);
text("217", 430, 560);
text("217", 430, 570);
text("217", 430, 580);
text("217", 430, 590);
text("217", 430, 600);
text("217", 430, 610);
text("217", 430, 620);
text("217", 430, 630);
textSize(7);
textAlign(RIGHT);
fill(0);
text("103", 440, 510);
text("103", 440, 520);
text("103", 440, 530);
text("103", 440, 540);
text("103", 440, 550);
text("103", 440, 560);
text("103", 440, 570);
text("103", 440, 580);
text("103", 440, 590);
text("103", 440, 600);
text("103", 440, 610);
text("103", 440, 620);
text("103", 440, 630);
text("103", 360, 510);
text("103", 360, 520);
text("103", 360, 530);
text("103", 360, 540);
text("103", 360, 550);
text("103", 360, 560);
text("103", 360, 570);

text("103", 360, 580);
text("103", 360, 590);
text("103", 360, 600);
text("103", 360, 610);
text("103", 360, 620);
text("103", 360, 630);

1

2

3

4

5

6

7

8

9

10

11

Burj Al Arab Black/White Basic

size(800, 700);
background(255);
textSize(5);
textAlign(RIGHT);
fill(0);
text("321", 400, 60);
text("321", 400, 70);
text("321", 400, 80);
text("321", 400, 90);
text("321", 400, 100);
text("321", 400, 110);
text("321", 400, 120);
text("321", 400, 130);
text("321", 400, 140);
text("321", 400, 150);
textSize(9);
textAlign(CENTER);
fill(0);
text("321", 400, 160);
text("321", 400, 170);
text("321", 400, 180);
text("321", 400, 190);
text("321", 400, 200);
text("321", 400, 210);
text("321", 400, 220);
text("321", 400, 230);
text("321", 400, 260);
text("321", 400, 270);
text("321", 400, 280);
text("321", 400, 290);
text("321", 400, 300);
text("321", 400, 310);
text("321", 400, 320);
text("321", 400, 330);
text("321", 400, 340);
text("321", 400, 350);
text("321", 400, 360);
text("321", 400, 370);
text("321", 400, 380);
text("321", 400, 390);
text("321", 400, 400);
text("321", 400, 410);
text("321", 400, 420);
text("321", 400, 430);

text("321", 400, 440);
text("321", 400, 450);
text("321", 400, 460);
text("321", 400, 470);
text("321", 400, 480);
text("321", 400, 490);
text("321", 400, 500);
text("321", 400, 510);
text("321", 400, 520);
text("321", 400, 530);
text("321", 400, 540);
text("321", 400, 550);
text("321", 400, 560);
text("321", 400, 570);
text("321", 400, 580);
text("321", 415, 580);
text("321", 430, 580);
text("321", 445, 580);
text("321", 460, 580);
text("321", 475, 580);
text("321", 490, 580);
text("321", 505, 580);
textSize(9);
textAlign(CENTER);
fill(0);
text("307", 410, 170);
text("307", 415, 175);
text("307", 420, 180);
text("307", 425, 185);
text("307", 430, 190);
text("307", 435, 195);
text("307", 440, 200);
text("307", 445, 205);
text("307", 450, 210);
text("307", 455, 215);
text("307", 458, 220);
text("307", 461, 225);
text("307", 464, 230);
text("307", 467, 235);
text("307", 470, 240);
text("307", 473, 245);
text("307", 476, 250);
text("307", 479, 255);
text("307", 482, 260);

text("307", 485, 265);
text("307", 487, 270);
text("307", 489, 275);
text("307", 491, 280);
text("307", 493, 285);
text("307", 495, 290);
text("307", 497, 295);
text("307", 499, 300);
text("307", 501, 305);
text("307", 503, 310);
text("307", 505, 315);
text("307", 507, 320);
text("307", 509, 325);
text("307", 511, 330);
text("307", 513, 335);
text("307", 515, 340);
text("307", 516, 345);
text("307", 517, 350);
text("307", 518, 355);
text("307", 519, 360);
text("307", 520, 365);
text("307", 521, 370);
text("307", 522, 375);
text("307", 523, 380);
text("307", 524, 385);
text("307", 525, 390);
text("307", 526, 395);
text("307", 527, 400);
text("307", 528, 405);
text("307", 529, 410);
text("307", 530, 415);
text("307", 531, 420);
text("307", 532, 425);
text("307", 533, 430);
text("307", 534, 435);
text("307", 535, 440);
text("307", 535, 445);
text("307", 535, 450);
text("307", 535, 455);
text("307", 535, 460);
text("307", 535, 465);
text("307", 534, 470);
text("307", 534, 475);
text("307", 533, 480);

text("307", 533, 485);
text("307", 532, 490);
text("307", 532, 495);
text("307", 531, 500);
text("307", 531, 505);
text("307", 530, 510);
text("307", 530, 515);
text("307", 529, 520);
text("307", 529, 525);
text("307", 528, 530);
text("307", 528, 535);
text("307", 527, 540);
text("307", 527, 545);
text("307", 526, 550);
text("307", 526, 555);
text("307", 525, 560);
text("307", 525, 565);
text("307", 524, 570);
text("307", 524, 575);
text("307", 523, 580);
textSize(9);
textAlign(CENTER);
fill(0);
text("321", 415, 570);
text("321", 430, 570);
text("321", 445, 570);
text("321", 460, 570);
text("321", 475, 570);
text("321", 490, 570);
text("321", 505, 570);
text("3", 513, 570);
text("321", 415, 560);
text("321", 430, 560);
text("321", 445, 560);
text("321", 460, 560);
text("321", 475, 560);
text("321", 490, 560);
text("321", 505, 560);
text("3", 514, 560);
text("321", 415, 550);
text("321", 430, 550);
text("321", 445, 550);
text("321", 460, 550);
text("321", 475, 550);

text("321", 490, 550);
text("321", 505, 550);
text("3", 515, 550);
text("321", 415, 540);
text("321", 430, 540);
text("321", 445, 540);
text("321", 460, 540);
text("321", 475, 540);
text("321", 490, 540);
text("321", 505, 540);
text("3", 516, 540);
textSize(9);
textAlign(CENTER);
fill(0);
text("321", 415, 520);
text("321", 430, 520);
text("321", 445, 520);
text("321", 460, 520);
text("321", 475, 520);
text("321", 490, 520);
text("321", 505, 520);
text("3", 516, 520);
text("321", 415, 510);
text("321", 430, 510);
text("321", 445, 510);
text("321", 460, 510);
text("321", 475, 510);
text("321", 490, 510);
text("321", 505, 510);
text("32", 517, 510);
text("321", 415, 500);
text("321", 430, 500);
text("321", 445, 500);
text("321", 460, 500);
text("321", 475, 500);
text("321", 490, 500);
text("321", 505, 500);
text("32", 517, 500);
text("321", 415, 490);
text("321", 430, 490);
text("321", 445, 490);
text("321", 460, 490);
text("321", 475, 490);
text("321", 490, 490);

text("321", 505, 490);
text("32", 519, 490);
text("321", 415, 480);
text("321", 430, 480);
text("321", 445, 480);
text("321", 460, 480);
text("321", 475, 480);
text("321", 490, 480);
text("321", 505, 480);
text("32", 519, 480);
textSize(9);
textAlign(CENTER);
fill(0);
text("321", 415, 460);
text("321", 430, 460);
text("321", 445, 460);
text("321", 460, 460);
text("321", 475, 460);
text("321", 490, 460);
text("321", 505, 460);
text("321", 520, 460);
text("321", 415, 450);
text("321", 430, 450);
text("321", 445, 450);
text("321", 460, 450);
text("321", 475, 450);
text("321", 490, 450);
text("321", 505, 450);
text("32", 518, 450);
text("321", 415, 440);
text("321", 430, 440);
text("321", 445, 440);
text("321", 460, 440);
text("321", 475, 440);
text("321", 490, 440);
text("321", 505, 440);
text("32", 518, 440);
text("321", 415, 430);
text("321", 430, 430);
text("321", 445, 430);
text("321", 460, 430);
text("321", 475, 430);
text("321", 490, 430);
text("321", 505, 430);

text("32", 518, 430);
text("321", 415, 420);
text("321", 430, 420);
text("321", 445, 420);
text("321", 460, 420);
text("321", 475, 420);
text("321", 490, 420);
text("321", 505, 420);
text("32", 518, 420);
textSize(9);
textAlign(CENTER);
fill(0);
text("321", 415, 400);
text("321", 430, 400);
text("321", 445, 400);
text("321", 460, 400);
text("321", 475, 400);
text("321", 490, 400);
text("3213", 507, 400);
text("321", 415, 390);
text("321", 430, 390);
text("321", 445, 390);
text("321", 460, 390);
text("321", 475, 390);
text("321", 490, 390);
text("321", 505, 390);
text("3", 515, 390);
text("321", 415, 380);
text("321", 430, 380);
text("321", 445, 380);
text("321", 460, 380);
text("321", 475, 380);
text("321", 490, 380);
text("321", 505, 380);
text("321", 415, 370);
text("321", 430, 370);
text("321", 445, 370);
text("321", 460, 370);
text("321", 475, 370);
text("321", 490, 370);
text("321", 505, 370);
text("321", 415, 360);
text("321", 430, 360);
text("321", 445, 360);

text("321", 460, 360);
text("321", 475, 360);
text("321", 490, 360);
text("321", 505, 360);
textSize(9);
textAlign(CENTER);
fill(0);
text("321", 415, 340);
text("321", 430, 340);
text("321", 445, 340);
text("321", 460, 340);
text("321", 475, 340);
text("321", 490, 340);
text("3", 502, 340);
text("321", 415, 330);
text("321", 430, 330);
text("321", 445, 330);
text("321", 460, 330);
text("321", 475, 330);
text("3213", 492, 330);
text("321", 415, 320);
text("321", 430, 320);
text("321", 445, 320);
text("321", 460, 320);
text("321", 475, 320);
text("321", 490, 320);
text("321", 415, 310);
text("321", 430, 310);
text("321", 445, 310);
text("321", 460, 310);
text("321", 475, 310);
text("32", 490, 310);
text("321", 415, 300);
text("321", 430, 300);
text("321", 445, 300);
text("321", 460, 300);
text("321", 475, 300);
text("3", 485, 300);
textSize(9);
textAlign(CENTER);
fill(0);
text("321", 415, 280);
text("321", 430, 280);
text("321", 445, 280);

text("321", 460, 280);
text("321", 475, 280);
text("321", 415, 270);
text("321", 430, 270);
text("321", 445, 270);
text("321", 460, 270);
text("32", 475, 270);
text("321", 415, 260);
text("321", 430, 260);
text("321", 445, 260);
text("3213", 462, 260);
text("321", 415, 250);
text("321", 430, 250);
text("321", 445, 250);
text("321", 460, 250);
text("321", 415, 240);
text("321", 430, 240);
text("3213", 447, 240);
textSize(9);
textAlign(CENTER);
fill(0);
text("321", 382, 240);
text("321", 365, 240);
text("321", 382, 250);
text("321", 400, 240);
text("321", 400, 250);

size(800, 700);
background(255);
textSize(5);
textAlign(RIGHT);
fill(0);
text("381", 399, 60);
text("381", 399, 70);
text("381", 399, 80);
text("381", 399, 90);
text("381", 399, 100);
text("381", 399, 110);
text("381", 399, 120);
text("381", 399, 130);
text("381", 399, 140);
text("381", 399, 150);
text("381", 399, 160);
text("381", 399, 170);
text("381", 399, 180);
text("381", 399, 190);
text("381", 399, 200);
text("381", 399, 210);
text("381", 399, 220);
text("381", 399, 230);
text("381", 399, 240);
text("381", 399, 250);
text("381", 399, 260);
text("381", 399, 270);
text("381", 399, 280);
text("381", 399, 290);
text("381", 399, 300);
text("381", 399, 310);
text("381", 399, 320);
text("381", 399, 330);
text("381", 399, 340);
text("381", 399, 350);
text("381", 399, 360);
text("381", 399, 370);
text("381", 399, 380);
text("381", 399, 390);
text("381", 399, 400);
text("381", 399, 410);
text("381", 399, 420);
text("381", 399, 430);
text("381", 399, 440);

1

2

3

4

5

6

7

8

9

Princess Tower Black/White Basic

text("381", 399, 450);
text("381", 399, 460);
text("381", 399, 470);
text("381", 399, 480);
text("381", 399, 490);
text("381", 399, 500);
text("381", 399, 510);
text("381", 399, 520);
text("381", 399, 530);
text("381", 399, 540);
text("381", 399, 550);
text("381", 399, 560);
text("381", 399, 570);
text("381", 399, 580);
text("381", 399, 590);
text("381", 399, 600);
text("381", 399, 610);
text("381", 399, 620);
text("381", 399, 630);
textSize(7);
textAlign(RIGHT);
fill(0);
text("313", 410, 100);
text("313", 410, 110);
text("313", 410, 120);
text("313", 410, 130);
text("313", 410, 140);
text("313", 410, 150);
text("313", 410, 160);
text("313", 410, 170);
text("313", 410, 180);
text("313", 410, 190);
text("313", 410, 200);
text("313", 410, 210);
text("313", 410, 220);
text("313", 410, 230);
text("313", 410, 240);
text("313", 410, 250);
text("313", 410, 260);
text("313", 410, 270);
text("313", 410, 280);
text("313", 410, 290);
text("313", 410, 300);
text("313", 410, 310);

text("313", 410, 320);
text("313", 410, 330);
text("313", 410, 340);
text("313", 410, 350);
text("313", 410, 360);
text("313", 410, 370);
text("313", 410, 380);
text("313", 410, 390);
text("313", 410, 400);
text("313", 410, 410);
text("313", 410, 420);
text("313", 410, 430);
text("313", 410, 440);
text("313", 410, 450);
text("313", 410, 460);
text("313", 410, 470);
text("313", 410, 480);
text("313", 410, 490);
text("313", 410, 500);
text("313", 410, 510);
text("313", 410, 520);
text("313", 410, 530);
text("313", 410, 540);
text("313", 410, 550);
text("313", 410, 560);
text("313", 410, 570);
text("313", 410, 580);
text("313", 410, 590);
text("313", 410, 600);
text("313", 410, 610);
text("313", 410, 620);
text("313", 410, 630);
text("313", 390, 100);
text("313", 390, 110);
text("313", 390, 120);
text("313", 390, 130);
text("313", 390, 140);
text("313", 390, 150);
text("313", 390, 160);
text("313", 390, 170);
text("313", 390, 180);
text("313", 390, 190);
text("313", 390, 200);
text("313", 390, 210);

fill(0);
text("243", 380, 110);
text("243", 380, 120);
text("243", 380, 130);
text("243", 380, 140);
text("243", 380, 150);
text("243", 380, 160);
text("243", 380, 170);
text("243", 380, 180);
text("243", 380, 190);
text("243", 380, 200);
text("243", 380, 210);
text("243", 380, 220);
text("243", 380, 230);
text("243", 380, 240);
text("243", 380, 250);
text("243", 380, 260);
text("243", 380, 270);
text("243", 380, 280);
text("243", 380, 290);
text("243", 380, 300);
text("243", 380, 310);
text("243", 380, 320);
text("243", 380, 330);
text("243", 380, 340);
text("243", 380, 350);
text("243", 380, 360);
text("243", 380, 370);
text("243", 380, 380);
text("243", 380, 390);
text("243", 380, 400);
text("243", 380, 410);
text("243", 380, 420);
text("243", 380, 430);
text("243", 380, 440);
text("243", 380, 450);
text("243", 380, 460);
text("243", 380, 470);
text("243", 380, 480);
text("243", 380, 490);
text("243", 380, 500);
text("243", 380, 510);
text("243", 380, 520);
text("243", 380, 530);

text("313", 390, 220);
text("313", 390, 230);
text("313", 390, 240);
text("313", 390, 250);
text("313", 390, 260);
text("313", 390, 270);
text("313", 390, 280);
text("313", 390, 290);
text("313", 390, 300);
text("313", 390, 310);
text("313", 390, 320);
text("313", 390, 330);
text("313", 390, 340);
text("313", 390, 350);
text("313", 390, 360);
text("313", 390, 370);
text("313", 390, 380);
text("313", 390, 390);
text("313", 390, 400);
text("313", 390, 410);
text("313", 390, 420);
text("313", 390, 430);
text("313", 390, 440);
text("313", 390, 450);
text("313", 390, 460);
text("313", 390, 470);
text("313", 390, 480);
text("313", 390, 490);
text("313", 390, 500);
text("313", 390, 510);
text("313", 390, 520);
text("313", 390, 530);
text("313", 390, 540);
text("313", 390, 550);
text("313", 390, 560);
text("313", 390, 570);
text("313", 390, 580);
text("313", 390, 590);
text("313", 390, 600);
text("313", 390, 610);
text("313", 390, 620);
text("313", 390, 630);
textSize(7);
textAlign(RIGHT);

text("243", 420, 450);
text("243", 420, 460);
text("243", 420, 470);
text("243", 420, 480);
text("243", 420, 490);
text("243", 420, 500);
text("243", 420, 510);
text("243", 420, 520);
text("243", 420, 530);
text("243", 420, 540);
text("243", 420, 550);
text("243", 420, 560);
text("243", 420, 570);
text("243", 420, 580);
text("243", 420, 590);
text("243", 420, 600);
text("243", 420, 610);
text("243", 420, 620);
text("243", 420, 630);
textSize(7);
textAlign(RIGHT);
fill(0);
text("217", 370, 120);
text("217", 370, 130);
text("217", 370, 140);
text("217", 370, 150);
text("217", 370, 160);
text("217", 370, 170);
text("217", 370, 180);
text("217", 370, 190);
text("217", 370, 200);
text("217", 370, 210);
text("217", 370, 220);
text("217", 370, 230);
text("217", 370, 240);
text("217", 370, 250);
text("217", 370, 260);
text("217", 370, 270);
text("217", 370, 280);
text("217", 370, 290);
text("217", 370, 300);
text("217", 370, 310);
text("217", 370, 320);
text("217", 370, 330);

text("243", 380, 540);
text("243", 380, 550);
text("243", 380, 560);
text("243", 380, 570);
text("243", 380, 580);
text("243", 380, 590);
text("243", 380, 600);
text("243", 380, 610);
text("243", 380, 620);
text("243", 380, 630);
text("243", 420, 110);
text("243", 420, 120);
text("243", 420, 130);
text("243", 420, 140);
text("243", 420, 150);
text("243", 420, 160);
text("243", 420, 170);
text("243", 420, 180);
text("243", 420, 190);
text("243", 420, 200);
text("243", 420, 210);
text("243", 420, 220);
text("243", 420, 230);
text("243", 420, 240);
text("243", 420, 250);
text("243", 420, 260);
text("243", 420, 270);
text("243", 420, 280);
text("243", 420, 290);
text("243", 420, 300);
text("243", 420, 310);
text("243", 420, 320);
text("243", 420, 330);
text("243", 420, 340);
text("243", 420, 350);
text("243", 420, 360);
text("243", 420, 370);
text("243", 420, 380);
text("243", 420, 390);
text("243", 420, 400);
text("243", 420, 410);
text("243", 420, 420);
text("243", 420, 430);
text("243", 420, 440);

text("217", 370, 340);
text("217", 370, 350);
text("217", 370, 360);
text("217", 370, 370);
text("217", 370, 380);
text("217", 370, 390);
text("217", 370, 400);
text("217", 370, 410);
text("217", 370, 420);
text("217", 370, 430);
text("217", 370, 440);
text("217", 370, 450);
text("217", 370, 460);
text("217", 370, 470);
text("217", 370, 480);
text("217", 370, 490);
text("217", 370, 500);
text("217", 370, 510);
text("217", 370, 520);
text("217", 370, 530);
text("217", 370, 540);
text("217", 370, 550);
text("217", 370, 560);
text("217", 370, 570);
text("217", 370, 580);
text("217", 370, 590);
text("217", 370, 600);
text("217", 370, 610);
text("217", 370, 620);
text("217", 370, 630);
text("217", 430, 120);
text("217", 430, 130);
text("217", 430, 140);
text("217", 430, 150);
text("217", 430, 160);
text("217", 430, 170);
text("217", 430, 180);
text("217", 430, 190);
text("217", 430, 200);
text("217", 430, 210);
text("217", 430, 220);
text("217", 430, 230);
text("217", 430, 240);
text("217", 430, 250);

text("217", 430, 260);
text("217", 430, 270);
text("217", 430, 280);
text("217", 430, 290);
text("217", 430, 300);
text("217", 430, 310);
text("217", 430, 320);
text("217", 430, 330);
text("217", 430, 340);
text("217", 430, 350);
text("217", 430, 360);
text("217", 430, 370);
text("217", 430, 380);
text("217", 430, 390);
text("217", 430, 400);
text("217", 430, 410);
text("217", 430, 420);
text("217", 430, 430);
text("217", 430, 440);
text("217", 430, 450);
text("217", 430, 460);
text("217", 430, 470);
text("217", 430, 480);
text("217", 430, 490);
text("217", 430, 500);
text("217", 430, 510);
text("217", 430, 520);
text("217", 430, 530);
text("217", 430, 540);
text("217", 430, 550);
text("217", 430, 560);
text("217", 430, 570);
text("217", 430, 580);
text("217", 430, 590);
text("217", 430, 600);
text("217", 430, 610);
text("217", 430, 620);
text("217", 430, 630);
textSize(7);
textAlign(RIGHT);
fill(0);
text("217", 360, 130);
text("217", 360, 140);
text("217", 360, 150);

text("217", 360, 160);
text("217", 360, 170);
text("217", 360, 180);
text("217", 360, 190);
text("217", 360, 200);
text("217", 360, 210);
text("217", 360, 220);
text("217", 360, 230);
text("217", 360, 240);
text("217", 360, 250);
text("217", 360, 260);
text("217", 360, 270);
text("217", 360, 280);
text("217", 360, 290);
text("217", 360, 300);
text("217", 360, 310);
text("217", 360, 320);
text("217", 360, 330);
text("217", 360, 340);
text("217", 360, 350);
text("217", 360, 360);
text("217", 360, 370);
text("217", 360, 380);
text("217", 360, 390);
text("217", 360, 400);
text("217", 360, 410);
text("217", 360, 420);
text("217", 360, 430);
text("217", 360, 440);
text("217", 360, 450);
text("217", 360, 460);
text("217", 360, 470);
text("217", 360, 480);
text("217", 360, 490);
text("217", 360, 500);
text("217", 360, 510);
text("217", 360, 520);
text("217", 360, 530);
text("217", 360, 540);
text("217", 360, 550);
text("217", 360, 560);
text("217", 360, 570);
text("217", 360, 580);
text("217", 360, 590);

text("217", 360, 600);
text("217", 360, 610);
text("217", 360, 620);
text("217", 360, 630);
text("217", 440, 130);
text("217", 440, 140);
text("217", 440, 150);
text("217", 440, 160);
text("217", 440, 170);
text("217", 440, 180);
text("217", 440, 190);
text("217", 440, 200);
text("217", 440, 210);
text("217", 440, 220);
text("217", 440, 230);
text("217", 440, 240);
text("217", 440, 250);
text("217", 440, 260);
text("217", 440, 270);
text("217", 440, 280);
text("217", 440, 290);
text("217", 440, 300);
text("217", 440, 310);
text("217", 440, 320);
text("217", 440, 330);
text("217", 440, 340);
text("217", 440, 350);
text("217", 440, 360);
text("217", 440, 370);
text("217", 440, 380);
text("217", 440, 390);
text("217", 440, 400);
text("217", 440, 410);
text("217", 440, 420);
text("217", 440, 430);
text("217", 440, 440);
text("217", 440, 450);
text("217", 440, 460);
text("217", 440, 470);
text("217", 440, 480);
text("217", 440, 490);
text("217", 440, 500);
text("217", 440, 510);
text("217", 440, 520);

text("217", 440, 530);
text("217", 440, 540);
text("217", 440, 550);
text("217", 440, 560);
text("217", 440, 570);
text("217", 440, 580);
text("217", 440, 590);
text("217", 440, 600);
text("217", 440, 610);
text("217", 440, 620);
text("217", 440, 630);
textSize(7);
textAlign(RIGHT);
fill(0);
text("217", 350, 240);
text("217", 350, 250);
text("217", 350, 260);
text("217", 350, 270);
text("217", 350, 280);
text("217", 350, 290);
text("217", 350, 300);
text("217", 350, 310);
text("217", 350, 320);
text("217", 350, 330);
text("217", 350, 340);
text("217", 350, 350);
text("217", 350, 360);
text("217", 350, 370);
text("217", 350, 380);
text("217", 350, 390);
text("217", 350, 400);
text("217", 350, 410);
text("217", 350, 420);
text("217", 350, 430);
text("217", 350, 440);
text("217", 350, 450);
text("217", 350, 460);
text("217", 350, 470);
text("217", 350, 480);
text("217", 350, 490);
text("217", 350, 500);
text("217", 350, 510);
text("217", 350, 520);
text("217", 350, 530);

text("217", 350, 540);
text("217", 350, 550);
text("217", 350, 560);
text("217", 350, 570);
text("217", 350, 580);
text("217", 350, 590);
text("217", 350, 600);
text("217", 350, 610);
text("217", 350, 620);
text("217", 350, 630);
text("217", 450, 240);
text("217", 450, 250);
text("217", 450, 260);
text("217", 450, 270);
text("217", 450, 280);
text("217", 450, 290);
text("217", 450, 300);
text("217", 450, 310);
text("217", 450, 320);
text("217", 450, 330);
text("217", 450, 340);
text("217", 450, 350);
text("217", 450, 360);
text("217", 450, 370);
text("217", 450, 380);
text("217", 450, 390);
text("217", 450, 400);
text("217", 450, 410);
text("217", 450, 420);
text("217", 450, 430);
text("217", 450, 440);
text("217", 450, 450);
text("217", 450, 460);
text("217", 450, 470);
text("217", 450, 480);
text("217", 450, 490);
text("217", 450, 500);
text("217", 450, 510);
text("217", 450, 520);
text("217", 450, 530);
text("217", 450, 540);
text("217", 450, 550);
text("217", 450, 560);
text("217", 450, 570);

text("217", 450, 580);
text("217", 450, 590);
text("217", 450, 600);
text("217", 450, 610);
text("217", 450, 620);
text("217", 450, 630);
textSize(7);
textAlign(RIGHT);
fill(0);
text("217", 460, 600);
text("217", 460, 610);
text("217", 460, 620);
text("217", 460, 630);
text("217", 340, 600);
text("217", 340, 610);
text("217", 340, 620);
text("217", 340, 630);

1

2

3

4

5

6

7

8

9

10

11

12

13

14

FINAL DESIGNS

BURJ KHALIFA

PRINCESS
TOWER

BURJ AL ARAB

EMPIRE STATE

DUBAI

NEW YORK

UAE

DUBAI

These final pieces have a gradual color scheme I have worked with to add a creative 'fade' effect into the designs. I believe these designs look eye catching and would make a very abstract poster when all placed together (like above).
If possible I would have liked to make them into 3D models, but given the highly complicated design of each tower it would be overly complicated and would have needed years of Processing experiance with OpenGL and P3D rendering. Besides this I am happy with my outcome and believe the above designs are creative enough, especially for poster design.

1

DOWNLOAD FILE

Click on the icon to download, drag the folder inside onto your desktop or whichever location you prefer, then open the folder and double click the containing .pde file to open.