Processing 理解炒作处理中的锚定

我正在努力理解在HYPE库中处理3的锚定是如何工作的

我建立了一个很小的例子来说明我的问题。在以下代码中，我希望三角形不会相互拦截：

HPath d1,d2;

void setup(){
    size(600,600);
    H.init(this).background(#202020);
    smooth();
    float u=100;


        d1 = new HPath();
        d1
            .triangle( H.EQUILATERAL, H.TOP )
            .noStroke()
            .fill(#FF0000,100)
            .size( 1*u )
            .loc( 0, 0 )
            .anchorAt(H.TOP)
        ;
        H.add(d1);
        d2 = new HPath();
        d2
            .triangle( H.EQUILATERAL, H.BOTTOM )
            .noStroke()
            .fill(#00FF00,100)
            .size( 1*u )
            .loc( u/2,0 )
            .anchorAt(H.TOP)
        ;
        H.add(d2);


    H.drawStage();
}

---

size（）不是三角形的边吗？如果是这样，如果我将大小设置为<强> u < /强>并开始在位置上绘制一个新三角形（<强> u/ 2 < /强>，0），为什么它们重叠？

看起来好像都是你认为是三角形的大小（即在Hype库中的外接圆）。

HPath d1, d2;

void setup() {
    size(600, 600);
    H.init(this).background(#202020);
    smooth();
    float u = 100 * sqrt(3);
    d1 = new HPath();
    d1
    .triangle( H.EQUILATERAL, H.TOP )
    .noStroke()
    .fill(#FF0000, 100)
    .size( u / sqrt(3))
    .anchorAt(H.TOP)
    .loc( 0, 0 )
    ;
    H.add(d1);
    d2 = new HPath();
    d2
    .triangle( H.EQUILATERAL, H.BOTTOM )
    .noStroke()
    .fill(#00FF00, 100)
    .size( u / sqrt(3))
    .anchorAt(H.TOP)
    .loc( u * 1 / 3, 0 )
    ;
    H.add(d2);
    H.drawStage();
}