175 lines
No EOL
5.1 KiB
JavaScript
175 lines
No EOL
5.1 KiB
JavaScript
function Block(fallingLane, color, iter, distFromHex, settled) {
|
|
// whether or not a block is rested on the center clock or another block
|
|
this.settled = (settled === undefined) ? 0 : 1;
|
|
this.height = settings.blockHeight;
|
|
//the lane which the block was shot from
|
|
this.fallingLane = fallingLane;
|
|
//the angle at which the block falls
|
|
this.angle = 90 - (30 + 60 * fallingLane);
|
|
//for calculating the rotation of blocks attached to the center clock
|
|
this.angularVelocity = 0;
|
|
this.targetAngle = this.angle;
|
|
this.color = color;
|
|
//blocks that are slated to be deleted after a valid score has happened
|
|
this.deleted = 0;
|
|
//blocks slated to be removed from falling and added to the clock
|
|
this.removed = 0;
|
|
//value for the opacity of the white blcok drawn over falling block to give it the glow as it attaches to the clock
|
|
this.tint = 0;
|
|
//value used for deletion animation
|
|
this.opacity = 1;
|
|
//boolean for when the block is expanding
|
|
this.initializing = 1;
|
|
this.ct = 0;
|
|
//speed of block
|
|
this.iter = iter;
|
|
//number of iterations before starting to drop
|
|
this.initLen = settings.creationDt;
|
|
//side which block is attached too
|
|
this.attachedLane;
|
|
//distance from center clock
|
|
this.distFromHex = distFromHex || settings.startDist * settings.scale ;
|
|
|
|
this.incrementOpacity = function() {
|
|
if (this.deleted) {
|
|
//add shakes
|
|
if (this.opacity >= .925) {
|
|
var tLane = this.attachedLane - MainClock.position;
|
|
tLane = MainClock.sides - tLane;
|
|
while (tLane < 0) {
|
|
tLane += MainClock.sides;
|
|
}
|
|
|
|
tLane %= MainClock.sides;
|
|
MainClock.shakes.push({lane:tLane, magnitude:3});
|
|
}
|
|
//fade out the opacity
|
|
this.opacity = this.opacity - 0.075;
|
|
if (this.opacity <= 0) {
|
|
//slate for final deletion
|
|
this.opacity = 0;
|
|
this.deleted = 2;
|
|
}
|
|
}
|
|
};
|
|
|
|
this.getIndex = function (){
|
|
//get the index of the block in its stack
|
|
var parentArr = MainClock.blocks[this.attachedLane]
|
|
for (var i = 0; i < parentArr.length; i++) {
|
|
if (parentArr[i] == this) {
|
|
return i;
|
|
}
|
|
}
|
|
};
|
|
|
|
this.draw = function(attached, index) {
|
|
this.height = settings.blockHeight;
|
|
if (Math.abs(settings.scale - settings.prevScale) > .000000001) {
|
|
this.distFromHex *= (settings.scale/settings.prevScale);
|
|
}
|
|
|
|
this.incrementOpacity();
|
|
if(attached === undefined)
|
|
attached = false;
|
|
|
|
if(this.angle > this.targetAngle) {
|
|
this.angularVelocity -= angularVelocityConst;
|
|
}
|
|
else if(this.angle < this.targetAngle) {
|
|
this.angularVelocity += angularVelocityConst;
|
|
}
|
|
|
|
if (Math.abs(this.angle - this.targetAngle + this.angularVelocity) <= Math.abs(this.angularVelocity)) { //do better soon
|
|
this.angle = this.targetAngle;
|
|
this.angularVelocity = 0;
|
|
}
|
|
else {
|
|
this.angle += this.angularVelocity;
|
|
}
|
|
|
|
this.width = 2 * this.distFromHex / Math.sqrt(3);
|
|
this.widthWide = this.width + this.height + 3;
|
|
var p1;
|
|
var p2;
|
|
var p3;
|
|
var p4;
|
|
if (this.initializing) {
|
|
this.ct++;
|
|
var rat = (this.ct/this.initLen);
|
|
p1 = rotatePoint((-this.width / 2) * rat, this.height / 2, this.angle);
|
|
p2 = rotatePoint((this.width / 2) * rat, this.height / 2, this.angle);
|
|
p3 = rotatePoint((this.widthWide / 2) * rat, -this.height / 2, this.angle);
|
|
p4 = rotatePoint((-this.widthWide / 2) * rat, -this.height / 2, this.angle);
|
|
if (this.ct == this.initLen) {
|
|
this.initializing = 0;
|
|
}
|
|
} else {
|
|
p1 = rotatePoint(-this.width / 2, this.height / 2, this.angle);
|
|
p2 = rotatePoint(this.width / 2, this.height / 2, this.angle);
|
|
p3 = rotatePoint(this.widthWide / 2, -this.height / 2, this.angle);
|
|
p4 = rotatePoint(-this.widthWide / 2, -this.height / 2, this.angle);
|
|
}
|
|
|
|
if (this.deleted) {
|
|
ctx.fillStyle = "#FFF";
|
|
} else {
|
|
ctx.fillStyle = this.color;
|
|
}
|
|
ctx.globalAlpha = this.opacity;
|
|
var baseX = trueCanvas.width / 2 + Math.sin((this.angle) * (Math.PI / 180)) * (this.distFromHex + this.height / 2) + gdx;
|
|
var baseY = trueCanvas.height / 2 - Math.cos((this.angle) * (Math.PI / 180)) * (this.distFromHex + this.height / 2) + gdy;
|
|
ctx.beginPath();
|
|
ctx.moveTo(baseX + p1.x, baseY + p1.y);
|
|
ctx.lineTo(baseX + p2.x, baseY + p2.y);
|
|
ctx.lineTo(baseX + p3.x, baseY + p3.y);
|
|
ctx.lineTo(baseX + p4.x, baseY + p4.y);
|
|
ctx.lineTo(baseX + p1.x, baseY + p1.y);
|
|
ctx.closePath();
|
|
ctx.fill();
|
|
|
|
if (this.tint) {
|
|
if (this.opacity < 1) {
|
|
this.tint = 0;
|
|
}
|
|
ctx.fillStyle = "#FFF";
|
|
ctx.globalAlpha = this.tint;
|
|
ctx.beginPath();
|
|
ctx.moveTo(baseX + p1.x, baseY + p1.y);
|
|
ctx.lineTo(baseX + p2.x, baseY + p2.y);
|
|
ctx.lineTo(baseX + p3.x, baseY + p3.y);
|
|
ctx.lineTo(baseX + p4.x, baseY + p4.y);
|
|
ctx.lineTo(baseX + p1.x, baseY + p1.y);
|
|
ctx.closePath();
|
|
ctx.fill();
|
|
this.tint -= 0.02;
|
|
if (this.tint < 0) {
|
|
this.tint = 0;
|
|
}
|
|
}
|
|
|
|
ctx.globalAlpha = 1;
|
|
};
|
|
}
|
|
|
|
function findCenterOfBlocks(arr) {
|
|
var avgDFH = 0;
|
|
var avgAngle = 0;
|
|
for (var i = 0; i < arr.length; i++) {
|
|
avgDFH += arr[i].distFromHex;
|
|
while (arr[i].angle < 0) {
|
|
arr[i].angle += 360;
|
|
}
|
|
|
|
avgAngle += arr[i].angle % 360;
|
|
}
|
|
|
|
avgDFH /= arr.length;
|
|
avgAngle /= arr.length;
|
|
|
|
return {
|
|
x:trueCanvas.width/2 + Math.cos(avgAngle * (Math.PI / 180)) * avgDFH,
|
|
y:trueCanvas.height/2 + Math.sin(avgAngle * (Math.PI / 180)) * avgDFH
|
|
}
|
|
|
|
} |