SNAKE - Change background color scheme + add themes

[neur0n-7]

Background is plain and uninteresting

Description:

• What should happen: Background is checkered, and we can modify the theme to normal, dark, colorblind, etc. . Example image below:

• What actually happens: Background is plain
• Steps to reproduce: Launch the game in any settings scheme

Acceptance Criteria:

• Game starts in default with checkered green background
• Option to change theme (color scheme) in the settings menu

Debug Strategy:

• In the settings menu code add color scheme options, sets variable
• Find code that fills background
• Replace it with code that creates a checkered background using the theme variable
• Test edge case: reloading page after modifying color scheme

[neur0n-7]

Color theme changed

[neur0n-7]

We created a for loop to make this background

for(let y = 0; y < canvas.height / BLOCK; y++) {
                for(let x = 0; x < canvas.width / BLOCK; x++) {
                    ctx.fillStyle = ((x + y) % 2 === 0) ? color_light_tile : color_dark_tile;
                    ctx.fillRect(x * BLOCK, y * BLOCK, BLOCK, BLOCK);
                }
            }