@goldee What David means, if we're talking about the same thing, is that you can get an array of components and loop through them directly, instead of fetching each one by name.

const panels = Content.getAllComponents("instimg_pnl\\d+");

for (panel in panels)
{
  panel.loadImage("{PROJECT_FOLDER}" + panel.getId() + ".png", "img");
  panel.setPaintRoutine(function(g)
  {
    var a = this.getLocalBounds(0);
    g.drawImage("img", a, 0, 0);
  });
}

const var instimg_pnl1 = Content.getComponent ("instimg_pnl1");
instimg_pnl1.loadImage("{PROJECT_FOLDER}instimg_pnl1.png", "instimg_pnl1");
instimg_pnl1.setPaintRoutine(function(g)
{
  var a = this.getLocalBounds(0);
 g.drawImage ("instimg_pnl1", a, 0, 0);
});

And put it in a loop structure:

for (panel in panels) // we'll make the panels list later
{
  const var instimg_pnl1 = Content.getComponent ("instimg_pnl1");
  instimg_pnl1.loadImage("{PROJECT_FOLDER}instimg_pnl1.png", "instimg_pnl1");
  instimg_pnl1.setPaintRoutine(function(g)
  {
    var a = this.getLocalBounds(0);
    g.drawImage ("instimg_pnl1", a, 0, 0);
  });
}

Then change the instimg_pnl1 var name to something generic and reusable, p:

for (panel in panels)
{
  const var p = Content.getComponent ("instimg_pnl1"); // 👈 p
  p.loadImage("{PROJECT_FOLDER}instimg_pnl1.png", "instimg_pnl1"); // 👈 p
  p.setPaintRoutine(function(g) // 👈 p
  {
    var a = this.getLocalBounds(0);
    g.drawImage ("instimg_pnl1", a, 0, 0);
  });
}

Then identify the parts of the block that change each time. In this case it's the instimg_pnl1 string used 4 times in the block. Change that to the panel string we're passing in from the for loop:

for (panel in panels)
{
  const var p = Content.getComponent (panel); // 👈 panel
  p.loadImage("{PROJECT_FOLDER}" + panel + ".png", panel); // 👈 panel, panel
  p.setPaintRoutine(function(g)
  {
    var a = this.getLocalBounds(0);
    g.drawImage (panel, a, 0, 0); // 👈 panel
  });
}

Now build the list of panels from your original code. There are a few ways to do this but let's use the full names:

const panels = ["instimg_pnl1","instimg_pnl2","instimg_pnl3","instimg_pnl4","instimg_pnl5"]

Add this to the loop and we're done:

const panels = ["instimg_pnl1","instimg_pnl2","instimg_pnl3","instimg_pnl4","instimg_pnl5"]

for (panel in panels)
{
  const var p = Content.getComponent (panel); 👈 panel
  p.loadImage("{PROJECT_FOLDER}" + panel + ".png", panel); 👈 panel, panel
  p.setPaintRoutine(function(g)
  {
    var a = this.getLocalBounds(0);
    g.drawImage (panel, a, 0, 0); 👈 panel
  });
}