Play
:quality(85)/https://cdn.frvr.ai/686c0a3fb0a10932a75d4b63.png)
:quality(85)/https://cdn.frvr.ai/686c4a38438389394c3853d5.png)
#brain
#logic
#progressive
#Puzzle
#Levels
Creation History
User prompt
Level complete yazısını biraz daha üste alır mısın
User prompt
Play kısmında ekran tam ekran olmuyo onu ayarlayabilir misin
User prompt
Sondaki ekranda arkadaki oyun kısmı kaybolsun tamamen yeni bir ekrana geçilsin assetleri de yeni assetler olaraka ayarla ben onları değiştireceğim
User prompt
Sondaki ekranda ki tebrikler yazısı baştaki ana ekran gibi farklı bir şekilde çıksa birde oraya bir kaç asset ekler misin ben onları süsleyeceğim
User prompt
oyun level 5 te bitsin eğer level 5 i de bitirebilirse oyuncunun karşısına tebrik ekranı çıksın
User prompt
oyuncu ana menüdeki hayvanlara basınca da oyun başlıyor sadece start game tuşuna basınca oyun başlasın
User prompt
ana menüyü oyundak hayvan assetleriyle süsler misin biraz bi de oyunun adını animal match yapar mısın
User prompt
oyuna bir ana menü ekler misin her oyun başladığında o gözüksün oyuncu ordaki start tuşuna basınca oyun başlasın
User prompt
eğer doğru bilebilirsek bir animasyon ekler misin ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
bi de oyundan çıkınca tekrardan level sıfırdan başlayalım
User prompt
yeni levele geçince level complete yazısı gitmiyor onu düzeltir misin
User prompt
yeni levele geçince level completed yazısı ortadan kalksın
User prompt
level completed yazısının yerini kutuların üstüne çeker misin
User prompt
kutuların boyutunu biraz büyütebilir misin
User prompt
bunu aynı kutuları bulma tarzında yapaar mısın
Code edit (1 edits merged)
Please save this source code
User prompt
Level Puzzle Master
Initial prompt
senden basit bulmaca türünde bir oyun istiyorum ama seviyeler olacak her bulmacadan sonrafarklı bir levele geçilecek
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1");
/****
* Classes
****/
var MatchingCard = Container.expand(function (cardType, row, col) {
var self = Container.call(this);
self.cardType = cardType;
self.row = row;
self.col = col;
self.isFlipped = false;
self.isMatched = false;
self.canClick = true;
self.cardBack = self.attachAsset('cardBack', {
anchorX: 0.5,
anchorY: 0.5
});
self.cardFront = self.attachAsset('cardFront' + cardType, {
anchorX: 0.5,
anchorY: 0.5
});
self.cardFront.visible = false;
self.flip = function () {
if (!self.canClick || self.isMatched) return;
self.isFlipped = !self.isFlipped;
self.cardBack.visible = !self.isFlipped;
self.cardFront.visible = self.isFlipped;
LK.getSound('cardFlip').play();
};
self.setMatched = function () {
self.isMatched = true;
self.canClick = false;
self.removeChild(self.cardBack);
self.removeChild(self.cardFront);
self.matchedGraphics = self.attachAsset('cardMatched', {
anchorX: 0.5,
anchorY: 0.5
});
};
self.flipBack = function () {
if (self.isMatched) return;
self.isFlipped = false;
self.cardBack.visible = true;
self.cardFront.visible = false;
};
self.down = function (x, y, obj) {
if (!self.canClick || self.isMatched) return;
handleCardClick(self);
};
return self;
});
var NextLevelButton = Container.expand(function () {
var self = Container.call(this);
self.buttonGraphics = self.attachAsset('nextLevelButton', {
anchorX: 0.5,
anchorY: 0.5
});
self.buttonText = new Text2('Next Level', {
size: 40,
fill: 0xFFFFFF
});
self.buttonText.anchor.set(0.5, 0.5);
self.addChild(self.buttonText);
self.visible = false;
self.show = function () {
self.visible = true;
tween(self, {
alpha: 1
}, {
duration: 300
});
};
self.hide = function () {
self.visible = false;
self.alpha = 0;
};
self.down = function (x, y, obj) {
nextLevel();
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x2c3e50
});
/****
* Game Code
****/
var currentLevel = storage.currentLevel || 1;
var maxLevel = storage.maxLevel || 1;
var cardGrid = [];
var flippedCards = [];
var matchedPairs = 0;
var totalPairs = 0;
var levelComplete = false;
var gridSize = 4;
var cellSpacing = 140;
var waitingForFlipBack = false;
var levelText = new Text2('Level ' + currentLevel, {
size: 60,
fill: 0xFFFFFF
});
levelText.anchor.set(0.5, 0);
LK.gui.top.addChild(levelText);
levelText.y = 100;
var instructionText = new Text2('Find matching pairs of cards\nFlip two cards to match them!', {
size: 40,
fill: 0xECF0F1
});
instructionText.anchor.set(0.5, 0.5);
game.addChild(instructionText);
instructionText.x = 1024;
instructionText.y = 600;
var nextButton = game.addChild(new NextLevelButton());
nextButton.x = 1024;
nextButton.y = 2200;
function createMatchingGame() {
cardGrid = [];
flippedCards = [];
matchedPairs = 0;
levelComplete = false;
waitingForFlipBack = false;
// Determine grid size based on level
if (currentLevel <= 3) {
gridSize = 4; // 4x4 = 16 cards = 8 pairs
} else if (currentLevel <= 6) {
gridSize = 5; // 5x4 = 20 cards = 10 pairs (we'll use 5x4 grid)
} else {
gridSize = 6; // 6x4 = 24 cards = 12 pairs
}
var actualCols = gridSize === 5 ? 4 : 4;
var actualRows = gridSize === 5 ? 5 : gridSize === 6 ? 6 : 4;
totalPairs = actualRows * actualCols / 2;
// Create pairs array
var cardTypes = [];
var maxCardType = Math.min(8, totalPairs);
for (var i = 1; i <= maxCardType; i++) {
cardTypes.push(i);
cardTypes.push(i);
}
// Fill remaining slots if needed
while (cardTypes.length < totalPairs * 2) {
var randomType = Math.floor(Math.random() * maxCardType) + 1;
cardTypes.push(randomType);
cardTypes.push(randomType);
}
// Shuffle the array
for (var i = cardTypes.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = cardTypes[i];
cardTypes[i] = cardTypes[j];
cardTypes[j] = temp;
}
var startX = 1024 - (actualCols - 1) * cellSpacing / 2;
var startY = 1000;
var cardIndex = 0;
for (var row = 0; row < actualRows; row++) {
cardGrid[row] = [];
for (var col = 0; col < actualCols; col++) {
var card = new MatchingCard(cardTypes[cardIndex], row, col);
card.x = startX + col * cellSpacing;
card.y = startY + row * cellSpacing;
cardGrid[row][col] = card;
game.addChild(card);
cardIndex++;
}
}
nextButton.hide();
}
function handleCardClick(clickedCard) {
if (waitingForFlipBack || clickedCard.isMatched || clickedCard.isFlipped) return;
if (flippedCards.length >= 2) return;
clickedCard.flip();
flippedCards.push(clickedCard);
if (flippedCards.length === 2) {
if (flippedCards[0].cardType === flippedCards[1].cardType) {
// Match found!
LK.getSound('matchFound').play();
LK.setTimeout(function () {
flippedCards[0].setMatched();
flippedCards[1].setMatched();
flippedCards = [];
matchedPairs++;
checkLevelComplete();
}, 500);
} else {
// No match, flip back after delay
waitingForFlipBack = true;
LK.setTimeout(function () {
flippedCards[0].flipBack();
flippedCards[1].flipBack();
flippedCards = [];
waitingForFlipBack = false;
}, 1000);
}
}
}
function checkLevelComplete() {
if (matchedPairs === totalPairs) {
levelComplete = true;
LK.getSound('levelComplete').play();
LK.effects.flashScreen(0x2ecc71, 500);
if (currentLevel >= maxLevel) {
maxLevel = currentLevel + 1;
storage.maxLevel = maxLevel;
}
nextButton.show();
LK.setTimeout(function () {
tween(instructionText, {
alpha: 0
}, {
duration: 300
});
var completedText = new Text2('Level Complete!', {
size: 50,
fill: 0x2ECC71
});
completedText.anchor.set(0.5, 0.5);
completedText.x = 1024;
completedText.y = 1700;
completedText.alpha = 0;
game.addChild(completedText);
tween(completedText, {
alpha: 1
}, {
duration: 500
});
}, 500);
}
}
function nextLevel() {
currentLevel++;
storage.currentLevel = currentLevel;
levelText.setText('Level ' + currentLevel);
// Clean up existing cards
for (var row = 0; row < cardGrid.length; row++) {
for (var col = 0; col < cardGrid[row].length; col++) {
if (cardGrid[row] && cardGrid[row][col]) {
cardGrid[row][col].destroy();
}
}
}
// Clean up completion text
game.children.forEach(function (child) {
if (child.constructor.name === 'Text2' && child !== levelText) {
child.destroy();
}
});
createMatchingGame();
instructionText.alpha = 1;
instructionText.setText('Find matching pairs of cards\nFlip two cards to match them!');
}
function resetMatchingGame() {
for (var row = 0; row < cardGrid.length; row++) {
for (var col = 0; col < cardGrid[row].length; col++) {
var card = cardGrid[row][col];
card.flipBack();
card.isMatched = false;
card.canClick = true;
}
}
flippedCards = [];
matchedPairs = 0;
levelComplete = false;
waitingForFlipBack = false;
nextButton.hide();
}
createMatchingGame();
game.update = function () {
// Game loop updates handled by individual components
}; ===================================================================
--- original.js
+++ change.js
@@ -6,8 +6,54 @@
/****
* Classes
****/
+var MatchingCard = Container.expand(function (cardType, row, col) {
+ var self = Container.call(this);
+ self.cardType = cardType;
+ self.row = row;
+ self.col = col;
+ self.isFlipped = false;
+ self.isMatched = false;
+ self.canClick = true;
+ self.cardBack = self.attachAsset('cardBack', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ self.cardFront = self.attachAsset('cardFront' + cardType, {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ self.cardFront.visible = false;
+ self.flip = function () {
+ if (!self.canClick || self.isMatched) return;
+ self.isFlipped = !self.isFlipped;
+ self.cardBack.visible = !self.isFlipped;
+ self.cardFront.visible = self.isFlipped;
+ LK.getSound('cardFlip').play();
+ };
+ self.setMatched = function () {
+ self.isMatched = true;
+ self.canClick = false;
+ self.removeChild(self.cardBack);
+ self.removeChild(self.cardFront);
+ self.matchedGraphics = self.attachAsset('cardMatched', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ };
+ self.flipBack = function () {
+ if (self.isMatched) return;
+ self.isFlipped = false;
+ self.cardBack.visible = true;
+ self.cardFront.visible = false;
+ };
+ self.down = function (x, y, obj) {
+ if (!self.canClick || self.isMatched) return;
+ handleCardClick(self);
+ };
+ return self;
+});
var NextLevelButton = Container.expand(function () {
var self = Container.call(this);
self.buttonGraphics = self.attachAsset('nextLevelButton', {
anchorX: 0.5,
@@ -36,47 +82,8 @@
nextLevel();
};
return self;
});
-var PuzzleCell = Container.expand(function (row, col, isActive) {
- var self = Container.call(this);
- self.row = row;
- self.col = col;
- self.isActive = isActive || false;
- self.isSolved = false;
- self.cellGraphics = self.attachAsset('puzzleCell', {
- anchorX: 0.5,
- anchorY: 0.5
- });
- self.updateVisual = function () {
- if (self.isSolved) {
- self.cellGraphics.tint = 0x2ecc71;
- } else if (self.isActive) {
- self.cellGraphics.tint = 0xe74c3c;
- } else {
- self.cellGraphics.tint = 0x3498db;
- }
- };
- self.toggle = function () {
- if (!self.isSolved) {
- self.isActive = !self.isActive;
- self.updateVisual();
- }
- };
- self.setSolved = function () {
- self.isSolved = true;
- self.updateVisual();
- };
- self.down = function (x, y, obj) {
- if (!self.isSolved) {
- self.toggle();
- LK.getSound('cellClick').play();
- checkPuzzleCompletion();
- }
- };
- self.updateVisual();
- return self;
-});
/****
* Initialize Game
****/
@@ -88,20 +95,24 @@
* Game Code
****/
var currentLevel = storage.currentLevel || 1;
var maxLevel = storage.maxLevel || 1;
-var puzzleGrid = [];
-var puzzleSolved = false;
-var gridSize = 3;
+var cardGrid = [];
+var flippedCards = [];
+var matchedPairs = 0;
+var totalPairs = 0;
+var levelComplete = false;
+var gridSize = 4;
var cellSpacing = 140;
+var waitingForFlipBack = false;
var levelText = new Text2('Level ' + currentLevel, {
size: 60,
fill: 0xFFFFFF
});
levelText.anchor.set(0.5, 0);
LK.gui.top.addChild(levelText);
levelText.y = 100;
-var instructionText = new Text2('Touch cells to toggle them\nMatch the pattern to win!', {
+var instructionText = new Text2('Find matching pairs of cards\nFlip two cards to match them!', {
size: 40,
fill: 0xECF0F1
});
instructionText.anchor.set(0.5, 0.5);
@@ -110,53 +121,93 @@
instructionText.y = 600;
var nextButton = game.addChild(new NextLevelButton());
nextButton.x = 1024;
nextButton.y = 2200;
-function createPuzzle() {
- puzzleGrid = [];
- puzzleSolved = false;
- var startX = 1024 - (gridSize - 1) * cellSpacing / 2;
+function createMatchingGame() {
+ cardGrid = [];
+ flippedCards = [];
+ matchedPairs = 0;
+ levelComplete = false;
+ waitingForFlipBack = false;
+ // Determine grid size based on level
+ if (currentLevel <= 3) {
+ gridSize = 4; // 4x4 = 16 cards = 8 pairs
+ } else if (currentLevel <= 6) {
+ gridSize = 5; // 5x4 = 20 cards = 10 pairs (we'll use 5x4 grid)
+ } else {
+ gridSize = 6; // 6x4 = 24 cards = 12 pairs
+ }
+ var actualCols = gridSize === 5 ? 4 : 4;
+ var actualRows = gridSize === 5 ? 5 : gridSize === 6 ? 6 : 4;
+ totalPairs = actualRows * actualCols / 2;
+ // Create pairs array
+ var cardTypes = [];
+ var maxCardType = Math.min(8, totalPairs);
+ for (var i = 1; i <= maxCardType; i++) {
+ cardTypes.push(i);
+ cardTypes.push(i);
+ }
+ // Fill remaining slots if needed
+ while (cardTypes.length < totalPairs * 2) {
+ var randomType = Math.floor(Math.random() * maxCardType) + 1;
+ cardTypes.push(randomType);
+ cardTypes.push(randomType);
+ }
+ // Shuffle the array
+ for (var i = cardTypes.length - 1; i > 0; i--) {
+ var j = Math.floor(Math.random() * (i + 1));
+ var temp = cardTypes[i];
+ cardTypes[i] = cardTypes[j];
+ cardTypes[j] = temp;
+ }
+ var startX = 1024 - (actualCols - 1) * cellSpacing / 2;
var startY = 1000;
- for (var row = 0; row < gridSize; row++) {
- puzzleGrid[row] = [];
- for (var col = 0; col < gridSize; col++) {
- var shouldBeActive = getPuzzlePattern(currentLevel, row, col);
- var cell = new PuzzleCell(row, col, false);
- cell.x = startX + col * cellSpacing;
- cell.y = startY + row * cellSpacing;
- cell.targetState = shouldBeActive;
- puzzleGrid[row][col] = cell;
- game.addChild(cell);
+ var cardIndex = 0;
+ for (var row = 0; row < actualRows; row++) {
+ cardGrid[row] = [];
+ for (var col = 0; col < actualCols; col++) {
+ var card = new MatchingCard(cardTypes[cardIndex], row, col);
+ card.x = startX + col * cellSpacing;
+ card.y = startY + row * cellSpacing;
+ cardGrid[row][col] = card;
+ game.addChild(card);
+ cardIndex++;
}
}
nextButton.hide();
}
-function getPuzzlePattern(level, row, col) {
- var patterns = [[[false, true, false], [true, false, true], [false, true, false]], [[true, false, true], [false, true, false], [true, false, true]], [[true, true, false], [true, false, true], [false, true, true]], [[false, true, true], [true, false, true], [true, true, false]], [[true, false, false], [false, true, false], [false, false, true]]];
- var patternIndex = (level - 1) % patterns.length;
- return patterns[patternIndex][row][col];
-}
-function checkPuzzleCompletion() {
- if (puzzleSolved) return;
- var allCorrect = true;
- for (var row = 0; row < gridSize; row++) {
- for (var col = 0; col < gridSize; col++) {
- var cell = puzzleGrid[row][col];
- if (cell.isActive !== cell.targetState) {
- allCorrect = false;
- break;
- }
+function handleCardClick(clickedCard) {
+ if (waitingForFlipBack || clickedCard.isMatched || clickedCard.isFlipped) return;
+ if (flippedCards.length >= 2) return;
+ clickedCard.flip();
+ flippedCards.push(clickedCard);
+ if (flippedCards.length === 2) {
+ if (flippedCards[0].cardType === flippedCards[1].cardType) {
+ // Match found!
+ LK.getSound('matchFound').play();
+ LK.setTimeout(function () {
+ flippedCards[0].setMatched();
+ flippedCards[1].setMatched();
+ flippedCards = [];
+ matchedPairs++;
+ checkLevelComplete();
+ }, 500);
+ } else {
+ // No match, flip back after delay
+ waitingForFlipBack = true;
+ LK.setTimeout(function () {
+ flippedCards[0].flipBack();
+ flippedCards[1].flipBack();
+ flippedCards = [];
+ waitingForFlipBack = false;
+ }, 1000);
}
- if (!allCorrect) break;
}
- if (allCorrect) {
- puzzleSolved = true;
- for (var row = 0; row < gridSize; row++) {
- for (var col = 0; col < gridSize; col++) {
- puzzleGrid[row][col].setSolved();
- }
- }
- LK.getSound('puzzleSolved').play();
+}
+function checkLevelComplete() {
+ if (matchedPairs === totalPairs) {
+ levelComplete = true;
+ LK.getSound('levelComplete').play();
LK.effects.flashScreen(0x2ecc71, 500);
if (currentLevel >= maxLevel) {
maxLevel = currentLevel + 1;
storage.maxLevel = maxLevel;
@@ -167,9 +218,9 @@
alpha: 0
}, {
duration: 300
});
- var completedText = new Text2('Puzzle Solved!', {
+ var completedText = new Text2('Level Complete!', {
size: 50,
fill: 0x2ECC71
});
completedText.anchor.set(0.5, 0.5);
@@ -188,43 +239,41 @@
function nextLevel() {
currentLevel++;
storage.currentLevel = currentLevel;
levelText.setText('Level ' + currentLevel);
- for (var row = 0; row < gridSize; row++) {
- for (var col = 0; col < gridSize; col++) {
- if (puzzleGrid[row] && puzzleGrid[row][col]) {
- puzzleGrid[row][col].destroy();
+ // Clean up existing cards
+ for (var row = 0; row < cardGrid.length; row++) {
+ for (var col = 0; col < cardGrid[row].length; col++) {
+ if (cardGrid[row] && cardGrid[row][col]) {
+ cardGrid[row][col].destroy();
}
}
}
+ // Clean up completion text
game.children.forEach(function (child) {
if (child.constructor.name === 'Text2' && child !== levelText) {
child.destroy();
}
});
- createPuzzle();
+ createMatchingGame();
instructionText.alpha = 1;
- instructionText.setText('Touch cells to toggle them\nMatch the pattern to win!');
- if (currentLevel > 5) {
- gridSize = 4;
- cellSpacing = 120;
- } else if (currentLevel > 10) {
- gridSize = 5;
- cellSpacing = 100;
- }
+ instructionText.setText('Find matching pairs of cards\nFlip two cards to match them!');
}
-function resetPuzzle() {
- for (var row = 0; row < gridSize; row++) {
- for (var col = 0; col < gridSize; col++) {
- var cell = puzzleGrid[row][col];
- cell.isActive = false;
- cell.isSolved = false;
- cell.updateVisual();
+function resetMatchingGame() {
+ for (var row = 0; row < cardGrid.length; row++) {
+ for (var col = 0; col < cardGrid[row].length; col++) {
+ var card = cardGrid[row][col];
+ card.flipBack();
+ card.isMatched = false;
+ card.canClick = true;
}
}
- puzzleSolved = false;
+ flippedCards = [];
+ matchedPairs = 0;
+ levelComplete = false;
+ waitingForFlipBack = false;
nextButton.hide();
}
-createPuzzle();
+createMatchingGame();
game.update = function () {
// Game loop updates handled by individual components
};
\ No newline at end of file
Showing 1 to 18 of 18
Images
:quality(85)/https://cdn.frvr.ai/686bbc35a7c74ca0904f3398.png%3F3)
cat. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686bbc84a7c74ca0904f33a4.png%3F3)
sheep with black background. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686bbcbda7c74ca0904f33af.png%3F3)
dog with black background. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686bbcf4a7c74ca0904f33b8.png%3F3)
horse with black background. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686bbd2ca7c74ca0904f33c2.png%3F3)
cow with black background. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686bbd85a7c74ca0904f33ce.png%3F3)
siyah arkaplanlı bir horoz. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686bbdbfa7c74ca0904f33da.png%3F3)
white chicken with black background. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686bbdf8a7c74ca0904f33e7.png%3F3)
pink pig with black background. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686bcb0aa7c74ca0904f3464.png%3F3)
correct sign. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686c07da9e169b65a191750a.png%3F3)
Patlamış havai fişek. In-Game asset. 2d. High contrast. No shadows
Used plugins
@upit/tween@upit/storage
