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