Code the Arcade

Your Mission

Customize, test, and improve your own Snake game. Complete the required changes, then search through the code for a more advanced challenge.

Instructions

Download Your Game

  • Use the button above to download the Snake game ZIP folder.
  • Open your Downloads folder.
  • Select Extract All to unzip the folder.
  • Open the extracted folder.
  • Open the HTML file in the browser.
  • Open the same HTML file in a text editor, such as Notepad.

Important: Work from the extracted folder, not from inside the ZIP folder.

Making Changes

After each change:

  • Save the file with Ctrl + S.
  • Return to the browser.
  • Refresh with Ctrl + R.
  • Test the game.
  • Keep quotation marks around words, colors, and symbols.

Level 1: Developer Settings

Use the variables near the top of the file.

  • Change the name of the game.
  • Change the snake’s color. Visit https://www.color-hex.com/ for hex color codes.
  • Change the game’s color theme.
  • Change the game speed.
  • Change the default typography.
    • Visit Google Fonts.
    • Select a font.
    • Copy the font family’s exact name.
    • Replace “Nunito” with that name.
    • Keep the font name inside quotation marks.

Level 2: Change the Fruit

Change the fruit used in the game. The fruit setting is not listed with the other variables, so you must search through the code to find it.

  • Search through the provided code.
  • Find the apple used in the game.
  • Change the apple into an orange.
  • Save, refresh, and confirm that an orange appears.
  • If you cannot find it, ask the senior station leader for a hint.

Level 3: Bonus Challenges

Complete these only after finishing every required task.

  • Change the “Game Over” message.
  • Change how many points the orange is worth.
  • Find the hidden developer message.
  • Have both apples and oranges appear on the screen and give them different point values.