Hi!
I’m the real beginner in this field 
I tried to follow various examples with my Sparkfun parts.
And I’m trying to do the example with processing Heatcam. ( Example 4 - Processing Heat Cam)
I do everything what they said (also checked the COM number) but it kept popping the the message of (NullPointerException).
/*
Visualizing the Panasonic Grid-EYE Sensor Data using Processing
By: Nick Poole
SparkFun Electronics
Date: January 12th, 2018
MIT License: Permission is hereby granted, free of charge, to any person obtaining a copy of this
software and associated documentation files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or
substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING
BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Feel like supporting our work? Buy a board from SparkFun!
https://www.sparkfun.com/products/14568
This example is intended as a companion sketch to the Arduino sketch found in the same folder.
Once the accompanying code is running on your hardware, run this Processing sketch.
This Processing sketch will receive the comma separated values generated by the Arduino code and
use them to generate a thermal image.
Hardware Connections:
Attach the Qwiic Shield to your Arduino/Photon/ESP32 or other
Plug the sensor onto the shield
*/
import processing.serial.*;
String myString = null;
Serial myPort; // The serial port
float[] temps = {0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};
// The statements in the setup() function
// execute once when the program begins
void setup() {
size(400, 400); // Size must be the first statement
noStroke();
frameRate(30);
// Print a list of connected serial devices in the console
printArray(Serial.list());
// Depending on where your GridEYE falls on this list, you
// may need to change Serial.list()[0] to a different number
myPort = new Serial(this, Serial.list()[0], 115200);
myPort.clear();
// Throw out the first chunk in case we caught it in the
// middle of a frame
myString = myPort.readStringUntil(13);
myString = null;
// change to HSB color mode, this will make it easier to color
// code the temperature data
colorMode(HSB, 360, 100, 100);
}
// The statements in draw() are executed until the
// program is stopped. Each statement is executed in
// sequence and after the last line is read, the first
// line is executed again.
void draw() {
// When there is a sizeable amount of data on the serial port
// read everything up to the first linefeed
if(myPort.available() > 64){
myString = myPort.readStringUntil(13);
// generate an array of strings that contains each of the comma
// separated values
String splitString[] = splitTokens(myString, ",");
// for each of the 64 values, map the temperatures between 20C and 40C
// to the blue through red portion of the color space
for(int q = 0; q < 64; q++){
temps[q] = map(float(splitString[q]), 20, 40, 240, 360);
}
}
// Prepare variables needed to draw our heatmap
int x = 0;
int y = 0;
int i = 0;
background(0); // Clear the screen with a black background
// each GridEYE pixel will be represented by a 50px square:
// because 50 x 8 = 400, we draw squares until our y location
// is 400
while(y < 400){
// for each increment in the y direction, draw 8 boxes in the
// x direction, creating a 64 pixel matrix
while(x < 400){
// before drawing each pixel, set our paintcan color to the
// appropriate mapped color value
fill(temps[i], 100, 100);
rect(x,y,50,50);
x = x + 50;
i++;
}
y = y + 50;
x = 0;
}
// Add a gaussian blur to the canvas in order to create a rough
// visual interpolation between pixels.
filter(BLUR,10);
}
I can’t understand what’s wrong at all.
Can you please give me some comments?
