Lab 2 cs1graphics: Transformations
The following designs will be added to your existing
Task 1: Pinwheel
Create the following design:
The design should be contained in it's own Layer, let's call it
pinwheel, and it should be made up of 4 clones of the
Here is the pinwheel design with the grid and reference points shown via cs1graphicsHelper (
In the image above, note how only one reference point is shown (at the center of the pinwheel). When a Layer contains other Layers,
drawReferencePoints depicts the reference point of the topmost Layer only.
Recall that in cs1graphics, you can clone, rotate, flip and scale objects. Here are the lecture notes for reference.
Task 2: Firework
Next up, a firework pattern. As in the pinwheel task above, there are 4 clones of the
treat Layer in this firework pattern. This firework pattern is shown centered in the Canvas.
The reference point for the
treat Layer is placed at the center of the scoop; thus, if you rotate the
treat clones around this point, you'll need to then move the clones into position to replicate the design.
Alternatively, you could move the reference point of the
treat clones to the bottom point of the cone using cs1graphics
adjustReference method. With the reference point at the bottom, then you can just rotate each treat clone around the center.
adjustReference method changes the reference point of an object by a provided change in x-axis (
dx) and change in y-axis (
d is short of
doubleTreat.adjustReference(0, 100) would move the reference point of a doubleTreat layer down like this:
dy value would you need to use so that the reference point was at the bottom tip of a
Once the reference point is moved to the bottom tip of the cone, all the clones can be placed in the same position and then rotated around that point.
Task 3: Wheel
Next, using the firework pattern, create this wheel design:
Task 4: That 70s design
Now let's combine some of these designs together.
- The center pinwheel design is scaled 125% larger.
- Look at the gridded image below. Note the distance between the center of each of the mini-wheels and the reference point of the center "scoop".
Task 5: Collage
And finally, a master collage with all the designs!
Tip: The double scoop cone (on the right) is scaled 150% bigger.