Play
:quality(85)/https://cdn.frvr.ai/68a1bb68b3ec313fb85f6dea.png)
:quality(85)/https://cdn.frvr.ai/68a1bb66b3ec313fb85f6de9.png)
#SnakeGame
#CustomizableGaming
#ClassicArcade
#MobileFriendly
#RetroGaming
Creation History
User prompt
Oyunda elmayı yiyince skor gelmesi gerek. Bunu düzelt.
User prompt
Snake Color bölümündeki kareleri sırayla kırmızı,pembe,turuncu ve mavi renklerine boya ve bunları tuş haline getir. Bu tuşlara basıldığında karakterin yani yılanın basılan tuşun rengine bürünmesi işlevini ekle. Yani " Costumes" bölümündeki tuşlardan birine bastığımızda tuş hangi renk ise yılan da o renge geçsin.
User prompt
snake color bölümünde kırmızı,pembe,yeşil,mavi,beyaz renkleri olsun. Ayrıca "back","oyunu başlat" ve "costumes" tuşlarının yazıları dikdörtgenin yani tuş dikdörtgeninin ortasında olsun, dışına taşmasın
User prompt
Yazılar dikdörtgenin dışına taşmış. Bunu düzelt. Ayrıca başka meyveler de ekle. Bu arada skorumuzun yazdığı havalı bir yer de olsun
Code edit (1 edits merged)
Please save this source code
User prompt
Snake.TE
Initial prompt
Bana yılan oyunu yapmanı isiyorum. Başlangıç ekranı olsun ve başlangıç ekranında iki tane tuş olsun: Oyunu Başlat tuşu ve Kostümler tuşu. Oyunu Başlat tuşu oyunu başlatsın, Kostümler tuşunda da yılanın yiyeceği elmanın yerine başka bir meyve koyacağımız (örnek: ananas,karpuz vs.) bir yer ve yılanın rengini değiştireceğimiz başka bir yer olsun. Ayrıca yılan kare değil de kısa boylu yatay bir dikdörtgen olsun. Oyunun adı da Snake.TE olsun.
/****
* Plugins
****/
var storage = LK.import("@upit/storage.v1", {
snakeColor: 65280,
foodType: "apple"
});
/****
* Classes
****/
var CustomizeScreen = Container.expand(function () {
var self = Container.call(this);
var titleText = new Text2('Costumes', {
size: 80,
fill: '#ffffff'
});
titleText.anchor.set(0.5, 0.5);
titleText.x = 2048 / 2;
titleText.y = 400;
self.addChild(titleText);
// Snake color options
var colorLabel = new Text2('Snake Color:', {
size: 50,
fill: '#ffffff'
});
colorLabel.anchor.set(0.5, 0.5);
colorLabel.x = 2048 / 2;
colorLabel.y = 600;
self.addChild(colorLabel);
var colors = [0x00ff00, 0xff0000, 0x0000ff, 0xffff00, 0xff00ff];
var colorButtons = [];
for (var i = 0; i < colors.length; i++) {
var colorButton = LK.getAsset('colorButton' + i, {
width: 60,
height: 60,
color: colors[i],
shape: 'box'
});
colorButton.x = 800 + i * 100;
colorButton.y = 700;
colorButton.colorValue = colors[i];
self.addChild(colorButton);
colorButtons.push(colorButton);
colorButton.down = function () {
storage.snakeColor = this.colorValue;
};
}
// Food type options
var foodLabel = new Text2('Food Type:', {
size: 50,
fill: '#ffffff'
});
foodLabel.anchor.set(0.5, 0.5);
foodLabel.x = 2048 / 2;
foodLabel.y = 900;
self.addChild(foodLabel);
var foodTypes = ['apple', 'pineapple', 'watermelon', 'orange', 'grape', 'banana', 'cherry'];
var foodButtons = [];
var foodRows = Math.ceil(foodTypes.length / 4);
for (var j = 0; j < foodTypes.length; j++) {
var row = Math.floor(j / 4);
var col = j % 4;
var foodButton = new Food(foodTypes[j]);
foodButton.x = 700 + col * 120;
foodButton.y = 1000 + row * 80;
foodButton.foodType = foodTypes[j];
foodButton.scaleX = 1.5;
foodButton.scaleY = 1.5;
self.addChild(foodButton);
foodButtons.push(foodButton);
foodButton.down = function () {
storage.foodType = this.foodType;
};
}
var backButton = LK.getAsset('backButton', {
width: 300,
height: 100,
color: 0x666666,
shape: 'box'
});
backButton.x = 2048 / 2;
backButton.y = 1400;
self.addChild(backButton);
var backText = new Text2('Back', {
size: 50,
fill: '#ffffff'
});
backText.anchor.set(0.5, 0.5);
backText.x = 2048 / 2;
backText.y = 1400;
self.addChild(backText);
backButton.down = function () {
gameState = 'menu';
showStartScreen();
};
return self;
});
var Food = Container.expand(function (type) {
var self = Container.call(this);
var foodGraphics = self.attachAsset(type || 'apple', {
anchorX: 0.5,
anchorY: 0.5
});
return self;
});
var SnakeSegment = Container.expand(function () {
var self = Container.call(this);
var segmentGraphics = self.attachAsset('snakeSegment', {
anchorX: 0.5,
anchorY: 0.5
});
self.setColor = function (color) {
segmentGraphics.tint = color;
};
return self;
});
var StartScreen = Container.expand(function () {
var self = Container.call(this);
var titleText = new Text2('Snake.TE', {
size: 120,
fill: '#ffffff'
});
titleText.anchor.set(0.5, 0.5);
titleText.x = 2048 / 2;
titleText.y = 800;
self.addChild(titleText);
var playButton = LK.getAsset('button', {
width: 400,
height: 100,
color: 0x4CAF50,
shape: 'box'
});
playButton.x = 2048 / 2;
playButton.y = 1200;
self.addChild(playButton);
var playText = new Text2('Play Game', {
size: 50,
fill: '#ffffff'
});
playText.anchor.set(0.5, 0.5);
playText.x = 2048 / 2;
playText.y = 1200;
self.addChild(playText);
var customizeButton = LK.getAsset('customizeButton', {
width: 400,
height: 100,
color: 0x2196F3,
shape: 'box'
});
customizeButton.x = 2048 / 2;
customizeButton.y = 1340;
self.addChild(customizeButton);
var customizeText = new Text2('Costumes', {
size: 50,
fill: '#ffffff'
});
customizeText.anchor.set(0.5, 0.5);
customizeText.x = 2048 / 2;
customizeText.y = 1340;
self.addChild(customizeText);
playButton.down = function () {
gameState = 'playing';
startGame();
};
customizeButton.down = function () {
gameState = 'customize';
showCustomizeScreen();
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x1a1a1a
});
/****
* Game Code
****/
var gameState = 'menu'; // 'menu', 'customize', 'playing', 'gameOver'
var snake = [];
var food = null;
var direction = {
x: 1,
y: 0
};
var nextDirection = {
x: 1,
y: 0
};
var score = 0;
var gameSpeed = 8;
var lastMoveTime = 0;
var gridSize = 40;
var gameWidth = 2048;
var gameHeight = 2732;
var startScreen = null;
var customizeScreen = null;
var scoreTxt = null;
// Initialize UI elements with stylish score box
var scoreBox = LK.getAsset('scoreBox', {
width: 400,
height: 120,
color: 0x333333,
shape: 'box'
});
scoreBox.x = 2048 / 2;
scoreBox.y = 150;
LK.gui.top.addChild(scoreBox);
scoreTxt = new Text2('Score: 0', {
size: 70,
fill: '#00ff00'
});
scoreTxt.anchor.set(0.5, 0.5);
scoreTxt.x = 2048 / 2;
scoreTxt.y = 150;
LK.gui.top.addChild(scoreTxt);
function showStartScreen() {
clearGame();
if (customizeScreen) {
game.removeChild(customizeScreen);
customizeScreen = null;
}
startScreen = game.addChild(new StartScreen());
scoreTxt.alpha = 0;
}
function showCustomizeScreen() {
if (startScreen) {
game.removeChild(startScreen);
startScreen = null;
}
customizeScreen = game.addChild(new CustomizeScreen());
scoreTxt.alpha = 0;
}
function startGame() {
clearGame();
if (startScreen) {
game.removeChild(startScreen);
startScreen = null;
}
// Initialize snake
snake = [];
for (var i = 0; i < 3; i++) {
var segment = game.addChild(new SnakeSegment());
segment.x = gameWidth / 2 - i * gridSize;
segment.y = gameHeight / 2;
segment.setColor(storage.snakeColor);
snake.push(segment);
}
// Reset game variables
direction = {
x: 1,
y: 0
};
nextDirection = {
x: 1,
y: 0
};
score = 0;
lastMoveTime = 0;
// Create first food
spawnFood();
// Show score
scoreTxt.alpha = 1;
updateScoreDisplay();
}
function clearGame() {
// Remove all snake segments
for (var i = 0; i < snake.length; i++) {
if (snake[i]) {
snake[i].destroy();
}
}
snake = [];
// Remove food
if (food) {
food.destroy();
food = null;
}
}
function spawnFood() {
if (food) {
food.destroy();
}
var validPosition = false;
var foodX, foodY;
while (!validPosition) {
foodX = Math.floor(Math.random() * (gameWidth / gridSize)) * gridSize + gridSize / 2;
foodY = Math.floor(Math.random() * (gameHeight / gridSize)) * gridSize + gridSize / 2;
// Make sure food doesn't spawn on snake
validPosition = true;
for (var i = 0; i < snake.length; i++) {
if (snake[i].x === foodX && snake[i].y === foodY) {
validPosition = false;
break;
}
}
// Keep food within bounds
if (foodX < gridSize / 2 || foodX > gameWidth - gridSize / 2 || foodY < gridSize / 2 || foodY > gameHeight - gridSize / 2) {
validPosition = false;
}
}
food = game.addChild(new Food(storage.foodType));
food.x = foodX;
food.y = foodY;
}
function moveSnake() {
direction = nextDirection;
var head = snake[0];
var newX = head.x + direction.x * gridSize;
var newY = head.y + direction.y * gridSize;
// Check wall collision
if (newX < 0 || newX >= gameWidth || newY < 0 || newY >= gameHeight) {
gameOver();
return;
}
// Check self collision
for (var i = 0; i < snake.length; i++) {
if (snake[i].x === newX && snake[i].y === newY) {
gameOver();
return;
}
}
// Check food collision
var ateFood = false;
if (food && Math.abs(newX - food.x) < gridSize / 2 && Math.abs(newY - food.y) < gridSize / 2) {
ateFood = true;
score++;
updateScoreDisplay();
LK.getSound('eat').play();
spawnFood();
}
// Create new head
var newHead = game.addChild(new SnakeSegment());
newHead.x = newX;
newHead.y = newY;
newHead.setColor(storage.snakeColor);
snake.unshift(newHead);
// Remove tail if didn't eat food
if (!ateFood) {
var tail = snake.pop();
tail.destroy();
}
}
function gameOver() {
LK.getSound('gameOver').play();
LK.setScore(score);
LK.showGameOver();
}
function updateScoreDisplay() {
scoreTxt.setText('Score: ' + score);
}
// Touch controls
var touchStartX = 0;
var touchStartY = 0;
var minSwipeDistance = 50;
game.down = function (x, y, obj) {
if (gameState !== 'playing') return;
touchStartX = x;
touchStartY = y;
};
game.up = function (x, y, obj) {
if (gameState !== 'playing') return;
var deltaX = x - touchStartX;
var deltaY = y - touchStartY;
var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
if (distance < minSwipeDistance) return;
if (Math.abs(deltaX) > Math.abs(deltaY)) {
// Horizontal swipe
if (deltaX > 0 && direction.x !== -1) {
nextDirection = {
x: 1,
y: 0
};
} else if (deltaX < 0 && direction.x !== 1) {
nextDirection = {
x: -1,
y: 0
};
}
} else {
// Vertical swipe
if (deltaY > 0 && direction.y !== -1) {
nextDirection = {
x: 0,
y: 1
};
} else if (deltaY < 0 && direction.y !== 1) {
nextDirection = {
x: 0,
y: -1
};
}
}
};
game.update = function () {
if (gameState === 'playing') {
// Move snake at controlled speed
if (LK.ticks - lastMoveTime >= gameSpeed) {
moveSnake();
lastMoveTime = LK.ticks;
}
}
};
// Start with menu screen
showStartScreen(); ===================================================================
--- original.js
+++ change.js
@@ -54,14 +54,17 @@
foodLabel.anchor.set(0.5, 0.5);
foodLabel.x = 2048 / 2;
foodLabel.y = 900;
self.addChild(foodLabel);
- var foodTypes = ['apple', 'pineapple', 'watermelon'];
+ var foodTypes = ['apple', 'pineapple', 'watermelon', 'orange', 'grape', 'banana', 'cherry'];
var foodButtons = [];
+ var foodRows = Math.ceil(foodTypes.length / 4);
for (var j = 0; j < foodTypes.length; j++) {
+ var row = Math.floor(j / 4);
+ var col = j % 4;
var foodButton = new Food(foodTypes[j]);
- foodButton.x = 900 + j * 100;
- foodButton.y = 1000;
+ foodButton.x = 700 + col * 120;
+ foodButton.y = 1000 + row * 80;
foodButton.foodType = foodTypes[j];
foodButton.scaleX = 1.5;
foodButton.scaleY = 1.5;
self.addChild(foodButton);
@@ -70,18 +73,18 @@
storage.foodType = this.foodType;
};
}
var backButton = LK.getAsset('backButton', {
- width: 200,
- height: 70,
+ width: 300,
+ height: 100,
color: 0x666666,
shape: 'box'
});
backButton.x = 2048 / 2;
backButton.y = 1400;
self.addChild(backButton);
var backText = new Text2('Back', {
- size: 35,
+ size: 50,
fill: '#ffffff'
});
backText.anchor.set(0.5, 0.5);
backText.x = 2048 / 2;
@@ -122,40 +125,40 @@
titleText.x = 2048 / 2;
titleText.y = 800;
self.addChild(titleText);
var playButton = LK.getAsset('button', {
- width: 300,
- height: 80,
+ width: 400,
+ height: 100,
color: 0x4CAF50,
shape: 'box'
});
playButton.x = 2048 / 2;
playButton.y = 1200;
self.addChild(playButton);
var playText = new Text2('Play Game', {
- size: 40,
+ size: 50,
fill: '#ffffff'
});
playText.anchor.set(0.5, 0.5);
playText.x = 2048 / 2;
playText.y = 1200;
self.addChild(playText);
var customizeButton = LK.getAsset('customizeButton', {
- width: 300,
- height: 80,
+ width: 400,
+ height: 100,
color: 0x2196F3,
shape: 'box'
});
customizeButton.x = 2048 / 2;
- customizeButton.y = 1320;
+ customizeButton.y = 1340;
self.addChild(customizeButton);
var customizeText = new Text2('Costumes', {
- size: 40,
+ size: 50,
fill: '#ffffff'
});
customizeText.anchor.set(0.5, 0.5);
customizeText.x = 2048 / 2;
- customizeText.y = 1320;
+ customizeText.y = 1340;
self.addChild(customizeText);
playButton.down = function () {
gameState = 'playing';
startGame();
@@ -196,17 +199,26 @@
var gameHeight = 2732;
var startScreen = null;
var customizeScreen = null;
var scoreTxt = null;
-// Initialize UI elements
+// Initialize UI elements with stylish score box
+var scoreBox = LK.getAsset('scoreBox', {
+ width: 400,
+ height: 120,
+ color: 0x333333,
+ shape: 'box'
+});
+scoreBox.x = 2048 / 2;
+scoreBox.y = 150;
+LK.gui.top.addChild(scoreBox);
scoreTxt = new Text2('Score: 0', {
- size: 60,
- fill: '#ffffff'
+ size: 70,
+ fill: '#00ff00'
});
-scoreTxt.anchor.set(0, 0);
-scoreTxt.x = 200;
-scoreTxt.y = 100;
-LK.gui.topLeft.addChild(scoreTxt);
+scoreTxt.anchor.set(0.5, 0.5);
+scoreTxt.x = 2048 / 2;
+scoreTxt.y = 150;
+LK.gui.top.addChild(scoreTxt);
function showStartScreen() {
clearGame();
if (customizeScreen) {
game.removeChild(customizeScreen);
Showing 1 to 7 of 7
Sounds & Music
Used plugins
@upit/storage
