MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-Fireworks

    Scheduled Pinned Locked Moved Entertainment
    16 Posts 5 Posters 2.7k Views 5 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C Offline
      chrisfr1976 @chrisfr1976
      last edited by

      Hello,

      unfortunately even more optimizations were necessary. So I update the repository.

      New:

      • hides all modules during animation
      • suspends all modules during animation

      Reduced effects:

      createExplosion(x, y) {
              const particleCount = 25; // was 50
      
      this.particles.forEach((p) => {
                  p.x += p.vx;
                  p.y += p.vy;
                  p.vy += 0.01; // less gravity
                  p.alpha -= 0.01;
              });
      
      
          setup() {
              this.canvas.width = this.width*0.95 //reduced width 
              this.canvas.height = this.height*0.95 //reduced height
              window.addEventListener("resize", () => this.resize());
          }
      
      • And updated CSS to be in the middle of the screen again.

      Hopefully you’ll celebrate this, too!

      Regards, Chris.

      C 1 Reply Last reply Reply Quote 1
      • plainbrokeP Offline
        plainbroke
        last edited by

        Worked for me earlier when I tested it this afternoon.
        Nice module…

        Slow learner. But trying anyways.

        1 Reply Last reply Reply Quote 0
        • C Offline
          com1cedric @chrisfr1976
          last edited by

          @chrisfr1976

          Hello!

          great idea, you module !

          but does it really work ? it does not appear on my mirror, after installing it.

          Can you please re-check on your side ?

          Thanks in advance and have a good evening,

          Cédric

          S C 2 Replies Last reply Reply Quote 0
          • S Offline
            sdetweil @com1cedric
            last edited by

            @com1cedric what position did you set it to?

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • C Offline
              chrisfr1976 @com1cedric
              last edited by

              @com1cedric see my answer on GitHub. It only starts if the start time is exactly now or in the future.

              Regards, Chris.

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @chrisfr1976
                last edited by

                @chrisfr1976 why would you want it in the past?

                oh, and NOW is impossible to catch

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                C 1 Reply Last reply Reply Quote 0
                • C Offline
                  chrisfr1976 @sdetweil
                  last edited by

                  @sdetweil no, the start time is relevant. If the start time is in the past and the effect time may be stll okay like 3652460601000, the effect does not start. This could be the problem here. So you really need to wait for the defined time in the config.
                  I‘ve spent several minutes with waiting….

                  Regards, Chris.

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @chrisfr1976
                    last edited by

                    @chrisfr1976 if the start time is in the past and the event time is in the future, then the start time should be now. (however that gets calculated, literal or adjusted offset…)

                    I am not looking at the doc or code

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    plainbrokeP 1 Reply Last reply Reply Quote 0
                    • plainbrokeP Offline
                      plainbroke @sdetweil
                      last edited by

                      @sdetweil
                      worked on my mirror

                      Slow learner. But trying anyways.

                      C 1 Reply Last reply Reply Quote 1
                      • C cgillinger referenced this topic on
                      • C Offline
                        chrisfr1976 @plainbroke
                        last edited by

                        I have completely reworked the MMM-Fireworks module!

                        New:

                        • It is now using the p5.js library. So it is now faster and I’ve added more config options.
                        • Also the timing problem ist solved. You can define a start date and time. If you need to restart your mm inbetween it continues.
                        • you can install it today and enjoy on next new years eve. (The JavaScript’s setTimeout is solved here (has a maximum delay roughly 2³¹–1 milliseconds - only 24.8 days)
                        • Added a text overlay
                        • runs as before in fullscreen but also “in a box” as every other module
                        • And the best: the explosion effect is now really nice!

                        Bild Text

                        Bild Text

                        Regards, Chris.

                        C 1 Reply Last reply Reply Quote 1
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy