如何用 javascript 画一个简单的火柴人？

Question

     function setup(){

      a = 5;
    }

    function draw(){
      background(0,0,0);


      if (a == 5)
      {
        fill(255,255,255);
        ellipse(250,150,100,100);

        fill(255,255,255);
        rect(245,199,10,160);

        fill(255,255,255);
        rect(150,199,200,10);
}
    if (a == 6)
  {
    fill(250,189,65);
    ellipse(250,250,100,100);

     fill(178,102,255);
    ellipse(250,250,500,100);
  }
}

function keyTyped()
  {
    a = 5;
  }
  if (key == 'f')
  {
    a = 6;
  }
}

^ 上面是javascript（sketch.js），HTML就是

<!DOCTYPE html>
<html>
  <head>
  <body>




  </body>
</html>

这是我目前所拥有的，它只显示了头部、手臂和 body，我找不到制作对角线/或腿部弧线的方法

编辑：我刚刚粘贴了完整代码 - 我正在寻找创建拱形线的最简单方法？

Answer 1

你可以试试这个：

 function setup(){

  createCanvas(500,500);

  // initialize a, assign the value 5 to a
  a = 5;
}

function draw(){
  background(0,0,0);

  fill(255,255,255);
  text("M for Stickman, F for Flower",10,30);

  if (a == 5)
  {


    ellipseMode (CENTER);

ellipse (150,60,50,50);
point (140,60);
point (160,60);

rectMode (CENTER);

rect (150,135,50,100);

line (125,85,100,160);
line (175,85,200,160);
line (130,185,130,250);
line (130,250,125,250);
line (170,185,170,250);
line (170,250,175,250);
}

https://www.openprocessing.org/sketch/34624#

如何用 javascript 画一个简单的火柴人？

How do I draw a simple stickman with javascript?

javascript

drawing