noSmooth() does nothing on images loaded via preload

Most appropriate sub-area of p5.js?

• Accessibility (Web Accessibility)
• Build tools and processes
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Friendly error system
• Image
• IO (Input/Output)
• Localization
• Math
• Unit Testing
• Typography
• Utilities
• WebGL
• Other (specify if possible)

Details about the bug:

• p5.js version: 1.4.0
• Web browser and version: Firefox 95 Build ID: 20211129150630
• Operating System: Ubuntu 20.10
• Steps to reproduce this:

Use the following code in either the web editor or the p5 example project.

function preload() {
  pixelArt = loadImage("pixelArt.png");
}

function setup() {
  
  createCanvas(400, 400);

  noSmooth();
  pixelArt.resize(150, 0);
  
}

function draw() {
  image(pixelArt, 0, 0);
}

noSmooth() does not function as intended, however upon moving the image definition from preload to setup, the image now resizes properly with no aliasing.

Start with the provided reproduction in the web editor, then trace the noSmooth(), loadImage(), resize(), and image() paths for images loaded during preload(). Done means the same no-aliasing behavior works when the image is loaded in preload() as when it is loaded in setup().