Skip to content

Getting wrong color when drawing large image #707

Description

@b8s256

First of all , thank you for your great work.
I've been trying to follow wobbling cat example but first I started by redrawing an image. I use nodejs and getPixels() method instead of getting a canvas. It all works fine with cat.jpg and other 1000 x 1000 images but when I use large (3634x5451) image this is what happened.

rotated

CODE

const kernel = function(image) {
      let x = this.thread.x,
          y = this.thread.y;
          
      const n = 4 * ( x + this.constants.w * (this.constants.h - y) );
      this.color(image[n] / 256, image[n+1] / 256, image[n+2] / 256, image[n+3] / 256)
    }

const drawImage = gpu.createKernel(kernel)
      .setConstants({ w: width, h: height})
      .setOutput([width, height])
      .setGraphical(true)

drawImage(buffer)
const pixels = drawImage.getPixels()
gpu.destroy()

// write image file with returned pixels

Running on

  • NodeJS : 14.17.3
  • gpu.js : 2.11.3
  • jpeg-js : 0.4.3
  • AMD Radeon Pro 5300M

Original image
It should just redraw the same image.

car

Importance : 3

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions