Arabesque

Joelle Atallah

Please install the Flash Player from Adobe to view this content.
Get Adobe Flash player

With color, shapes and lines, I created a traditional Arabesque drawing and included some animation to it.

 

Example of a shape:

//setting the scene
import flash.display.Graphics;
import flash.display.Shape;

//drawing shape1 of the general object
var shape1:Shape = new Shape();

shape1.graphics.lineStyle(3, 0x000000, 1);

//setting variable for shape1
var x1:Number = 0;
var x2:Number = 93.8;
var x3:Number = 250;
var x4:Number = 406;
var x5:Number = 500;
var x6:Number = 368;
var x7:Number = 500;
var x8:Number = 406;
var x9:Number = 250;
var x10:Number = 93.8;
var x11:Number = 0;
var x12:Number = 132;

var y1:Number = 93.8;
var y2:Number = 0;
var y3:Number = 132;
var y4:Number = 0;
var y5:Number = 93.8;
var y6:Number = 250;
var y7:Number = 406;
var y8:Number = 500;
var y9:Number = 368;
var y10:Number = 500;
var y11:Number = 406;
var y12:Number = 250;

shape1.graphics.moveTo(x1, y1);
shape1.graphics.lineTo(x2, y2);
shape1.graphics.lineTo(x3, y3);
shape1.graphics.lineTo(x4, y4);
shape1.graphics.lineTo(x5, y5);
shape1.graphics.lineTo(x6, y6);
shape1.graphics.lineTo(x7, y7);
shape1.graphics.lineTo(x8, y8);
shape1.graphics.lineTo(x9, y9);
shape1.graphics.lineTo(x10, y10);
shape1.graphics.lineTo(x11, y11);
shape1.graphics.lineTo(x12, y12);
shape1.graphics.lineTo(x1, y1);

addChild(shape1);

 

Another experiment for drawing shapes:

//drawing star3 of the general object
var star3:Shape = new Shape();

star3.graphics.lineStyle(3, 0x000000, 1);

//setting variable for star3
var C = [
'240','224','250.5','233','261','224','262.5','238','276.5','239.5',
'267.5','250','276.5','260.5','262.5','262','261','276','250.5','267',
'240','276','238.5','262','224.5','260.5','233.5','250','224.5','239','238.5','238'
];

star3.graphics.moveTo(C[0], C[1]);
star3.graphics.lineTo(C[2], C[3]);
star3.graphics.lineTo(C[4], C[5]);
star3.graphics.lineTo(C[6], C[7]);
star3.graphics.lineTo(C[8], C[9]);
star3.graphics.lineTo(C[10], C[11]);
star3.graphics.lineTo(C[12], C[13]);
star3.graphics.lineTo(C[14], C[15]);
star3.graphics.lineTo(C[16], C[17]);
star3.graphics.lineTo(C[18], C[19]);
star3.graphics.lineTo(C[20], C[21]);
star3.graphics.lineTo(C[22], C[23]);
star3.graphics.lineTo(C[24], C[25]);
star3.graphics.lineTo(C[26], C[27]);
star3.graphics.lineTo(C[28], C[29]);
star3.graphics.lineTo(C[30], C[31]);
star3.graphics.lineTo(C[0], C[1]);

addChild(star3);

 

Example for filling a shape:

//filling shape1 of the general object
var Fshape1:Shape = new Shape();

Fshape1.graphics.beginFill(0xa000a0, 1);

Fshape1.graphics.moveTo(x1, y1);
Fshape1.graphics.lineTo(x2, y2);
Fshape1.graphics.lineTo(x3, y3);
Fshape1.graphics.lineTo(x4, y4);
Fshape1.graphics.lineTo(x5, y5);
Fshape1.graphics.lineTo(x6, y6);
Fshape1.graphics.lineTo(x7, y7);
Fshape1.graphics.lineTo(x8, y8);
Fshape1.graphics.lineTo(x9, y9);
Fshape1.graphics.lineTo(x10, y10);
Fshape1.graphics.lineTo(x11, y11);
Fshape1.graphics.lineTo(x12, y12);
Fshape1.graphics.lineTo(x1, y1);

graphics.endFill();

addChild(Fshape1);