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.

    GPU Memory/Image flicker/blinking

    Scheduled Pinned Locked Moved Troubleshooting
    11 Posts 4 Posters 7.3k 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.
    • cowboysdudeC Offline
      cowboysdude Module Developer
      last edited by cowboysdude

      LOL noooooooooooooo… it’s a great question though!! May solve problems others may be having. I believe you could cache the images so when it loads may take care of that.

      johnnyboyJ Mykle1M 2 Replies Last reply Reply Quote 0
      • johnnyboyJ Offline
        johnnyboy @cowboysdude
        last edited by

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • Mykle1M Offline
          Mykle1 Project Sponsor Module Developer @cowboysdude
          last edited by Mykle1

          @cowboysdude said in GPU Memory/Image flicker/blinking:

          I believe you could cache the images so when it loads may take care of that.

          Does this look like it might work? With some modification, of course.

          function preloadImages(array) {
              if (!preloadImages.list) {
                  preloadImages.list = [];
              }
              var list = preloadImages.list;
              for (var i = 0; i < array.length; i++) {
                  var img = new Image();
                  img.onload = function() {
                      var index = list.indexOf(this);
                      if (index !== -1) {
                          // remove image from the array once it's loaded
                          // for memory consumption reasons
                          list.splice(index, 1);
                      }
                  }
                  list.push(img);
                  img.src = array[i];
              }
          }
          preloadImages(["url1.jpg", "url2.jpg", "url3.jpg"]);
          

          Or perhaps this? Again, with some modification.

          var images = [
          '/path/to/image1.png',
          '/path/to/image2.png'
          ];
          
          $(images).each(function() {
          var image = $('<img />').attr('src', this);
          });
          

          The quote that comes with this second example:

          you can preload images using javascript by putting all of the images you want to preload into an array and putting all of the images in that array into hidden img elements, you effectively preload (or cache) the images. <

          Create a working config
          How to add modules

          Mykle1M 1 Reply Last reply Reply Quote 0
          • Mykle1M Offline
            Mykle1 Project Sponsor Module Developer @Mykle1
            last edited by Mykle1

            And last, but not least, this example, with some modification.


            Create a working config
            How to add modules

            cowboysdudeC 1 Reply Last reply Reply Quote 0
            • cowboysdudeC Offline
              cowboysdude Module Developer @Mykle1
              last edited by

              @Mykle1 getting info from a json file so we need to get the image names then put them in the array and call them before they load to precache or preload the image so when it’s time it just pops up :)

              Mykle1M 1 Reply Last reply Reply Quote 0
              • Mykle1M Offline
                Mykle1 Project Sponsor Module Developer @cowboysdude
                last edited by

                @cowboysdude
                Yes, but the names will change every day

                Create a working config
                How to add modules

                Mykle1M 1 Reply Last reply Reply Quote 0
                • Mykle1M Offline
                  Mykle1 Project Sponsor Module Developer @Mykle1
                  last edited by Mykle1

                  @Mykle1 BTW, they can’t keep up with their own API. They skipped 3 days of images, MF’s! :-) And they only made 8 images available from yesterday. Grrr

                  Create a working config
                  How to add modules

                  cowboysdudeC 1 Reply Last reply Reply Quote 0
                  • cowboysdudeC Offline
                    cowboysdude Module Developer @Mykle1
                    last edited by

                    @Mykle1 well need to find a stable source of pictures and that’s ok if the names change… won’t matter :)

                    1 Reply Last reply Reply Quote 0
                    • emloweE Offline
                      emlowe Module Developer
                      last edited by

                      I realize this is an old thread - but the rpi3 does have an OpenGL driver that you can install via raspi-config under “Advanced”

                      It does have a GPU - “Broadcom Video Core”

                      -Earle

                      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