0

Stackoverflow で AtomicRobot から以下のコードを提供していただきました。

var x,y;

// amount of chairs
var totalChairs = 12;
// square size
var squareSize = 200;
var chairSize = 60;

// issues with 3,5,7,8,9,10,11

for(var i=0; i<totalChairs; i++){

    var angle = 2*Math.PI * i/totalChairs;

    if (angle > Math.PI/4 && angle <= Math.PI* 3/4){
        x = (squareSize/2) / Math.tan(angle);
        y = -squareSize/2 - chairSize/2;
    } else if (angle > Math.PI* 3/4 && angle <= Math.PI* 5/4){
        x = -squareSize/2 - chairSize/2;
        y = (squareSize/2) * Math.tan(angle);
    } else if (angle > Math.PI* 5/4 && angle <= Math.PI* 7/4){
        x = -(squareSize/2) / Math.tan(angle);
        y = -squareSize/2 + squareSize + chairSize/2;
    } else {
        x = -squareSize/2 + squareSize + chairSize/2;
        y = -(squareSize/2) * Math.tan(angle);
    }

    x -= Math.round(chairSize/2) - squareSize/2;
    y -= Math.round(chairSize/2) - squareSize/2;

    $("#square").append("<div class='chair' style='left:"+x+"px;top:"+y+"px;'></div>");
}

これは、javascript を使用してテーブルの周りに椅子をプロットすることです。次の量の椅子 1,2,4,6,12 でうまく機能し、距離は均等にプロットされます。

しかし、次の量の椅子 3,5,7,8,9,10,11 では、椅子の幅のようです。

なぜこれが起こっているのかを教えてくれる人はいますか? 数学は私の得意分野ではなく、これについての助けを本当に感謝しています.

http://jsfiddle.net/Ld769/4/

ありがとう

私はこの完全な変更を進めてきましたが、実際にこれで何が起こっているのかを実際に理解し、特定の人々の数に対する差し戻しの問題がまだあることに合わせてテーブルを拡張できます????

       var x,y;

// amount of chairs
var totalChairs = 18;
var chairSize = 60;
// square size
var squareSize = Math.round(totalChairs/4) * chairSize;

//alert("squareSize: " + squareSize);
// issues with 5,9,13,17,21
// works with 1,2,4,6,12
var remainder = Math.round(totalChairs/4);

var s1 = 0;
var s2 = 0;
var s3 = 0;
var s4 = 0;

for(var i=0; i<totalChairs; i++){

    var iter = i;  
    if(iter+1 <= remainder){

         var s1i = s1++;
         console.log("s1i: " + s1i);

         x = s1i * chairSize;
         y = -chairSize;
         newr = remainder*2;

    } else if(iter+1 <= newr){
         var s2i = s2++;
         console.log("s2i: " + s2i);
         y = s2i * chairSize;
         x= squareSize;
         newe = remainder*3;

    } else if(iter+1 <= newe){

         var s3i = s3++;
         console.log("s3i: " + s3i);
         x =  - s3i * chairSize  + squareSize - chairSize;
         y = squareSize;

    }else{
         var s4i = s4++;
         console.log("s4i: " + s4i);
         y = - s4i * chairSize + squareSize - chairSize;
         x= -chairSize;

     }         

    $("#square").css({"width":(squareSize) + "px","height":(squareSize) + "px"});
    $("#square").append("<div class='chair' style='left:"+Math.round(x)+"px;top:"+Math.round(y)+"px;'><p>"+i+"<br/>x"+x+",y"+y+"</p></div>");
    $(".chair").css({"width":(chairSize) + "px","height":(chairSize) + "px"});
}

</p>

jsfiddle のバージョンはこちら http://jsfiddle.net/isimpledesign/Ld769/19/で確認できます

4

1 に答える 1

0

4辺のうちの1つに何個収まる必要があるかを計算します。4*2 = 8、不十分、4*3 = 12 OK!、つまり、3 つの側面が 3 になり、1 つの側面が 2 になることを意味します。つまり、最小の幅と高さは、最も詰め込まれた側面と同じでなければならないことを意味します (座った状態でフィットするように)快適に）

それらを均等に分離したい場合は？椅子の数を計算し、たとえば 11 とします。360 に分割して分離角度を計算し、それを正方形に投影します。

于 2012-12-03T13:51:33.827 に答える