We would like you to complete a small garden themed programming project over the summer break.   Details are below.

The Garden Project

You should create a garden themed animation using JavaScript and the P5.js library.   Please do not worry if you have never coded before.  The supporting resources listed below will tell you everything you need to know.  

You can be as creative as you like.  P5.js makes so many things very easy - why not let the user select pick the colour of the flower using createColorPicker()?  If you are a competent programmer, challenge yourself.  Could you make some sort of garden based game?   Talk to friends and family to get ideas.

Examples are shown right and below.

The project will be assessed using the mark grid below.  The mark grid is similar to the one used for coursework (20% of the final A level grade).

Learning objectives from specification:  

1.3.4 Web Technologies (a) HTML, CSS and JavaScript

2.2.1 Programming techniques (a) Programming constructs: sequence, iteration, branching  (c)  Global and local variables (e)  Use of an IDE to develop/ debug a program.

2.3.1 Algorithms (a) Analysis and design of algorithms for a given situation.

Supporting Resources:

Taster Lesson (if you have not done so already, you should complete this lesson before you start the project)

Learn to code with P5.js

https://p5js.org/reference/

1.1: Code! Programming for Beginners with p5.js

1.2: p5.js Web Editor - p5.js Tutorial

1.3: Shapes & Drawing - p5.js Tutorial

1.4: Color - p5.js Tutorial

1.5: Errors & Console - p5.js Tutorial

1.6: Code Comments - p5.js Tutorial

2.1: Variables in p5.js (mouseX, mouseY) - p5.js Tutorial

2.2: Variables in p5.js (Define Your Own) - p5.js Tutorial

If the above resources, don't answer all your questions, use a search engine and look at other web sites.