了解炒作处理中的锚定答案

【问题标题】：Understanding anchoring in Hype Processing了解炒作处理中的锚定
【发布时间】：2015-09-08 02:28:37
【问题描述】：

我正在尝试了解锚定在处理 3 的 HYPE 库中的工作原理。

我构建了一个非常小的示例来说明我的问题。在下面的代码中，我希望三角形不会互相截取：

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) 处绘制一个新三角形，为什么它们会重叠？

【问题讨论】：

标签： processing

【解决方案1】：

它似乎完全低于你认为的三角形大小（即 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();
}

【讨论】：