AS2 绘制山丘曲线 - 随机工作

Question

我有一个数组，其中包含用于绘制多个山丘的点。当我只画直线时，效果很好，但这是不自然的，所以我想让山的顶部/底部部分弯曲。

for(i = 0; i < rPoints.length - 1; i++){
    gamebg.lineStyle(1,0x000000,100);
    gamebg.moveTo(rPoints[i][0] + 45, rPoints[i][1]); //Doesn't directly move to a point so there is empty space for the curved parts.
    if(rPoints[i+1][1] > rPoints[i][1]){ //Determines if it is the top part of a hill or a bottom part, compares y
        gamebg.lineTo(rPoints[i+1][0], rPoints[i+1][1]);
        gamebg.moveTo(rPoints[i+1][0], rPoints[i+1][1]);
        //I didn't add a curveTo here because I only wanted to test it on one so I can make changes easier
    } else {
        gamebg.lineTo(rPoints[i+1][0], rPoints[i+1][1]);
        gamebg.moveTo(rPoints[i+1][0], rPoints[i+1][1]);
        gamebg.curveTo(rPoints[i+1][0]+22, rPoints[i+1][1]-25, rPoints[i+1][1]+45, rPoints[i+1][1]);
    }
}

当我运行代码时，它有时似乎可以工作。

当它起作用时，它仅适用于第一个。 https://i.sstatic.net/5AeG4.png

谢谢！

Answer 1

通过包含点的数组的顺序来确定山的部分要容易得多。在这种情况下，您必须迭代 3 次而不是 1 次。我测试了以下代码，它工作得很好。
*尼古拉斯

/* 
 * ActionScript 2
 * 
 * Drawing some Hills :-) 
 * 
 * The following Loop draws Hills using an Array containing
 * a multiple of 3 Points 
 *  
 *            p5
 *    p2      /\
 *    /\     /  \
 *   /  \   /    \
 *  p1  p3 p4    p6
 * 
 */

var rPoints = [
                // First Hill
                [50,200],
                [100,10],
                [150,200],
                // Second Hill
                [100,200],
                [150,80],
                [200,200],
                // Will not be drawn
                [500,200]
        ];


for(i = 0; i <= rPoints.length-3; i+=3){    

    gamebg.lineStyle(1,0x000000,100);

    // Move to the 1st Point
    gamebg.moveTo(rPoints[i][0], rPoints[i][1]);                
    // Curve to 2nd Point (For a smooth curve the Control Point should be in the Top Left Corner)
    gamebg.curveTo(rPoints[i][0], rPoints[i+1][1], rPoints[i+1][0], rPoints[i+1][1]);
    // Curve to 3rd Point (For a smooth curve the Control Point should be in the Top Right Corner)
    gamebg.curveTo(rPoints[i+2][0], rPoints[i+1][1], rPoints[i+2][0], rPoints[i+2][1]);
    // Close the shape (If you want to)
    gamebg.lineTo(rPoints[i][0], rPoints[i][1]);    
}