"Geolocation support is not detected. Please enable geolocation and restart the application."

- Hello -

Thank you for checking out Bomb Run. Bomb Run is a Geolocation based game for both those who jog/run or those who just want to play outdoors. This is the first game I've ever coded using HTML, CSS, and Javascript. The process of creating this game has been a very fun and challenging experience. I first began this project working with the Google Maps API unsure of what possiblities were attainable with a very basic knowledge of Javascript. Through many hours of research and help from many sources I was able to get this game running. The two main and invaluable sources in the creation of this project have been w3Schools.com and StackOverFlow.com. They both contain an amazing body of knowledge for anyone learning Javascript. Below is a list of many of the specific sources I accessed in creation of this project.

Geolocation

  • https://www.w3schools.com/html/html5_geolocation.asp
  • https://stackoverflow.com/questions/21634343/find-nearest-marker-to-my-geolocation-google-maps-api-v3/21635983#21635983
  • https://stackoverflow.com/questions/3838493/distance-between-two-geo-locations
  • Google Maps API

  • https://stackoverflow.com/questions/33682558/how-do-you-find-the-4-corners-of-a-google-map-v3-when-the-map-is-rotated
  • https://stackoverflow.com/questions/3648609/random-marker-within-a-rectangular-bounds/3648628#3648628
  • https://stackoverflow.com/questions/1556921/google-map-api-v3-set-bounds-and-center
  • https://developers.google.com/maps/documentation/javascript/examples/rectangle-simple
  • https://developers.google.com/maps/documentation/javascript/3.exp/reference
  • https://developers.google.com/maps/documentation/javascript/geometry
  • https://stackoverflow.com/questions/20101805/how-to-remove-a-single-marker-from-google-map
  • Audio

  • https://stackoverflow.com/questions/14356956/playing-audio-after-the-page-loads-in-html
  • https://stackoverflow.com/questions/20857579/change-volume-of-video-using-range-input-using-jquery
  • https://stackoverflow.com/questions/20390421/lower-background-music-volume-when-autoplay-html
  • Timer

  • https://stackoverflow.com/questions/20618355/the-simplest-possible-javascript-countdown-timer
  • Other

  • https://stackoverflow.com/questions/275931/how-do-you-make-an-element-flash-in-jquery
  • https://www.w3schools.com/css/css3_flexbox.asp
  • https://stackoverflow.com/questions/29884654/button-that-refresh-page-on-click
  • https://stackoverflow.com/questions/1232040/how-do-i-empty-an-array-in-javascript
  • https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll
  • https://stackoverflow.com/questions/9280258/prevent-body-scrolling-but-allow-overlay-scrolling
  • https://css-tricks.com/almanac/properties/f/flex-shrink/
  • https://stackoverflow.com/questions/20450210/jquery-content-append-not-working
  • Bomb Run
    Bomb Run Win Screen
    background
    backpack