Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/justin-m-lacy/gibbon
Component framework for pixi.js.
https://github.com/justin-m-lacy/gibbon
components engine framework gibbon-js javascript js pixi pixi-js pixijs webgl
Last synced: 26 days ago
JSON representation
Component framework for pixi.js.
- Host: GitHub
- URL: https://github.com/justin-m-lacy/gibbon
- Owner: justin-m-lacy
- License: mit
- Created: 2018-11-21T13:49:51.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2024-04-16T03:39:04.000Z (7 months ago)
- Last Synced: 2024-09-18T15:21:58.673Z (about 2 months ago)
- Topics: components, engine, framework, gibbon-js, javascript, js, pixi, pixi-js, pixijs, webgl
- Language: TypeScript
- Size: 945 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Gibbon
## Note
This is a simple pixi.js Game Engine Framework to help make games quickly with pixi.jsIt uses an object/component system (Not ECS) similar to Unity.
The project is in development and I update it as I toy with it. I added to npm for my own ease of use.
## Using
### Extend Game
Optionally override constructor and init() function.
```import { Game } from 'gibbon.js';
export class MyGame extends Game {
constructor(app:Application){
super(app);
}override init(){
super.init();
/// this.start() could be called here./// Create and add Actor objects...
/// Add components to Actor objects...
}}
```### Init Pixi App and start game.
```
import {Application} from 'pixi.js';
import { MyGame } from './my-game';const app = new Application({
width: window.innerWidth,
height: window.innerHeight,
sharedLoader: true,
antialias: true,
resizeTo: window,
backgroundColor: 0xaaccff});
document.body.appendChild(app.view);
const game = new MyGame(app);
game.init();
game.start();
```## Development
### Actors and Components
While it is possible to subclass Actors, it is better to subclass Components
and add them to actors.