Warm tip: This article is reproduced from stackoverflow.com, please click
canvas javafx pixel tornadofx

PixelWriten canvas won't display on screen

发布于 2020-03-27 10:29:21

I have an intArray of ints corresponding to pixel RGB values and am trying to write them to an image that I then add to a canvas displayed in a view. I have followed the JavaFX docs guideline for using a pixelWriter and I know my syntax for adding a canvas to the view is correct cause I have done the same elsewhere I my app and tested putting a different canvas here correctly.

I've tried the context way: View class:

vbox(20.0, Pos.BOTTOM_CENTER) {
    if (controller.t > 100) { //same results with or without this
        label("IR camera view title")
        children.add(controller.rPiSensors.canvasIR)
    }
}

Model class:

val canvasIR = Canvas(lIR_WIDTH_RES.toDouble(), lIR_HEIGHT_RES.toDouble())
val gc: GraphicsContext = canvasIR.graphicsContext2D
var lIRPixelWriter = gc.pixelWriter


for (y in 0 until  32) {
    for (x in 0 until 24) {
        lIRPixelWriter.setPixels(0,0,lIR_WIDTH_RES,lIR_HEIGHT_RES, PixelFormat.getIntArgbInstance(), lIRHeatMapPixelInts, 0 , lIR_WIDTH_RES)
     }
}

I've also tried the WritableImage way as mentioned in this SO post Creating a Javafx image from a int array:

View class:

vbox(20.0, Pos.BOTTOM_CENTER) {
    if (controller.t > 100) { //same results with or without this
        label("IR camera view title")
        //tested this too controller.rPiSensors.imageView.show()
        children.add(controller.rPiSensors.imageView)
    }
}

Model class:

var lIRHeatMapPixelInts = IntArray(768) //24*32
//write to this in calculateIRPixelHelper below

var lIRHeatImage = WritableImage(lIR_WIDTH_RES, lIR_HEIGHT_RES)
var lIRPixelWriter = lIRHeatImage.pixelWriter
val imageView = ImageView(lIRHeatImage)

for (y in 0 until  32) {
    for (x in 0 until 24) {
        lIRPixelWriter.setPixels(0,0,lIR_WIDTH_RES,lIR_HEIGHT_RES, PixelFormat.getIntArgbInstance(), lIRHeatMapPixelInts, 0 , lIR_WIDTH_RES)
     }
}

function to get IR RGBInt from float value of temperature (shown to be correct on RasPi that acquires data, and I have compared my received data vs snet RasPi data)

fun calculateIRPixelHelper(x : Int, y : Int, v : Float) {
    //float color[NUM_COLORS][3] = { {0;0;0}; {0;0;1}; {0;1;0}; {1,1,0},{1,0,0}, {1,0,1}, {1,1,1} }
    val color : Array<FloatArray> = arrayOf(floatArrayOf(0.0f,0.0f,0.0f), floatArrayOf(0.0f,0.0f,1.0f), floatArrayOf(0.0f,1.0f,0.0f), floatArrayOf(1.0f,1.0f,0.0f), floatArrayOf(1.0f,0.0f,0.0f), floatArrayOf(1.0f,0.0f,1.0f), floatArrayOf(1.0f,1.0f,1.0f))
    var outputV = v
    val idx1 : Int
    val idx2 : Int
    var fractBetween = 0.0f
    val vmin = 5.0f
    val vmax = 50.0f
    val vrange = vmax-vmin
    outputV -= vmin
    outputV /= vrange
    val ir : Int
    val ig : Int
    val ib : Int
    val pixelRGBInt : Int
    if (outputV <= 0) {
        idx1= 0
        idx2= 0
    } else if (outputV >= 1) {
        idx1 = (NUM_COLORS-1)
        idx2 = (NUM_COLORS-1)
    } else {
        outputV *= (NUM_COLORS-1)
        idx1 = truncate(outputV).toInt()
        idx2 = idx1+1
        fractBetween = outputV - idx1
    }

    ir = ((((color[idx2][0] - color[idx1][0]) * fractBetween) + color[idx1][0]) * 255.0).toInt()
    ig = ((((color[idx2][1] - color[idx1][1]) * fractBetween) + color[idx1][1]) * 255.0).toInt()
    ib = ((((color[idx2][2] - color[idx1][2]) * fractBetween) + color[idx1] [2]) * 255.0).toInt()
    pixelRGBInt = (ir shl 16) or (ig shl 8) or ib


    for(py  in 0 until IMAGE_SCALE) {
        for(px in 0 until IMAGE_SCALE) {
            lIRHeatMapPixelInts[x + px + IMAGE_SCALE*(y + py)] = pixelRGBInt
        }
    }
}

Here are the float values of the temperature

the pixel ints, which are all 0 beyond the first ~50

And part of the list of values saved in the canvas

For the first method, there are 133K dirty bits written in the canvas and when I use the debugger it seems that PixelWriter.setPixels is writing over bits on almost every call but slowly progressing in increasing values (the trend is like this: write val pos = 12, 30, 62, 12, 30, 62, 78, 99, 10 ... I can copy down the exact numbers if this is suspected to be the issue)

In both cases I thought the issue was in updating the canvas once it's populated but I have eliminated this theory by only adding the canvas once a flag is set in the models--still nothing appears besides the title of the canvas.

I have spent about a full workday on trying to display this, any help would be GREATLY appreciated :)

Questioner
Frankie Guzikowski
Viewed
61
Frankie Guzikowski 2019-07-03 23:28

Alpha bits were set to zero, must set them in the pixelRGBint high bits to non-zero for a non transparent pixel!