Warning: This Project is No Longer Maintained

This project is now archived and will no longer be updated to new angular versions.

NgxJoystick

NgxJoystick is an angular joystick component. It is a wrapper around the nipplejs library providing joystick functionality to your angular application.

Demo

https://wweitzel.github.io/ngx-joystick/

---

Installation

For Angular 16 projects

npm install ngx-joystick

For Angular 15 projects

npm install [email protected]

For Angular 14 projects

npm install [email protected]

For Angular 12 projects

npm install [email protected]

For Angular 11 projects

npm install [email protected]

For Angular 8 projects

npm install [email protected]

https://www.npmjs.com/package/ngx-joystick

---

Example Usage

Import NgxJoystickModule in your module. For example,

import { NgxJoystickModule } from 'ngx-joystick';  <--- Added

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxJoystickModule <--- Added
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Then see src/app files for usage. Make sure to look at the css as well.

---

Demo Deployment Steps

1. Build the application

ng build -c production

2. Navigate to the /dist directory
3. Add <base href="ngx-joystick"> to the index.html
4. Make a new file called 404.html and copy the contents of index.html into it
5. Copy the contents of the /dist directory into the /docs directory
6. Commit/Push the new /docs directory to master branch