• 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.

GPU Memory/Image flicker/blinking

Scheduled Pinned Locked Moved Troubleshooting
11 Posts 4 Posters 6.7k 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.
  • M Offline
    Mykle1 Project Sponsor Module Developer @cowboysdude
    last edited by Mykle1 Mar 23, 2017, 7:55 PM Mar 23, 2017, 7:50 PM

    @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

    M 1 Reply Last reply Mar 23, 2017, 8:01 PM Reply Quote 0
    • M Offline
      Mykle1 Project Sponsor Module Developer @Mykle1
      last edited by Mykle1 Mar 23, 2017, 8:19 PM Mar 23, 2017, 8:01 PM

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


      Create a working config
      How to add modules

      C 1 Reply Last reply Mar 23, 2017, 8:22 PM Reply Quote 0
      • C Offline
        cowboysdude Module Developer @Mykle1
        last edited by Mar 23, 2017, 8:22 PM

        @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 :)

        M 1 Reply Last reply Mar 23, 2017, 8:24 PM Reply Quote 0
        • M Offline
          Mykle1 Project Sponsor Module Developer @cowboysdude
          last edited by Mar 23, 2017, 8:24 PM

          @cowboysdude
          Yes, but the names will change every day

          Create a working config
          How to add modules

          M 1 Reply Last reply Mar 23, 2017, 8:25 PM Reply Quote 0
          • M Offline
            Mykle1 Project Sponsor Module Developer @Mykle1
            last edited by Mykle1 Mar 23, 2017, 8:28 PM Mar 23, 2017, 8:25 PM

            @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

            C 1 Reply Last reply Mar 23, 2017, 8:30 PM Reply Quote 0
            • C Offline
              cowboysdude Module Developer @Mykle1
              last edited by Mar 23, 2017, 8:30 PM

              @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
              • E Offline
                emlowe Module Developer
                last edited by Aug 2, 2017, 5:09 AM

                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