[SOLVED]How do I paste media onto canvas correctly?

SOLVED - my code was correct, but my canvas positioning was offset.

Hello,

I am trying to create the following.

The user uploads an image (250x250 pixels)

The image object (displayPicture) then is pasted onto the canvas. However, the snapshot is empty....

Where did my code go wrong???

The canvas saves a snapshot, then redraws the picture beneath it.

This is done by reading the rgb colors, and reproducing them on the second drawing canvas.

When I run debug, the instance variables that would show the RGB color results remain zero.

project file

gofile.io/d/0Ui8js

By the way, changing an image like this will be extremely slow.

Check out my demo showing how to modify pixels on DrawingCanvas with scripting.

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

Thanks, I gave it a shot, no change.

BTW, i'm trying to develop a way to code a picture into a message, that can then redraw the picture based on the contents of the message.

So this is step one, simply getting the rgb values of the image uploaded.

However, the paste object doesn't seem to be working correctly with the canvas.

unless you can't paste user uploaded media???

I tested it with an object already in game, and it works. it seems paste does not work with images uploaded from the user via file chooser....

What to do?

The way you are copying the picture is completely wrong. Currently you update 1 pixel per tick, this will take ages. And because you are waiting and loading snapshot after each pixel, it doesn't work at all.

You need to use two nested loops, to update all pixels in one tick. And only then load the snapshot. Here, I fixed your file:

dropbox.com/s/p9bgbmhvigy162d/Image%20Redrawn.c3p