https://github.com/phaserjs/warp-post-fx
Phaser 3 Warp Post FX Pack
https://github.com/phaserjs/warp-post-fx
Last synced: 4 months ago
JSON representation
Phaser 3 Warp Post FX Pack
- Host: GitHub
- URL: https://github.com/phaserjs/warp-post-fx
- Owner: phaserjs
- Created: 2021-03-12T09:49:41.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-12T10:02:12.000Z (over 4 years ago)
- Last Synced: 2025-01-29T11:03:47.463Z (4 months ago)
- Language: TypeScript
- Size: 8.77 MB
- Stars: 16
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Warp Post FX
============
**Vesion 1.0.0**
Welcome to the Warp Post FX Pack.
This pack and all examples in it require [Phaser 3.52](https://phaser.io) or above. Like all Post FX Pipelines it only works in WebGL.
To get started open a command-line prompt and enter:
```bash
npm install
```
This will install the dependencies for this pack.
Then issue the command:
```bash
npm run serve
```
This will run a local instance of http-serve and open your default web browser at the examples folder. From here you can select any example to run it and view the code. Use the drop-down menu at the top to quickly navigate between the Warp Post FX examples.
If you have your own development server already set-up then feel free to map a site to this pack folder, so you can browse to examples. All paths within the examples are relative, so should work at any directory depth.
The structure of this pack is as follows:
* 📂 **dist** - In this folder you will find WarpPostFX.js which is an ESM (ES6 Module), an ES5 version called WarpPostFX.es5.js and also TypeScript Definitions: WarpPostFX.d.ts.
* 📂 **docs** - In this folder you will find the documentation for the Warp Post FX.
* 📂 **examples** - In this folder you will find the Warp Post FX examples runner, demonstrating a variety of ways in which you can use this effect.
* 📂 **examples/assets** - In this folder you will find the assets that the examples use. Please note, these assets are not open-source and you will require a license to use them in your own games.
* 📂 **examples/src** - In this folder you will find the source code to each of the examples, written in ES6 Module format.
* 📂 **src** - In this folder you will find the original TypeScript source code for the Warp Post FX.
Feel free to use either of the provided bundles found in the dist folder, or import the original TypeScript source code into your own project and use it directly.
The documentation explains how to import and use Warp Post FX in your game. Also, be sure to look at the example source code. It often contains a lot more useful snippets!
A lot of work and effort went into producing the Warp Post FX Pack and we truly hope you find it useful for your games.
If you've any questions please get in touch with us on the [Phaser Discord](https://phaser.io/community/discord).
[](https://discord.gg/phaser)
[](https://twitter.com/phaser_)
