我的JavaScript代码不是'；当我运行它时，它不会显示任何内容吗？

我是新来的编码场景，我正试图完成我朋友在p5.js中的一个棋盘游戏的不完整代码。有人能解释一下为什么我运行它时什么都没有显示吗？我定义了

createBoard（）

函数，并在

draw（）

函数中调用它，因此它应该可以工作，但不能工作

我在底部有

设置

和

绘制

功能

感谢您的帮助

var CANVAS\u WIDTH=1080；
var CANVAS_HEIGHT=700；
变量数据板=[
[],
[],
[],
[],
[],
[]//医务室
];
功能板（x，y）{
返回数据板[y][x]；
}
//具有地形/电路板设计的2D阵列。
var boardSquaresTemplate=[
[2, 2, 1, 1, 1, 1, 1, 1, 5, 5],
[2, 2, 1, 1, 1, 1, 1, 1, 5, 5],
[2, 2, 1, 1, 0, 0, 0, 0, 0, 0],
[4, 4, 1, 1, 0, 0, 0, 0, 0, 0],
[4, 4, 1, 1, 0, 0, 0, 0, 0, 0]
];
//获取gridX和gridY参数并返回地形类型
函数getTerrain（gridX，gridY）{
返回boardSquaresTemplate[gridY][gridX]；
}
//以棋盘格为单位测量，棋盘的高度
var boardHeight=boardSquaresTemplate.length；
//以棋盘正方形测量，棋盘的长度
var boardWidth=boardSquaresTemplate[0]。长度；
//以棋盘正方形测量，棋盘的面积
var boardArea=板高*板宽；
//控制台日志（板区）；
//方格宽度
var栅格方格宽度=96；
//地形类型的rgb值
var terrainTextures=[
{r:100，g:180，b:255}，//0=水
{r:200，g:160，b:050}，//1=land
{r:100，g:080，b:010}，//2=山
{r:230，g:230，b:230}，//3=医务室
{r:100，g:080，b:255}，//4=bluespawn
{r:255，g:080，b:025}，//5=redspawn
];
//获取一个板正方形（中心）网格坐标并转换为像素坐标
函数gridToPixel（gridX）{
var pixelX=100*gridX+90；
返回像素；
}
//与上述函数相反，可能返回浮点值
函数像素网格（pixelX）{
var gridX=（像素x-90）/100
返回网格
}
//构造函数，构造BoardSquare对象以填充数据板
班克斯广场{
构造函数（gridX、gridY、type）{
this.gridX=gridX；
this.gridY=gridY；
this.terrainType=type；
this.crease={e:false，n:false，w:false，s:false}；
this.accounter=null；
this.isHoveredOver=false；
this.isClicked=false；
this.isClicked2=假；
//正方形中心的x坐标
this.pixelX=gridToPixel（this.gridX）；
//广场中心y坐标
this.pixelY=gridToPixel（this.gridY）；
this.appease=函数（）{
推（）；
矩形模式（中心）；
//使用terrainTextures阵列绘制具有正确颜色的正方形
填充（terrainTextures[this.terrainType].r，terrainTextures[this.terrainType].g，terrainTextures[this.terrainType].b）；
rect（this.pixelX，this.pixelY，GRID\u SQUARE\u WIDTH，GRID\u SQUARE\u WIDTH）；
//悬停突出显示功能：
如果（这个是多佛）{
填充（255、255、210、85）；
rect（this.pixelX，this.pixelY，GRID\u SQUARE\u WIDTH，GRID\u SQUARE\u WIDTH）；
}
如果（此.isClicked）{
填充（21025210100）；
rect（this.pixelX，this.pixelY，GRID\u SQUARE\u WIDTH，GRID\u SQUARE\u WIDTH）；
}
pop（）；
//折痕材料
推（）；
仰泳（）；
rectMode（拐角）；//这与“拐角”不同
翻译（this.pixelX，this.pixelY）；
填充（51）；
如果（此.crease.e）{
rect（34，-网格正方形宽度/2，网格正方形宽度/2，网格正方形宽度/2）；
}
if（this.crease.n）{
旋转（八角（2））；
rect（34，-网格正方形宽度/2，网格正方形宽度/2，网格正方形宽度/2）；
旋转（八角（-2））；
}
如果（此.crease.w）{
旋转（八度（4））；
rect（34，-网格正方形宽度/2，网格正方形宽度/2，网格正方形宽度/2）；
旋转（八角（-4））；
}
if（this.crease.s）{
旋转（八度（6））；
rect（34，-网格正方形宽度/2，网格正方形宽度/2，网格正方形宽度/2）；
旋转（八角（-6））；
}
pop（）；
}
}
}
函数createBoard（）{
对于（变量y=0；y=terrainTextures.length | | terrainType%1！=0）{
console.log（“栅格空间“+x+”、“+y”处的地形类型无效）；
}
数据板[y][x]=新的BoardSquare（x，y，terrainType）；
}
}
}
函数八度（x）{
var弧度=-x/8*TAU；
返回弧度；
}
函数radToOctogree（x）{
八度变异系数=（-8*x/TAU+24）%8；
返回八进制；
}
功能添加（a、b）{
var结果=a+b；
结果=（结果+24）%8；
返回结果；
}
控制台日志（数据板）；
函数设置（）{
createCanvas（画布宽度、画布高度）；
背景（51）；
createBoard（）；
}
函数绘图（）{
createBoard（）；
}

通过调用电路板单元格上的

显示（）

，无法在电路板上绘图。使用2个嵌套循环遍历电路板的单元，并为每个单元调用方法<代码>显示（）

函数绘图（）{
背景（51）；
对于（变量y=0；y

例如：

var CANVAS\u WIDTH=1080；
var CANVAS_HEIGHT=700；
变量数据板=[
[],
[],
[],
[],
[],
[]//医务室
];
功能板（x，y）{
返回数据板[y][x]；
}
//具有地形/电路板设计的2D阵列。
var boardSquaresTemplate=[
[2, 2, 1, 1, 1, 1, 1,