Play
:quality(85)/https://cdn.frvr.ai/6835657aef6aa3b4f2a853b8.png)
:quality(85)/https://cdn.frvr.ai/6835659b6652e2e7ec711c48.png)
Creation History
/****
* Classes
****/
var BonusIndicator = Container.expand(function (score, color) {
var self = Container.call(this);
color = Math.round(color);
var hsv = rgbToHsv(color >> 16 & 0xFF, color >> 8 & 0xFF, color & 0xFF);
var outlineColor = hsv[0] > .08 && hsv[0] < .55 ? 0x0 : 0xffffff;
var scoreLabel = new Text2(score.toString(), {
size: 150,
fill: '#' + color.toString(16).padStart(6, '0'),
font: 'Impact',
stroke: '#' + outlineColor.toString(16).padStart(6, '0'),
strokeThickness: 15
});
scoreLabel.anchor.set(.5, 0);
self.addChild(scoreLabel);
self.speedX = Math.random() * 16 - 8;
self.speedY = -20;
self.rotationSpeed = self.speedX > 0 ? 0.01 : -0.01;
self._move_migrated = function () {
self.x += self.speedX;
self.y += self.speedY;
self.speedY += 0.5;
self.speedX *= 0.99;
self.rotation += self.rotationSpeed;
if (self.y > game.height + 100) {
self.destroy();
}
};
});
var Countdown = Container.expand(function () {
var self = Container.call(this);
var countdownLabel = new Text2('', {
size: 300,
fill: '#ffffff',
font: 'Impact',
stroke: '#000000',
strokeThickness: 15
});
countdownLabel.anchor.set(.5, .5);
self.addChild(countdownLabel);
self.x = 2048 / 2;
self.y = 2732 / 2;
self.countdown = function () {
var countdownTexts = ['Ready', 'Set', 'Go'];
var index = 0;
countdownLabel.setText(countdownTexts[index]);
var countdownInterval = LK.setInterval(function () {
if (index >= countdownTexts.length - 1) {
LK.clearInterval(countdownInterval);
self.destroy();
return;
}
self.scale.set(1, 1);
LK.getSound('countdown').play();
index++;
countdownLabel.setText(countdownTexts[index]);
}, 700);
LK.setTimeout(function () {
gameStarted = true;
}, 1500);
LK.getSound('countdown').play();
};
self.update = function () {
var ns = self.scale.x;
ns *= .99;
self.scale.set(ns, ns);
};
});
var OverhangPlate = Container.expand(function (width, direction, color) {
var self = Container.call(this);
var plateGraphics = self.attachAsset('plate', {
anchorX: 0.5,
anchorY: 0.5
});
plateGraphics.width = width;
plateGraphics.tint = color;
// Add a black outline to the overhang plate
var outline = new Container();
var outlineAsset = self.attachAsset('plate', {
anchorX: 0.5,
anchorY: 0.5
});
outlineAsset.width = width + 12;
outlineAsset.height = plateGraphics.height + 12;
outlineAsset.tint = 0x000000;
outline.addChild(outlineAsset);
self.addChildAt(outline, 0);
self.speedX = direction === 'right' ? 5 : -5;
self.speedY = -20;
self.rotationSpeed = direction === 'right' ? 0.01 : -0.01;
self._move_migrated = function () {
self.x += self.speedX;
self.y += self.speedY;
self.speedY += 0.5;
self.speedX *= 0.99;
self.rotation += self.rotationSpeed;
};
});
var Plate = Container.expand(function (targetWidth) {
var self = Container.call(this);
var plateGraphics = self.attachAsset('plate', {
anchorX: 0.5,
anchorY: 0.5
});
plateGraphics.width = targetWidth;
// Add a black outline to the plate
var outline = new Container();
var outlineAsset = self.attachAsset('plate', {
anchorX: 0.5,
anchorY: 0.5
});
outlineAsset.width = targetWidth + 12;
outlineAsset.height = plateGraphics.height + 12;
outlineAsset.tint = 0x000000;
outline.addChild(outlineAsset);
self.addChildAt(outline, 0);
self.colorIndex = 0;
self.hsvToRgb = function (h, s, v) {
var r, g, b;
var i = Math.floor(h * 6);
var f = h * 6 - i;
var p = v * (1 - s);
var q = v * (1 - f * s);
var t = v * (1 - (1 - f) * s);
switch (i % 6) {
case 0:
r = v, g = t, b = p;
break;
case 1:
r = q, g = v, b = p;
break;
case 2:
r = p, g = v, b = t;
break;
case 3:
r = p, g = q, b = v;
break;
case 4:
r = t, g = p, b = v;
break;
case 5:
r = v, g = p, b = q;
break;
}
return (r * 255 << 16) + (g * 255 << 8) + b * 255;
};
self.updateColor = function () {
var h = self.colorIndex / 32;
var s = 1;
var v = 1;
self.color = hsvToRgb(h, s, v);
plateGraphics.tint = self.color;
};
self.updateColor();
self.speed = 22.5;
self._move_migrated = function () {
self.x -= self.speed;
};
self.stack = function () {
self.speed = 0;
};
self.slide = function () {
self.x = 2048 + self.width / 2;
};
self.hasOverlapped = false;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
});
/****
* Game Code
****/
function hsvToRgb(h, s, v) {
var r, g, b;
var i = Math.floor(h * 6);
var f = h * 6 - i;
var p = v * (1 - s);
var q = v * (1 - f * s);
var t = v * (1 - (1 - f) * s);
switch (i % 6) {
case 0:
r = v, g = t, b = p;
break;
case 1:
r = q, g = v, b = p;
break;
case 2:
r = p, g = v, b = t;
break;
case 3:
r = p, g = q, b = v;
break;
case 4:
r = t, g = p, b = v;
break;
case 5:
r = v, g = p, b = q;
break;
}
return (r * 255 << 16) + (g * 255 << 8) + b * 255;
}
function rgbToHsv(r, g, b) {
r /= 255, g /= 255, b /= 255;
var max = Math.max(r, g, b),
min = Math.min(r, g, b);
var h,
s,
v = max;
var d = max - min;
s = max == 0 ? 0 : d / max;
if (max == min) {
h = 0; // achromatic
} else {
switch (max) {
case r:
h = (g - b) / d + (g < b ? 6 : 0);
break;
case g:
h = (b - r) / d + 2;
break;
case b:
h = (r - g) / d + 4;
break;
}
h /= 6;
}
return [h, s, v];
}
var scoreTxt = new Text2('0', {
size: 150,
fill: '#ffffff',
font: 'Impact'
});
scoreTxt.anchor.set(.5, 0);
LK.gui.top.addChild(scoreTxt);
// Add background image to the building zone, make it paler and darker
var buildingZoneBg = LK.getAsset('Arkaplan1', {
anchorX: 0.5,
anchorY: 1.0,
x: 2048 / 2,
y: 2732
});
buildingZoneBg.alpha = 0.35; // Lower alpha for paler, darker look
game.addChild(buildingZoneBg);
var plateContainer = new Container();
plateContainer.targetY = 0;
game.addChild(plateContainer);
var currentPlateWidth = 1000;
var plates = [];
var plateColorIndex = 0;
var firstPlate = new Plate(currentPlateWidth);
firstPlate.x = 2048 / 2;
firstPlate.y = 2732 - firstPlate.height / 2;
firstPlate.speed = 0;
firstPlate.colorIndex = plateColorIndex;
firstPlate.updateColor();
plates.push(firstPlate);
plateContainer.addChild(firstPlate);
var newPlate = new Plate(currentPlateWidth);
newPlate.slide();
newPlate.y = 2732 - plates.length * newPlate.height - newPlate.height / 2;
newPlate.colorIndex = plateColorIndex;
newPlate.updateColor();
plates.push(newPlate);
plateContainer.addChild(newPlate);
var bonusCount = 1;
game.on('down', function (x, y, obj) {
if (!gameStarted) {
return;
}
var topPlate = plates[plates.length - 2];
if (newPlate.x < topPlate.x + topPlate.width && newPlate.x + newPlate.width > topPlate.x) {
var overhang = newPlate.x + newPlate.width / 2 - (topPlate.x + topPlate.width / 2);
var overhangSide = overhang > 0 ? 'right' : 'left';
overhang = Math.abs(overhang);
newPlate.stack();
if (overhang > 22) {
bonusCount = 1;
LK.getSound('place').play();
currentPlateWidth -= overhang;
var overhangPlate = new OverhangPlate(overhang, overhangSide, newPlate.color);
overhangPlate.x = overhangSide === 'right' ? newPlate.x + newPlate.width / 2 : newPlate.x - newPlate.width / 2;
overhangPlate.y = newPlate.y;
plateContainer.addChildAt(overhangPlate, 0);
newPlate.width -= overhang;
if (overhangSide === 'right') {
newPlate.x -= overhang / 2;
overhangPlate.x -= overhang / 2;
} else {
newPlate.x += overhang / 2;
overhangPlate.x += overhang / 2;
}
}
var nextPlate = new Plate(currentPlateWidth);
plateContainer.addChild(nextPlate);
nextPlate.slide();
nextPlate.y = 2732 - plates.length * newPlate.height - newPlate.height / 2;
nextPlate.colorIndex = plateColorIndex;
nextPlate.updateColor();
plates.push(nextPlate);
if (overhang <= 22) {
newPlate.x = topPlate.x;
LK.getSound('perfect').play();
bonusCount++;
var bonusIndicator = new BonusIndicator('+' + bonusCount, newPlate.color);
plateContainer.addChild(bonusIndicator);
bonusIndicator.y = newPlate.y;
bonusIndicator.x = newPlate.x;
}
if (plates.length > 17) {
plateContainer.targetY += newPlate.height;
}
var newScore = LK.getScore() + bonusCount;
scoreTxt.setText(newScore);
LK.setScore(newScore);
newPlate = nextPlate;
} else {
LK.getSound('gameover').play();
LK.showGameOver();
}
});
var countdown = new Countdown();
game.addChild(countdown);
countdown.countdown();
var gameStarted = false;
LK.on('tick', function () {
if (!gameStarted) {
return;
}
for (var i = 0; i < plateContainer.children.length; i++) {
var plate = plateContainer.children[i];
plate._move_migrated();
if (plate instanceof OverhangPlate && (plate.x < -plate.width / 2 || plate.x > 2048 + plate.width / 2 || plate.y > 2732 + plate.height / 2)) {
plate.destroy();
}
if (newPlate.x < -newPlate.width / 2) {
LK.getSound('gameover').play();
LK.showGameOver();
}
var topPlate = plates[plates.length - 2];
if (newPlate.x < topPlate.x + topPlate.width && !newPlate.hasOverlapped) {
LK.getSound('slide').play();
newPlate.hasOverlapped = true;
}
}
if (plateContainer.y !== plateContainer.targetY) {
plateContainer.y += (plateContainer.targetY - plateContainer.y) * 0.1;
}
}); ===================================================================
--- original.js
+++ change.js
@@ -239,15 +239,16 @@
font: 'Impact'
});
scoreTxt.anchor.set(.5, 0);
LK.gui.top.addChild(scoreTxt);
-// Add background image to the building zone
+// Add background image to the building zone, make it paler and darker
var buildingZoneBg = LK.getAsset('Arkaplan1', {
anchorX: 0.5,
anchorY: 1.0,
x: 2048 / 2,
y: 2732
});
+buildingZoneBg.alpha = 0.35; // Lower alpha for paler, darker look
game.addChild(buildingZoneBg);
var plateContainer = new Container();
plateContainer.targetY = 0;
game.addChild(plateContainer);
Showing 1 to 6 of 6
:quality(85)/https://cdn.frvr.ai/683560a4340cff24f7e93817.png%3F3)
:quality(85)/https://cdn.frvr.ai/68356175340cff24f7e9382b.png%3F3)
