Description

Secret garden
No more website; now we will install a secret garden in your browser.
You will be provided with the pictures, HTML and CSS files required for the assignment – you can of course add extra elements etc. when you implement extra functionality ☺.

Your task is to implement the following functionality in JavaScript to provide behavior and interactivity for the various objects in the garden. All implementation must be done using jQuery selectors and functions.

Object: One net
Behavior: The net should follow the cursor around in the garden at all times.

Object: One blue butterfly
Behavior 1: Whenever you try to move the mouse cursor over the blue butterfly, it will swiftly move to a random location inside the view of the garden, but always staying inside the view of the garden – i.e. not moving outside the browser window.
Behavior 2: When the blue butterfly is not otherwise being interacted with, it will slowly move around in random directions on its own – again, never moving outside the garden.

Object: Three apples
Behavior: Each apple is placed at a random position in the crown of the tree every time the garden loads. When an apple is clicked, it moves in a straight line into the basket. The apples should be placed INSIDE the basket.

Object: One watering can
Behavior: when the watering can is clicked, it should shift to a tilted position, and when it is clicked again it should go back to the initial (normal) position.

Object: Three waterdrops
Behavior: The waterdrops should be hidden until the watering can is in a tilted position. When the watering can is in a tilted position, the waterdrops should appear from the tip of the watering can and move down in a straight line and exit at the bottom of the screen. When a waterdrop moves out of view in the bottom, it will enter anew by the tip of the watering can and move downward in a straight line. This behavior should continue until the watering can is no longer in a tilted position.

Each group member MUST implement at least one extra feature/functionality to the garden.

Upload all the files for assignment 3 in your group folder on Itslearning. Only one hand-in per group. Your group is the same as for SEP1.
Have fun ☺