In this task you will be creating an image to display game stats such as electricity and health. $4$

Your program should take several inputs from the user:

Current value: an integer representing the current value of this stat

Max value: the integer maximum value that this stat can take

Colour: a whitespace$-$separated sequence of integers representing an rgba colour $($red$,$ green, blue, alpha$).$ The alpha channel determines the opacity$/$transparency of the colour.

Icon filename: the location of the icon file $($e$.$g$.$ heart.png$).$

Output filename: the filename of where to save the image you create. You may assume that inputs are correctly formatted and valid $($e$.$g$.$ input files exist, the user inputs valid digits when asked for a value, output filename has a valid path$).$

For this task you should use the PIL.Image library that you learnt about in worksheet $17.$

The image you create should have a transparent background $($use "RGBA" mode and initialise the background colour to $(0,0,0,0)),$ and be exactly wide enough to fit the components $($you will need to calculate the appropriate width and height$).$

The icon will be a $64$x$64$ pixel image that should be copied on to the left of the bar, with a margin of $3$ pixels on each side.

The coloured part of bar will have a height of $64$ pixels and a width of $30$ pixels for each unit it represents. The colour of this part of the bar is the colour tuple passed in to the function.

There should be a $3$ pixel wide black border around the maximally filled bar.

For this task you will write a program that asks the user for input. You may define functions, but make sure to call them. You may ignore a PEP$8$ warning about Line $1$: N$813$ camelcase 'PIL.Image' imported as lowercase 'pim' if one occurs, but should fix issues from any other warnings.

Examples

When given input like this:

Current value: $15$

Max value: $20$

Colour: $20020107255$

Icon filename: heart.png

Output filename: healthbar.png

Your program should produce this image:

healthbar.png

The health bar that the function should output

Note the transparent background of the png

When given input like this:

Current value: $3$

Max value: $15$

Colour: $2552000255$

Icon filename: lightning.png

Output filename: electricitybar.png

Your program should produce this image:

electricitybar.png

The electricity bar that the function should output

When given input like this:

Current value: $17$

Max value: $23$

Colour: $100200200210$

Icon filename: heart.png

Output filename: healthbar$5.$png

Your program should produce this image:

healthbar$5.$png

The health bar that the function should output

Watch for transparency of the colour input!