GithubHelp home page GithubHelp logo

dcadyjr / home_run_derby Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.31 MB

Players have 10 outs to hit as many home runs as they can. Features include sound effects for the bat and crowd, and text to taunt the players.

HTML 8.28% JavaScript 66.89% CSS 24.82%

home_run_derby's Introduction

Project 1 - Make a game.

I made a Home Run Derby style game for my first project of General Assembly's WDI.

User Stories

  • This is a one player game. Player should be able to start the game and hit the pitches as they come automatically.
  • On the start board the player can enter their name so it shows on the scoreboard.
  • The player uses the "h" button to swing the bat when the ball is near the plate.
  • There are either Home Runs or outs. 10 outs means game over.
  • Players can restart the game and their high score will carry over to the next round.

WireFrames

I will upload pictures at a later date.

Technologies Used

  • HTML5
  • CSS3
  • Javascript/JQuery
  • Canvas

What is unfinished

  • Player animations do not work very well.
  • The ball stays on the field after the hit, then disappears on the next pitch.

What would I like to expand on?

  • Making the game for 2 players and make it network-enabled.
  • Using APIs to get actual MLB player data so players could choose an MLB player to hit with. This could then change the color of the batters uniform
  • More sound and on screen messages to interact with the player more.
  • Getting better artwork to use for the field.
  • Add "Statcast" like features that would show distance and exit velocity and other stats.
  • More real physics based hitting. If the player hits the ball too early, they will pull the ball, if they hit the ball late it goes to the opposite field.

home_run_derby's People

Contributors

dcadyjr avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.