如何在Javascript中简单地添加/绘制三角形形状这是为了画简单的房子和耳朵等

到目前为止，这是我的javascript代码：

Javascript（sketch.js）

我正在尝试创建一个程序来模拟3只小猪故事的一部分。我的提示是：“你的程序必须有3只猪，一只狼，一座已建的房子和一座已破的房子。按下“w”按钮将使狼出现（默认情况下，大坏狼将被隐藏）。按“b”将建造或显示房屋。按“d”将显示破损的房屋。最后按“r”将整个画布重置为默认值，即只有3只小猪。”

然而，我似乎无法在我的房子顶部得到一个三角形（用来做屋顶），我想要类似下图的东西：

我如何以最简单的方式实现这种外观，而不会过多地改变我的代码风格

我还想给我的小猪耳朵加上三角形

ellipseMode (CENTER);
    fill (255,204,255);
    ellipse (50,360,50,50);
    point (40,360);
    point (60,360);
    fill (255,204,255);
    ellipse (50,365,15,10);
    fill (0,0,0);
    ellipse (53,365,2,2);
    fill (0,0,0);
    ellipse (47,365,2,2);

    fill (255,204,255);
    ellipse (100,360,50,50);
    point (90,360);
    point (110,360);
    fill (255,204,255);
    ellipse (100,365,15,10);
    fill (0,0,0);
    ellipse (103,365,2,2);
    fill (0,0,0);
    ellipse (97,365,2,2);

    fill (255,204,255);
    ellipse (150,360,50,50);
    point (140,360);
    point (160,360);
    fill (255,204,255);
    ellipse (150,365,15,10);
    fill (0,0,0);
    ellipse (153,365,2,2);
    fill (0,0,0);
    ellipse (147,365,2,2);

就像我现在所拥有的一样，是有着小鼻子和小眼睛的粉红色圆圈；没有耳朵

如果有人能帮我画一只类似的狼：

那也太好了，谢谢你

ellipseMode (CENTER);
    fill (255,204,255);
    ellipse (50,360,50,50);
    point (40,360);
    point (60,360);
    fill (255,204,255);
    ellipse (50,365,15,10);
    fill (0,0,0);
    ellipse (53,365,2,2);
    fill (0,0,0);
    ellipse (47,365,2,2);

    fill (255,204,255);
    ellipse (100,360,50,50);
    point (90,360);
    point (110,360);
    fill (255,204,255);
    ellipse (100,365,15,10);
    fill (0,0,0);
    ellipse (103,365,2,2);
    fill (0,0,0);
    ellipse (97,365,2,2);

    fill (255,204,255);
    ellipse (150,360,50,50);
    point (140,360);
    point (160,360);
    fill (255,204,255);
    ellipse (150,365,15,10);
    fill (0,0,0);
    ellipse (153,365,2,2);
    fill (0,0,0);
    ellipse (147,365,2,2);