谁能告诉我为什么我收到错误'无法读取未定义的属性'值''？ P5.JS

Question

I am coding a drawing app in which i am using constructor functions, my code is to try to get a hexagon to appear as a drawing tool. My issue is when i was trying to link it to another constructor function, it gives me the error

    Hexagon.js:27 Uncaught TypeError: Cannot read property 'value' of undefined
    at HexagonTool.draw (Hexagon.js:27)
    at draw (sketch.js:53)
    at e.d.redraw (p5.min.js:32)
    at e.<anonymous> (p5.min.js:31)

Does.value() not work as a constructor function? my code is split so all constructor functions are separate which link into a sketch and html file, i can post more code of other areas to help figure it out if need be. The code is below:

function HexagonTool() {
  //set an icon and a name for the object
  this.icon = "assets/shapes.jpg";
  this.name = "shapes";

  var Hexagon;
  var HexagonSize;

  var HexagonSizeSlider;
  var nHexagonSlider;

  function preload() {
    Hexagon = loadImage('assets/Hexagon.png');
  }

  function setup() {
    HexagonSizeSlider = createSlider(5, 60, 20);
    HexagonSizeSlider.parent("#sizeOfHexagonControl");

    nHexagonSlider = createSlider(1, 25, 5);
    nHexagonSlider.parent("#numberOfHexagonsControl");
  }

  this.draw = function() {

    if (mouseIsPressed) {
      for (var i = 0; i < nHexagonSlider.value(); i++) {
        var HexagonSize = HexagonSizeSlider.value();
        var HexagonX = random((mouseX - HexagonSize / 2) - 25, (mouseX - HexagonSize / 2) + 25);
        var HexagonY = random((mouseY - HexagonSize / 2) - 25, (mouseY - HexagonSize / 2) + 25);
        image(Hexagon, HexagonX, HexagonY, HexagonSize,
          HexagonSize);
      }
    }
  }
}

Answer 1

I am looking at it, and this is after a few hours of trying to get it to work, i had two copies of preload and, removing the setup in the code above solved it