2

インタラクティブなインフォグラフィックに取り組んでいます。基本的にいくつかの円が飛び回っています。ボタンをクリックして円の量を変更しようとしているため、クリック時に変数 dを 1 増やして、配列から他の要素を取得します。しかし、うまくいきません。何か案は？

var leuko = ["167", "143", "134", "96"]; //array


var d = 0; //variable

$("#day").click(function() {

d += 1;

_

for (var i = 0; i < leuko[d]; i++) {

var x = 20 + (Math.random() * (canvasWidth - 40));
var y = 20 + (Math.random() * (canvasHeight - 40));

var radius = 5;
var vX = Math.random() * 0.2;
var vY = Math.random() * 0.2;

私の英語は最高ではないので、あなたが私の問題を理解してくれることを願っています.

ここに jsfiddle-link があります。レイアウトが少し乱れているように見えます..

http://jsfiddle.net/JDU6H/

ありがとう！

4

1 に答える 1

1

コードの多くの部分を書き直すことなく、クリック機能を簡単に変更できます。

$("#day").click(function() {
    d += 1;

    var x = 20 + (Math.random() * (canvasWidth - 40));
    var y = 20 + (Math.random() * (canvasHeight - 40));

    var radius = 5;
    var vX = Math.random() * 0.2;
    var vY = Math.random() * 0.2;

    zellen.push(new Zelle(x, y, radius, vX, vY));
});

http://jsfiddle.net/JDU6H/2/

それでも、すべてのセルのクラスを作成し、add()関数を追加することをお勧めします。

于 2012-11-10T15:21:46.540 に答える