Javascript p5js中的xml文件出错（“syntaxerror:应为；但找到了表”）

使用p5.js，我尝试用随机颜色绘制12个正方形，当按下鼠标时可以重新绘制这些正方形-我使用下面的代码完成了这项工作：

function setup() {
//build-up canvas w/ 12 squares
createCanvas(800, 600);

for (var y=0; y<600;y+=200) {
  for (var x=0; x<800; x+=200) {
    fill(random(255), random(255), random(255));
    rect(x, y, 200, 200)
  }
}
function touchStarted() {
// figure-out where to redraw square
  var qX = (mouseX - (mouseX % 200)) / 200
  var qY = (mouseY - (mouseY % 200)) / 200

 fill(random(255), random(255), random(255));
 rect(qX*200, qY*200, 200, 200);
}

但现在，我正试图将数据保存在一个包含此类内容的xml文件中：

<build>
    <square id="0" posx="0", posy="0">30</square>
    <square id="1" posx="200", posy="0">60</square>

我试着用它作为参考：

但我只得到一个错误SyntaxError:Expected；但是我找到了桌子，所以我真的迷路了

谢谢你的帮助

试试这个： I'v更改了var children=xml.getChildrenbuild；to var children=xml.getChildrensquare

也不要忘记关闭xml文件内部的。 应该是这样的：

<build>
<square id="0" posx="0", posy="0">30</square>
<square id="1" posx="200", posy="0">60</square>
</build>

var xml;

function preload() {
  xml = loadXML("assets/data.xml");
}

function setup() {
  // build-up canvas w/ 12 squares
  createCanvas(800, 600);

  var children = xml.getChildren("square"); // <----- CHANGED IT FROM BUILD TO SQUARE

  for (var i=0; i < children.length; i++) {
    var xpos = children[i].getNum("posx");
    var ypos = children[i].getNum("posy");
    var coul = children[i].getContent();
    fill(coul);
    rect(xpos, ypos, 200, 200);
  }

<build>
<square id="0" posx="0", posy="0">30</square>
<square id="1" posx="200", posy="0">60</square>
</build>