• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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
15 Posts 4 Posters 1.1k Views 4 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 Dec 30, 2024, 10:34 PM

    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 Jan 8, 2025, 6:16 PM Reply Quote 1
    • P Offline
      plainbroke
      last edited by Dec 31, 2024, 1:18 AM

      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 Jan 8, 2025, 6:16 PM

        @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 Jan 8, 2025, 6:31 PM Reply Quote 0
        • S Offline
          sdetweil @com1cedric
          last edited by Jan 8, 2025, 6:31 PM

          @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 Jan 8, 2025, 10:52 PM

            @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 Jan 8, 2025, 10:55 PM Reply Quote 0
            • S Offline
              sdetweil @chrisfr1976
              last edited by Jan 8, 2025, 10:55 PM

              @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 Jan 8, 2025, 11:03 PM Reply Quote 0
              • C Offline
                chrisfr1976 @sdetweil
                last edited by Jan 8, 2025, 11:03 PM

                @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 Jan 8, 2025, 11:06 PM Reply Quote 0
                • S Offline
                  sdetweil @chrisfr1976
                  last edited by Jan 8, 2025, 11:06 PM

                  @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

                  P 1 Reply Last reply Jan 12, 2025, 2:24 AM Reply Quote 0
                  • P Offline
                    plainbroke @sdetweil
                    last edited by Jan 12, 2025, 2:24 AM

                    @sdetweil
                    worked on my mirror

                    Slow learner. But trying anyways.

                    C 1 Reply Last reply Feb 7, 2025, 12:07 PM Reply Quote 1
                    • C cgillinger referenced this topic on Jan 19, 2025, 11:43 AM
                    • C Offline
                      chrisfr1976 @plainbroke
                      last edited by Feb 7, 2025, 12:07 PM

                      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 Feb 7, 2025, 9:32 PM 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