User prompt
Please fix the bug: 'TypeError: startButton is null' in or related to this line: 'startButton.visible = false;' Line Number: 622
User prompt
Please fix the bug: 'TypeError: startButton is null' in or related to this line: 'startButton.visible = false;' Line Number: 619
User prompt
Still not working
User prompt
YOU SHOULD ALSO remove THE STARTBUTTON from the screen WHEN IT CLICKED BY THE PLAYER
User prompt
YOU DIDN't hide the startbutton
User prompt
YOU SHOULD ALSO HIDE THE STARTBUTTON WHEN IT CLICKED BY THE PLAYER
User prompt
Please fix the bug: 'TypeError: startButton is null' in or related to this line: 'startButton.visible = false;' Line Number: 605
User prompt
Please fix the bug: 'ReferenceError: startButton is not defined' in or related to this line: 'startButton.visible = false;' Line Number: 603
User prompt
Ensure if player clicks on startbutton THESE ASSETS HIDED FROM THE screen: non-selected stones, gameModeAsset, leftButton, playervsai, playervsplayer, rightButton, select, selectgreen, startButton.
User prompt
Please fix the bug: 'ReferenceError: startButton is not defined' in or related to this line: 'startButton.visible = false;' Line Number: 603
User prompt
Ensure if player clicks on startbutton THESE ASSETS HIDED FROM THE screen: non-selected stones, gameModeAsset, leftButton, RIGHTBUTTON, playervsai, playervsplayer, rightButton, select, selectgreen, startButton.
User prompt
Please fix the bug: 'TypeError: startButton is null' in or related to this line: 'startButton.x = -500;' Line Number: 296
User prompt
Please fix the bug: 'ReferenceError: startButton is not defined' in or related to this line: 'startButton.x = -500;' Line Number: 294
User prompt
Ensure if player clicks on startbutton THESE ASSETS move off-screen: non-selected stones, gameModeAsset, leftButton, playervsai, playervsplayer, rightButton, select, selectgreen, startButton.
User prompt
Ensure if player clicks on startbutton THESE ASSETS move off-screen: non-selected stones, gameModeAsset, leftButton, playervsai, playervsplayer, rightButton, select, selectgreen, startButton.
User prompt
BUT YOU SHOULD MOVE OFF THE SCREEN WITH THE OTHER ELEMENT IF THE PLAYER CLICKS ON STARTBUTTON
User prompt
Please fix the bug: 'TypeError: startButton is null' in or related to this line: 'startButton.x = -5000;' Line Number: 296
User prompt
Please fix the bug: 'ReferenceError: startButton is not defined' in or related to this line: 'startButton.x = -5000;' Line Number: 294
User prompt
Ensure if player clicks on startbutton THESE ASSETS move off-screen: non-selected stones, gameModeAsset, leftButton, playervsai, playervsplayer, rightButton, select, selectgreen, startButton.
User prompt
Ensure when startButton is clicked the non-selected stones move off-screen at rightlane
User prompt
Ensure non-selected stones move off-screen when startButton is clicked
User prompt
Ensure if player clicks on the startbutton the non selected stone assets left the screen on th rightlane
User prompt
Ensure start button is visible if select Asset or selectGreen Asset is visible
User prompt
ensure startbutton is not visible if select asset nor selectgreen asset is not visible
User prompt
left button and rightbutton is only active when then select asset or the selectgreen asset on the map.
/****
* Classes
****/
// The assets will be automatically created and loaded by the LK engine
// Create a class for the curling stone
var CurlingStone = Container.expand(function () {
var self = Container.call(this);
var stoneGraphics = self.attachAsset('stoneBlue', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 0;
self.direction = 0;
self.update = function () {
self.x += Math.cos(self.direction) * self.speed;
self.y += Math.sin(self.direction) * self.speed;
self.speed *= 0.99; // friction
if (self.speed < 0.1) {
self.speed = 0;
}
};
self["throw"] = function (speed, direction) {
self.speed = speed;
self.direction = direction;
};
});
// Create a class for the game mode selection pop-up
var GameModePopup = Container.expand(function () {
var self = Container.call(this);
// Create background for the pop-up
var background = self.attachAsset('whiteCenter', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
scaleX: 4,
scaleY: 4
});
// Create text for the pop-up
var text = new Text2('Choose Game Mode', {
size: 150,
fill: 0x000000
});
text.anchor.set(0.5, 0.5);
text.x = 2048 / 2;
text.y = 2732 / 2;
self.addChild(text);
// Create text for choosing curling stone
var chooseStoneText = new Text2('Choose Curling Stone', {
size: 120,
fill: 0x000000
});
chooseStoneText.anchor.set(0.5, 0.5);
chooseStoneText.x = 2048 / 2;
chooseStoneText.y = 2732 / 2 + 600;
self.addChild(chooseStoneText);
});
var GreenStone = Container.expand(function () {
var self = Container.call(this);
var stoneGraphics = self.attachAsset('stoneGreen', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 0;
self.direction = 0;
self.update = function () {
self.x += Math.cos(self.direction) * self.speed;
self.y += Math.sin(self.direction) * self.speed;
self.speed *= 0.99; // friction
if (self.speed < 0.1) {
self.speed = 0;
}
};
self["throw"] = function (speed, direction) {
self.speed = speed;
self.direction = direction;
};
});
var NeonStone = Container.expand(function () {
var self = Container.call(this);
var stoneGraphics = self.attachAsset('stoneNeon', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 0;
self.direction = 0;
self.update = function () {
self.x += Math.cos(self.direction) * self.speed;
self.y += Math.sin(self.direction) * self.speed;
self.speed *= 0.99; // friction
if (self.speed < 0.1) {
self.speed = 0;
}
};
self["throw"] = function (speed, direction) {
self.speed = speed;
self.direction = direction;
};
});
var OrangeStone = Container.expand(function () {
var self = Container.call(this);
var stoneGraphics = self.attachAsset('stoneOrange', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 0;
self.direction = 0;
self.update = function () {
self.x += Math.cos(self.direction) * self.speed;
self.y += Math.sin(self.direction) * self.speed;
self.speed *= 0.99; // friction
if (self.speed < 0.1) {
self.speed = 0;
}
};
self["throw"] = function (speed, direction) {
self.speed = speed;
self.direction = direction;
};
});
var PinkStone = Container.expand(function () {
var self = Container.call(this);
var stoneGraphics = self.attachAsset('stonePink', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 0;
self.direction = 0;
self.update = function () {
self.x += Math.cos(self.direction) * self.speed;
self.y += Math.sin(self.direction) * self.speed;
self.speed *= 0.99; // friction
if (self.speed < 0.1) {
self.speed = 0;
}
};
self["throw"] = function (speed, direction) {
self.speed = speed;
self.direction = direction;
};
});
var PurpleStone = Container.expand(function () {
var self = Container.call(this);
var stoneGraphics = self.attachAsset('stonePurple', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 0;
self.direction = 0;
self.update = function () {
self.x += Math.cos(self.direction) * self.speed;
self.y += Math.sin(self.direction) * self.speed;
self.speed *= 0.99; // friction
if (self.speed < 0.1) {
self.speed = 0;
}
};
self["throw"] = function (speed, direction) {
self.speed = speed;
self.direction = direction;
};
});
var RedStone = Container.expand(function () {
var self = Container.call(this);
var stoneGraphics = self.attachAsset('stoneRed', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 0;
self.direction = 0;
self.update = function () {
self.x += Math.cos(self.direction) * self.speed;
self.y += Math.sin(self.direction) * self.speed;
self.speed *= 0.99; // friction
if (self.speed < 0.1) {
self.speed = 0;
}
};
self["throw"] = function (speed, direction) {
self.speed = speed;
self.direction = direction;
};
});
var YellowStone = Container.expand(function () {
var self = Container.call(this);
var stoneGraphics = self.attachAsset('stoneYellow', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 0;
self.direction = 0;
self.update = function () {
self.x += Math.cos(self.direction) * self.speed;
self.y += Math.sin(self.direction) * self.speed;
self.speed *= 0.99; // friction
if (self.speed < 0.1) {
self.speed = 0;
}
};
self["throw"] = function (speed, direction) {
self.speed = speed;
self.direction = direction;
};
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0xFFFFFF // Init game with white background
});
/****
* Game Code
****/
function isExactlyOneStoneBelowRedLine() {
var stones = [stone, stoneRed, stoneYellow, stoneGreen, stoneOrange, stonePink, stonePurple, stoneNeon];
var count = 0;
stones.forEach(function (stone) {
if (stone.y > 2732 * 0.75 + 300) {
// Check if stone is below the red line
count++;
}
});
return count === 1;
}
// Function to check the visibility of the start button
function checkStartButtonVisibility() {
if (gameMode !== null && selectedStone !== null && isExactlyOneStoneBelowRedLine() && selectedStone.y > 2732 * 0.75 + 300 && (selectAsset.visible || selectGreenAsset.visible)) {
// Logic to display the start button
var startButton = LK.getAsset('startButton', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 * 0.25
});
startButton.visible = true;
game.addChild(startButton);
} else {
if (startButton) {
startButton.visible = false;
}
}
}
// Initialize game mode variable
var gameMode = null;
var selectedStone = null; // Track selected stone
// Display the game mode selection pop-up
var gameModePopup = new GameModePopup();
game.addChild(gameModePopup);
// Add first game mode asset to the map
var gameModeAsset1 = LK.getAsset('gameModeAsset', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2
});
game.addChild(gameModeAsset1);
// Add second game mode asset to the map
var gameModeAsset2 = LK.getAsset('gameModeAsset', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2 + 600 // Adjusted position for the second asset
});
game.addChild(gameModeAsset2);
// Add left button to the center of the map
var leftButton = LK.getAsset('leftButton', {
anchorX: 1.0,
// Align right edge
anchorY: 0.0,
x: 2048 / 2,
y: gameModeAsset1.y + gameModeAsset1.height / 2
});
game.addChild(leftButton);
// Add playervsplayer asset to the map
var playervsplayerAsset = LK.getAsset('playervsplayer', {
anchorX: 0.5,
anchorY: 0.5,
x: leftButton.x - leftButton.width / 2,
y: leftButton.y + leftButton.height / 2
});
game.addChild(playervsplayerAsset);
// Add select asset to indicate selection
var selectAsset = LK.getAsset('select', {
anchorX: 0.5,
anchorY: 0.5,
x: leftButton.x - leftButton.width / 2,
y: leftButton.y + leftButton.height / 2
});
selectAsset.visible = false; // Initially hidden
game.addChild(selectAsset);
// Add right button to the center of the map
var rightButton = LK.getAsset('rightButton', {
anchorX: 0.0,
// Align left edge
anchorY: 0.0,
x: 2048 / 2,
y: gameModeAsset1.y + gameModeAsset1.height / 2
});
game.addChild(rightButton);
// Add selectgreen asset to the map
var selectGreenAsset = LK.getAsset('selectgreen', {
anchorX: 0.5,
anchorY: 0.5,
x: rightButton.x + rightButton.width / 2,
y: rightButton.y + rightButton.height / 2
});
selectGreenAsset.visible = false; // Initially hidden
game.addChild(selectGreenAsset);
// Function to handle player vs ai mode selection
function selectPlayerVsAIMode() {
gameMode = 'playerVsAI';
selectGreenAsset.visible = !selectGreenAsset.visible;
if (selectGreenAsset.visible) {
selectAsset.visible = false;
}
selectGreenAsset.x = rightButton.x + rightButton.width / 2;
selectGreenAsset.y = rightButton.y + rightButton.height / 2;
checkStartButtonVisibility();
}
// Function to handle player vs player mode selection
function selectPlayerVsPlayerMode() {
gameMode = 'playerVsPlayer';
selectAsset.visible = !selectAsset.visible;
if (selectAsset.visible) {
selectGreenAsset.visible = false;
}
selectAsset.x = leftButton.x - leftButton.width / 2;
selectAsset.y = leftButton.y + leftButton.height / 2;
checkStartButtonVisibility();
}
// Add interaction to playervsplayerAsset
playervsplayerAsset.interactive = true;
playervsplayerAsset.on('down', selectPlayerVsPlayerMode);
// Add playervsai asset to the map
var playervsaiAsset = LK.getAsset('playervsai', {
anchorX: 0.5,
anchorY: 0.5,
x: rightButton.x + rightButton.width / 2,
y: rightButton.y + rightButton.height / 2
});
playervsaiAsset.interactive = true;
playervsaiAsset.on('down', selectPlayerVsAIMode);
game.addChild(playervsaiAsset);
// Add center line to the game
var centerLine = LK.getAsset('centerLine', {
anchorX: 0.5,
anchorY: 0.0,
x: 2048 / 2,
y: 0
});
// Add left lane to the game
var leftLane = LK.getAsset('leftLane', {
anchorX: 0.5,
anchorY: 0.0,
x: 50,
y: 0
});
game.addChild(leftLane);
// Add right button to the center of the map
var rightButton = LK.getAsset('rightButton', {
anchorX: 0.0,
// Align left edge
anchorY: 0.0,
x: 2048 / 2,
y: gameModeAsset1.y + gameModeAsset1.height / 2
});
game.addChild(rightButton);
// Add right lane to the game
var rightLane = LK.getAsset('rightLane', {
anchorX: 0.5,
anchorY: 0.0,
x: 2048 - 50,
y: 0
});
game.addChild(rightLane);
// Add red horizontal line to the lower quarter of the map
var redLine = LK.getAsset('redLine', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 * 0.75 + 300
});
// Add grey horizontal target line to the upper quadrant of the map
var targetLine = LK.getAsset('targetLine', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 * 0.25
});
var whiteRing = LK.getAsset('whiteRing', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 * 0.25
});
var redRing = LK.getAsset('redRing', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 * 0.25
});
var blueRing = LK.getAsset('blueRing', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 * 0.25
});
game.addChild(blueRing);
game.addChild(whiteRing);
game.addChild(redRing);
var whiteCenter = LK.getAsset('whiteCenter', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 * 0.25
});
game.addChild(whiteCenter);
game.addChild(centerLine);
game.addChild(redLine);
game.addChild(targetLine);
var stoneSpacing = 200;
var totalStones = 8;
var startX = 2048 / 2 - stoneSpacing * (totalStones - 1) / 2;
var stone = game.addChild(new CurlingStone());
stone.x = startX;
stone.y = 2732 * 0.75 + 500 - 350;
stone.interactive = true;
stone.on('down', function () {
if (selectedStone && selectedStone !== stone) {
selectedStone.y = 2732 * 0.75 + 500 - 350; // Reset previous stone position
}
stone.y = stone.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stone;
checkStartButtonVisibility();
checkStartButtonVisibility();
});
var stoneRed = game.addChild(new RedStone());
stoneRed.x = startX + stoneSpacing;
stoneRed.y = 2732 * 0.75 + 500 - 350;
stoneRed.interactive = true;
stoneRed.on('down', function () {
if (selectedStone && selectedStone !== stoneRed) {
selectedStone.y = 2732 * 0.75 + 500 - 350; // Reset previous stone position
}
stoneRed.y = stoneRed.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneRed;
checkStartButtonVisibility();
checkStartButtonVisibility();
});
var stoneYellow = game.addChild(new YellowStone());
stoneYellow.x = startX + stoneSpacing * 2;
stoneYellow.y = 2732 * 0.75 + 500 - 350;
stoneYellow.interactive = true;
stoneYellow.on('down', function () {
if (selectedStone && selectedStone !== stoneYellow) {
selectedStone.y = 2732 * 0.75 + 500 - 350; // Reset previous stone position
}
stoneYellow.y = stoneYellow.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneYellow;
checkStartButtonVisibility();
checkStartButtonVisibility();
});
var stoneGreen = game.addChild(new GreenStone());
stoneGreen.x = startX + stoneSpacing * 3;
stoneGreen.y = 2732 * 0.75 + 500 - 350;
stoneGreen.interactive = true;
stoneGreen.on('down', function () {
if (selectedStone && selectedStone !== stoneGreen) {
selectedStone.y = 2732 * 0.75 + 500 - 350; // Reset previous stone position
}
stoneGreen.y = stoneGreen.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneGreen;
checkStartButtonVisibility();
checkStartButtonVisibility();
});
var stoneOrange = game.addChild(new OrangeStone());
stoneOrange.x = startX + stoneSpacing * 4;
stoneOrange.y = 2732 * 0.75 + 500 - 350;
stoneOrange.interactive = true;
stoneOrange.on('down', function () {
if (selectedStone && selectedStone !== stoneOrange) {
selectedStone.y = 2732 * 0.75 + 500 - 350; // Reset previous stone position
}
stoneOrange.y = stoneOrange.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneOrange;
checkStartButtonVisibility();
checkStartButtonVisibility();
});
var stonePink = game.addChild(new PinkStone());
stonePink.x = startX + stoneSpacing * 5;
stonePink.y = 2732 * 0.75 + 500 - 350;
stonePink.interactive = true;
stonePink.on('down', function () {
if (selectedStone && selectedStone !== stonePink) {
selectedStone.y = 2732 * 0.75 + 500 - 350; // Reset previous stone position
}
stonePink.y = stonePink.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stonePink;
checkStartButtonVisibility();
checkStartButtonVisibility();
});
var stonePurple = game.addChild(new PurpleStone());
stonePurple.x = startX + stoneSpacing * 6;
stonePurple.y = 2732 * 0.75 + 500 - 350;
stonePurple.interactive = true;
stonePurple.on('down', function () {
if (selectedStone && selectedStone !== stonePurple) {
selectedStone.y = 2732 * 0.75 + 500 - 350; // Reset previous stone position
}
stonePurple.y = stonePurple.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stonePurple;
checkStartButtonVisibility();
checkStartButtonVisibility();
});
var stoneNeon = game.addChild(new NeonStone());
stoneNeon.x = startX + stoneSpacing * 7;
stoneNeon.y = 2732 * 0.75 + 500 - 350;
stoneNeon.interactive = true;
stoneNeon.on('down', function () {
if (selectedStone && selectedStone !== stoneNeon) {
selectedStone.y = 2732 * 0.75 + 500 - 350; // Reset previous stone position
}
stoneNeon.y = stoneNeon.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneNeon;
checkStartButtonVisibility();
checkStartButtonVisibility();
});
// Initialize the game state
var throwing = false;
var throwStart = null;
// Handle touch events
game.down = function (x, y, obj) {
throwing = true;
throwStart = {
x: x,
y: y
};
};
game.up = function (x, y, obj) {
if (throwing) {
var dx = x - throwStart.x;
var dy = y - throwStart.y;
var speed = Math.sqrt(dx * dx + dy * dy) / 100;
var direction = Math.atan2(dy, dx);
stone["throw"](speed, direction);
throwing = false;
}
};
// Update the game state
game.update = function () {
// Removed game over condition when stone intersects target
};
black curling stone with pink top, top view.
Black curlingstone with purple top, top view.
Black curlingstone with yellow top, top view.
Black curlingstone with orange top, top view.
black curlingstone with neongreen top, top view.
Black curlingstone with neonblue top, top view.
add a text to the center: "Player vs Player"
neongreen rectangle with rounded corners, transparent in the middle.
Red button with white start text.