GithubHelp home page GithubHelp logo

steveholgado / particle-explosions Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 1.59 MB

Create particle explosions on a HTML5 canvas (npm-package)

License: MIT License

JavaScript 6.30% TypeScript 93.70%
particle-explosions particles explosions canvas npm-package

particle-explosions's Introduction

Hi, I'm Steve

Lead Front-End Engineer / Tech Lead


Core Tech

TypeScript JavaScript Next JS React Angular RxJS Node.js GraphQL Jest


Stack Overflow

profile for Steve Holgado at Stack Overflow, Q&A for professional and enthusiast programmers

particle-explosions's People

Contributors

steveholgado avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

tom-val

particle-explosions's Issues

A module cannot have multiple default exports.

Hi,

I'm trying to use this package with Angular, but when I build my app I get several errors :

Here is the code to reproduce :

import {createEmitter} from 'particle-explosions';

......


public toto(index, coord): void {
    const canvas: any = document.getElementById(`canvas-${index}`)
    const ctx = canvas.getContext('2d');

    const emitter = createEmitter(ctx);

    emitter.explode(50, {
      minSize: 20,
      maxSize: 40,
      minSpeed: 50,
      maxSpeed: 100,
      resistance: 0.85,
      gravity: 0.98,
      decay: 0.9,
      sizeToRemove: 0.1,
      color: '#FF0000' // Also accepts array: ['#00FF00', '#0000FF']
    });
  }

When I run ng build --prod or ng build I get these errors :

Error: node_modules/particle-explosions/dist/particle-explosions.d.ts:9:22 - error TS2528: A module cannot have multiple default exports.

9 export default class CanvasRenderer implements ICanvasRenderer {
                       ~~~~~~~~~~~~~~

  node_modules/particle-explosions/dist/particle-explosions.d.ts:25:22
    25 export default class Emitter implements IEmitter {
                            ~~~~~~~
    Another export default is here.
node_modules/particle-explosions/dist/particle-explosions.d.ts:25:22 - error TS2528: A module cannot have multiple default exports.

25 export default class Emitter implements IEmitter {
                        ~~~~~~~

  node_modules/particle-explosions/dist/particle-explosions.d.ts:9:22
    9 export default class CanvasRenderer implements ICanvasRenderer {
                           ~~~~~~~~~~~~~~
    The first export default is here.
node_modules/particle-explosions/dist/particle-explosions.d.ts:9:22 - error TS2528: A module cannot have multiple default exports.

9 export default class CanvasRenderer implements ICanvasRenderer {
                       ~~~~~~~~~~~~~~

0m  node_modules/particle-explosions/dist/particle-explosions.d.ts:55:22
    55 export default class Particle implements IParticle {
                            ~~~~~~~~
    Another export default is here.
node_modules/particle-explosions/dist/particle-explosions.d.ts:55:22 - error TS2528: A module cannot have multiple default exports.

55 export default class Particle implements IParticle {
                        ~~~~~~~~

  node_modules/particle-explosions/dist/particle-explosions.d.ts:9:22
    9 export default class CanvasRenderer implements ICanvasRenderer {
                           ~~~~~~~~~~~~~~
    The first export default is here.
node_modules/particle-explosions/dist/particle-explosions.d.ts:9:22 - error TS2528: A module cannot have multiple default exports.

9 export default class CanvasRenderer implements ICanvasRenderer {
                       ~~~~~~~~~~~~~~

  node_modules/particle-explosions/dist/particle-explosions.d.ts:70:22
    70 export default class ParticleFactory implements IParticleFactory {
                            ~~~~~~~~~~~~~~~
    Another export default is here.
node_modules/particle-explosions/dist/particle-explosions.d.ts:70:22 - error TS2528: A module cannot have multiple default exports.

70 export default class ParticleFactory implements IParticleFactory {
                        ~~~~~~~~~~~~~~~

  node_modules/particle-explosions/dist/particle-explosions.d.ts:9:22
    9 export default class CanvasRenderer implements ICanvasRenderer {
                           ~~~~~~~~~~~~~~
    The first export default is here.
node_modules/particle-explosions/dist/particle-explosions.d.ts:71:27 - error TS2304: Cannot find name 'Particle'.

71     create(options?: {}): Particle;
                             ~~~~~~~~

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.