/adventure_quest

Adventure game made entirely in JavaScript.

Primary LanguageJavaScript

Adventure Quest!

Welcome to my game built entirely in JavaScript. It uses a linear quest and story chain to reduce health based on decision!

Plan Time - DAY ONE

HTML Elements

  • Text input for user name
  • Radio buttons for user Race
  • Form Submit button

Events

  • On form submit

    • Generate a user object using the form data (generateUser)

      • write TDD
      • Write function - utils.js
      • User Object in lab notes.

    • Store user data in localStorage (setUser)

      • Always use for localStorage
      • Not as complex as e-commerce. More like pokeDex LS.

    • Redirect to the map page

Map Page

HTML Elements

  • List of links for each quest (genertaed fromt he quest-data)
    • Link should not be clickable if the user has already compelted the quest
    • [x]Link should contrian a URL search parameter containing the quest ID

Events

  • On page load -- a bunch of game logic that we're punting on (TBD)

Quest Detail Page

HTML elements

  • Title
  • Description
  • Quest Image
  • Quest Choices (radio buttons)

Events

  • On page load, get the quest ID from URL search parameters and load the quest data onto the page.
  • On form submit
    • update the user data
    • redirect to the map page

Day 3 to-do

  • avatar info
    • load profile in quest.js end of event listener
  • Place links on map
    • map.css
    • displayLink & displaySpan
  • End Game Screen
    • Chacter summary
    • Death screen vs survive screen
    • reset button that clears LS and goes to homepage
      • Prize based on gold if time allowed
  • Avatar, hp, and gold on each page