How do I Use loadImagePixelData?

I am trying the most basic approach to add a single red pixel to a 1 by 1 canvas.

var drawingCanvasInst = runtime.objects.DrawingCanvas.getFirstInstance();
// Define the pixel data (red)
const imageData = [255, 0, 0, 255]; // Red pixel

// Log the image data array for debugging
console.log(imageData);

// Load the image pixel data onto the canvas (1x1 pixel)
drawingCanvasInst.loadImagePixelData(imageData);//ERRORS HERE

Check out this demo, I believe it does what you want:

howtoconstructdemos.com/using-flood-fill-for-drawing-canvas-to-make-a-coloring-game

Thanks but not much help I'm afraid. That demo seems to just getImagePixelData followed by loadImagePixelData.

Also, that demo script very complicated and hard to understand. I just want to know how to plot a single pixel on a 1 by one canvas. If I cant manage that I stand no change of doing anything close to what that demo is doing.

Does it matter that this javascript is in the event sheet and not a separate js file?

Look at the manual entry and you'll see loadImagePixelData() must be passed an ImageData object as a parameter. However your code passes it an array with four elements.

Thanks! I got it working.