Pattern
For the final homework, I want to create a pattern, which consist of squares, circles and stars. The shape will randomly selected and tweens to the next shape. At the beginning, the user should click, if the next tween should happened, but I changed it. If a tween is finished, a new shape will randomly selected and the tween starts. The user can control some aspects of the shape.
These aspects are:
by pressing a key
- UP Moves the origin of the shapes 20px up
- DOWN Moves the origin of the shapes 20px down
- LEFT Moves the origin of the shapes 20px left
- RIGHT Moves the origin of the shapes 20px right
by releasing a key
- a/A adds a new shape on the right, if the current number is below the maximum
- s/S removes the shape on the right (The minimum is 1 shape)
- d/D adds a new shape on the bottom, if the current number is below the maximum
- f/F removes the shape on the bottom (The minimum is 1 shape)
by mouse click
- Creates a new color for every shape, there will be a tween between the current number and the new one
by moving the mouse
- It will adjust the distance between the shapes, considering the current origin of the shapes
by adjusting properties in the FinalHomework sketch
- randomIsOK Will position the shapes in every frame randomly to its origin (not the origin of all shapes)
- randomValue If randomIsOK, it will be the offset from the origin of the shape
- resetBackground If the background should be reset, if no: A rectangle will be drawn with the following color
- bicolor color for the background (without alpha) or for the rectangle (with alpha)
