私の出発点はJavaScriptを変更していません

Question

これはp5.js /処理で書かれています。彼らがしているので、あなたのstartxとstarty変数が変更されていないようにそれはそうな理由がある古いポイント

var aslider, lslider, sslider, newx, newy; 
function setup() { 
    createCanvas(300,300); 
    aslider = createSlider(1,359,17); #angle 
    lslider = createSlider(1,50,10); #length 
    sslider = createSlider(1,50,20); #amount of side 
} 

function draw() { 
    var angle = aslider.value(); 
    var length = lslider.value(); 
    var size = sslider.value(); 
    var startx = 100; 
    var starty = 100; 
    var radians = angle * (Math.PI/180); 
    for (var i = 0; i < size; i++) { 
    newx = Math.cos(radians) * length + startx; 
    newy = Math.sin(radians) * length + starty; 
    line(startx, starty, newx, newy); 
    startx = newx; #not changing 
    starty = newy; #not changing 
    } 
} 

Answer 1

に更新するようになっているとき、私の問題は、すべての関数呼び出しは、出発点からのものであり、 draw()機能。 draw()関数は本質的にはwhile(true)ループのように動作し、コードの実行を停止するまで継続的に自身を呼び出します。あなたはdraw()の内部で、次の宣言：

var startx = 100; 
var starty = 100; 

これは、すべての時間である、変数は引き分けが呼び出されるたびにリセットされます。したがって、変数は変更されていないように見えます。これを解決するには、startxとstartyを最初に宣言してsetup()より上に定義すると、これらの変数がグローバルになり、draw()で発生するこの再定義が防止されます。