Interactive Design -Assignment 1-

Basic shape design...

     For my Interactive Design class our first assignment was to create a simple design with shapes. We could also add small animations if we wanted. I did add some animation, but I don't know how to show the code on blogger.

     In this design, the stars rotate and the checkered behind the oval rotates the other direction. It took a long time to get everything positioned just right. Also to actually code everything took a little while. Here is an example of the coding of the animation.

function onFrame(event) {

star1.rotate(3);
star2.rotate(-1);
star3.rotate(2);
star4.rotate(3);
star5.rotate(-1);
star6.rotate(2);
star7.rotate(3);
star8.rotate(-1);
star9.rotate(2);
star10.rotate(3);
star11.rotate(-1);
star12.rotate(2);
checker.rotate(-1);

}

Thanks for reading,

    MELANIE S MESCHER