https://github.com/loke-dev/flappy-news
A super Flappy News game
https://github.com/loke-dev/flappy-news
Last synced: 2 months ago
JSON representation
A super Flappy News game
- Host: GitHub
- URL: https://github.com/loke-dev/flappy-news
- Owner: loke-dev
- License: mit
- Created: 2017-11-09T08:56:43.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-11-21T14:28:39.000Z (over 7 years ago)
- Last Synced: 2025-03-21T20:32:53.273Z (about 1 year ago)
- Language: JavaScript
- Size: 1.3 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pixi Seed
This project is designed to bootstrap your Pixi.js development with modern tooling, technology and project organisation. Use as boilerplate for your next project.
Webpack with ES6 provides a more class based approach to Pixi.js development and allows you to include assets within your JS. [Reactman](https://www.npmjs.com/package/reactman) enables you to quickly add code to your project and the using Redux Stores helps keep your data in one place.
The project comes with Render and Animation stores and a ScaledContainer to help work across multiple devices with a ‘best-fit’ rendering methodology.
## V3 Updates
* Change stores to REDUX
* Update to Webpack V2
* Update to Pixi V4.6
* Update to es6-tween
* Added a loader
## TODO
* Add actions and action types to Stores (https://github.com/erikras/ducks-modular-redux)
* Script to redo package.json on new project
* Add a screen manager
## Getting started
Clone the project, remove the git repository and get going:
```bash
git clone --depth=1 https://github.com/edwinwebb/pixi-seed.git my-project
cd my-project
rm -rf .git
npm install
npm start
```
Then visit http://localhost:8080
You can configure your canvas size in the AppConstants.js file.
```js
export const canvasWidth = 1920;
export const canvasHeight = 1080;
```
The ScaledObjectContainer used in entry.js will try a best fit approach. You can turn this off by using a standard Container instead.
## npm scripts
* `npm start` - Build and start the app in development mode at http://localhost:8080
* `npm run build` - Run a production build, outputs to ./build/
* `npm run lint` - Lint your code
* `npm run reactman` - Generate code for a DisplayObject or Store
## Static assets
`import` asset files from within your JavaScript component files. To add more
filetypes, look at the webpack.config.js and add a file loader.
```javascript
// Filename: app.js
import assetURL from './logo.png';
```
## Removing the bootstrapped files
It's as easy as removing all the child folders in ./app/ then emptying entry.js.
## License
Copyright (c) 2017 Edwin Webb
MIT (http://opensource.org/licenses/MIT)