This is a react component used to draw and react fielders and runners on baseball field.
There are optional width and height props both with type number
(unit: px)
It will be fit into the container size if not provided.
- width (optional)
- height (optional)
Three optional boolean
type is provided with default true
value:
- isShowFielders (optional)
- isShowRunners (optional)
- isShowBatter (optional)
- resetFieldersBtn (optional): an
object
type withbutton HTMLElement
, itsonclick
event will be rewrite as reseting fielders position.
- setRunner (optional): this
object
type is composed by{ pos: RUNNER_POSITION (1~4), runto (optional): FINAL_POSITION (1~x) }
- pos: required, the runner's position
- runto: optional, runner will run if the property is provided
- fieldersNameList (optional):
string array
with length 9 - runnersNameList (optional):
string array
with max length 4
- onFieldersMove (optional):
func
type, it will be called with anobject
type argument after any fielders is moved. The argument will be passed as{ pos: FIELDER_POSITION (1~9), x: X_AXIS, y:Y_AXIS }
.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3001 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the example/dist
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The transpiled files will be created into dist
folder.
It will deploy the app into remote server gh-pages
branch.