Graphic programming

we have developed a number of graphics applications using P$5$js$.$ For this assignment you are tasked with developing a snooker app. You have to draw the snooker table with pockets, lines etc., add the balls and the cue. A standard full$-$ size snooker table measures $12$ ft $\backslash$times $6$ ft$.$ Here you choose the size of table in pixels, but you should maintain the ratio i$.$e$.,$ length of table $=$ width of table $/2.$

Task$/$steps

$1.$ Define your variables for the table, balls and the cue. Store the balls in appropriate

arrays

$2.$ Draw the snooker table in the middle of the canvas using the correct colours,

pockets and lines as described above

$3.$ Draw the balls in three modes a$)$ starting positions using keystroke $1,$ b$)$ random

positions $($reds only$)$ using keystroke $2,$ c$)$ random positions $($reds and coloured

balls$)$ using keystroke $3.$ This excludes the cue ball

$4.$ Give all balls the necessary restitution $($for bouncing$)$ and friction $($for slowing

down$).$ You are expected to use matter.js

$5.$ Draw the cue. Here you have a few options: use the mouse, keyboard or a

combination of them to draw and manipulate the cue so you can hit the cue ball.

Top marks will be awarded when using both mouse and key interaction. Adjust the

speed of the cue i$.$e$.$ you don$$t want your cue to hit very hard and through the balls

outside the table. Zero points if cue is acting as an elastic band.

$6.$ The cue ball is inserted $($in the $$D$$ zone$)$ using human interaction as above i$.$e$.$ use

the right combination of key$/$mouse etc. Zero points if cue ball already in place at

start of the game without user interaction or outside the $$D$.$

$7.$ Cushions should also have the necessary physics properties for bouncing $($i$.$e$.$

restitution$)$ the balls $($different from the ones the balls have$).$ You are expected to

use matter.js

$8.$ When a red ball is in the pocket it should be removed from the array

$9.$ Define a function for collision detection to prompt the user of the type of impact

e$.$g$.$ cue$-$red, cue$-$colour, cue$-$cushion. The function should work only for collisions

of the cue ball