Question

我对jQuery很新。我正在用HTML 5，jQuery和CSS制作游戏。

我想为对象创建一个随机点系统。这就是我现在所拥有的，但随机点系统不能100％工作。当颜色为：colors [1]时，变量（奖励积分）需要为5.如果是颜色[2]，则需要以10为例。这是代码：

// http://jsfiddle.net/39r1xfhc/1/

// Point Object
var Point;
var pointID = 0;
var speed = 3;
var rewardPoints;
var colors;
var rand;

function Points() {
this.drawY = Math.floor(Math.random() * 260);

pointID++;

// Colors for Points
colors = ["#0F0","#F00C00","#00E1FF"];                
rand = Math.floor(Math.random() * colors.length);           

if(colors[rand] === colors[1]) {
    rewardPoints = 5;

    Point = $('<div id="' + pointID + '" class="point"></div>');
    $(Point).css({'right': '0', 'top': this.drawY, 'background-color': colors[1]});

    canvasPoints.append(Point); // Spawn Point
} else if(colors[rand] === colors[2]) {
    rewardPoints = 10;

    Point = $('<div id="' + pointID + '" class="point"></div>');
    $(Point).css({'right': '0', 'top': this.drawY, 'background-color': colors[2]});

    canvasPoints.append(Point); // Spawn Point
} else if(colors[rand] === colors[3]) {
    rewardPoints = 20;

    Point = $('<div id="' + pointID + '" class="point"></div>');
    $(Point).css({'right': '0', 'top': this.drawY, 'background-color': colors[3]});

    canvasPoints.append(Point); // Spawn Point
}
}

jQuery随机奖励积分系统

0 个答案: