Hatch Canada

• When first typing statements make sure it starts at the left-side of the editor; indented statements can remain indented.
• If using images, be sure the spelling is correct otherwise the code will not work.
• When accessing properties from an object (via the dot '.' operator), if the spelling is incorrect the code will not work. See below for an example:

var Point = {
  x: 0,
  y: 0
};

var draw = function(){
  background(255);
  fill(0);
  //This will result in a blank screen. The X needs to be lowercase, 
  //as stated in the Point Object declaration.
  text(Point.X, 200, 200);
};

There may be invalid characters messing up the compiler somewhere in the editor checkout this example:

var draw = function() {
    background(120,240,51);
    fill(0, 0, 0);
    ellipse(mouseX, mouseY, 50,50);  
};
    
    
    
    
    
    
    
    
    
    
    
    
    
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

There were a bunch more lines between the function and the slashes so you wouldn't see it right away unless you scrolled down. In this case scroll down to see all the code, and figure our what you're working with.

Dots/periods are not only next to the comma on the keyboard but can look familiar in code. In this example there was a dot, when instead it should have been a comma.

var draw = function(){
    ellipse(200,150,100.100); //this should be ellipse(200, 150, 100, 100);
};

You may also be inputting a invalid string representing the path location of the image you'd like from the image library. Double check the spelling or be sure the path to the image exists in the Image Library. To confirm that this is the case you can hit Ctrl + Shift + J in the Chrome browser and review the logs.