Astros' Banging Baseball

The 2017 Houston Astros were caught using a tool (banging a garbage can) and someone in the dugout watching the signs on the other team to give 'hints' to the batter (https://en.wikipedia.org/wiki/Houston_Astros_sign_stealing_scandal).

We're here to give you a peek into the batter's box of an Astro.

Batting for the Astros means you will get hints in the form of banging sounds:

• pitch types -- "BANG [ Pause ]"

  • fastball (fast) -- "BANG"
  • curve (medium) -- "BANG BANG"
  • eephus (slow) -- "BANG BANG BANG"
  • concluding pause -- "[ Pause ]"

• ball location row -- "BANG BANG [ Pause ]"

  • array row 0, 1 or 2 -- "BANG * (row+1)"
  • concluding pause -- "[ Pause ]"

• ball location column -- "BANG BANG BANG"

  • array col 0, 1, or 2 -- "BANG * (col+1)"

TLDR: Bat like an Astro, and you'll be sure to be inside the mind of the opposing pitcher. Unless you got bad ears...

Tech Stacks

Working with:

• HTML
• JQuery
• CSS

Wireframes

Start Now

    After hitting start (there's also an instruction button if you need more info!),
you (player 1) will be faced with the pitching selection which you select the location using a grid and also the pitching speed.
Then the Astro (aka player 2) will be able to select where he/she would like to swing using a grid and also choose the swing speed.
The Astro will also have a hint button available, it will sound out and display the above logic in the form of (you guessed it!) Bangs!
The final screen will display 1 of 4 results:
    -Hit!           Batter beats the pitcher!
    -Miss!          Pitcher beats the batter!
    -Strikeout!     Batter swings on 3 pitches and misses all of them!
    -Thrownout!     Astros have used too many hints and have gotten their Astro thrown out of the game!

The base constants are:
    -3 pitches max
    -2 hints per swing
    -5 hints per at bat
    -7 hints before reaching the suspicion threshold

Every new at bat will reset the counters (except for suspicion.  That resets when an Astro is thrown out).

Click the link and have fun!

(https://leepdev.github.io/project-1/)

MVP Goals

• Create a browser game setup
  • HTML boilerplate
  • starter js file
  • starter css file
• Mock out Wireframes
  • Astros' Banging Baseball
  • Pitcher's Dilema
  • Astros' "All Star" Mode
  • Batter's Box
• Render a pitch selection mode
  • includes a selection of pitches
    • fastball
    • curve
    • eephus
  • includes a tic-tac-toe like pitch location selector
• Render a astros' batter mode
  • includes a random hint button (text for now)
  • includes a selection of batting speeds
    • slow
    • medium
    • fast
  • includes a tic-tac-toe like batting location selector
• Auto Render logic and display results (see below) on the Batter's Box Page
• Render a batting session message
  • "Strike!" when batter does not hit the ball
  • add button to go back to pitching page unless batting session is done (pitch count is 3 max)
  • add button to quit
• Render a pitch count
  • i.e.: PITCH 2
  • pitch count includes
    • Max of 3 pitches
    • If batter can't make contact on any pitch
      • batter loses
    • else
      • batter wins
• Render a suspicion meter
  • if suspicion meter reaches the max, the Astro gets thrown from the game
  • Max of 7 suspicions for each game
  • Max of 5 hints total for each at bat
  • Max of 2 hints per batting session
  • New at bat lowers suspicion meter to 0
• Render Astros batters Hit/Strikeout count
• Add info popup boxes for information on how to play the game
• audio clue of banging noises and pauses
• Render pages
  • thrown out page
  • hit page
  • try again page
• clean up code to represent DRY methodology/compare with previous projects

Stretch Goals

• Beautify with CSS
• Make the Maxes variable/random
  • Maxes:
    • pitch count
    • hints
    • suspicion meter
• Make an option for number of innnings
• Make a score board
  • Astros vs Angels
    • show both Hit/Strikeout counts
• Switch Sides
  • Astros pitch
  • Angles bat (with no hints of course)
• Animation/State Changes
  • Animate face of batter
  • Animate results -strike -ball -hit -thrown out
  • Animate ball flight
  • Animate suspicion meter/face

Potential Roadblocks

• Lack of knowledge of tech stack
• Game Funkiness/wonky logic
• CSS is fun...