Skip to content

Latest commit

ย 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Particle System Project

This project is a JavaScript-based particle system using PIXI.js for creating animated particles. It provides a configurable system for generating particle animations.

Coins Shower GIF

Table of Contents

Introduction

The Particle System Project is a JavaScript project that uses PIXI.js for creating particle animations. It allows you to configure various aspects of the particle system, including textures, animation behavior, and more.

Documentation

The documentation for this project can be found in the docs folder. It contains the following files:

Installation

To get started with this project, follow these steps:

  1. Clone the project repository to your local machine:
Copy code
git clone https://github.com/your/repo.git

Usage

To use the Particle System, you can integrate it into your JavaScript application. Here's a basic example of how to set up the particle system using the provided configuration:

Copy code
import { config } from './config/config.js';
import { StageController } from './Controllers/StageController.js';

window.onload = () => {
    let stage = new StageController(config.stageSize.width, config.stageSize.height);
    stage.init(config.textures, config.particleModelOptions);
};

You can customize the config.js file to adjust the particle system's behavior to your requirements.

Configuration

The config.js file contains the configuration options for the particle system. You can modify the following aspects:

  • Stage size
  • Textures for particles
  • Particle model options

For a detailed explanation of the configuration options, refer to the comments in the config.js file.

Particle Controller

The ParticleController class is responsible for creating and managing the particle system. It takes the PIXI application, textures, and options as parameters. The particle system's animation behavior can be configured in this class.

Textures Controller

The TexturesController class manages the textures used in the particle system. It can either use textures in random order or in a specific order (ascending or descending).

Coins Model

The CoinsModel class represents the model for coins in the game. It allows you to configure various parameters for the coin animation, such as alpha values, speed, lifetime, and more.

License

This project is licensed under the MIT License - see the LICENCE file for details.

Attribution

If you use this project in your own work, please include proper attribution to the original author (e.g., "This project is based on "Coins Shower" by Anoerak, licensed under the MIT License.").

About

๐ŸŒŸ A JavaScript-based particle system using PIXI.js for creating animated particles. Configure and generate dynamic particle animations with ease.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages