:quality(85)/https://cdn.frvr.ai/679ff147284cf4dbc65a722e.png)
:quality(85)/https://cdn.upit.com/klrobnlv2x68sqtwz292x6g5.png)
:quality(85)/https://cdn.frvr.ai/671ec3991b725d4fe7b007dd.png)
#curling
#sports
#icegames
Creation History
User prompt
delete player vs player text and player vs ai text from th game
User prompt
move the text down with 1000 units
User prompt
Add "Player vs Player" text to the game
User prompt
delete player vs player and player vs aitext from the game
User prompt
These texts should be 400 units apart horizontally
User prompt
These texts should be 400 units apart;
User prompt
These texts should be 200 units from the vertical center line
User prompt
These texts should be 600 units from the vertical line
User prompt
These texts should be 200 units from the vertical line
User prompt
Double the leading of these texts
User prompt
Rearrange Player vs Player one below the other on the left side of the screen and And it should look like this: Player Vs Player. Then the player vs ai text is also applied in the same way to the right side of the screen.
User prompt
Rearrange Player vs Player one below the other on the left side of the screen, and then the Player vs AI text in the same way on the right side of the screen
User prompt
You're still not doing it right! Are you doing the stupid thing directly???
User prompt
fix it
User prompt
Do it all
User prompt
DO IT
User prompt
move up the startbutton up with 500 units
User prompt
The StartButton appears at the top in order of appearance and nothing can obscure it
User prompt
move the startbutton up with 1000 units
User prompt
move startbutton to the center of whitecenter
User prompt
Once the player has selected a game mode and clicked on one of the colored curling wheels, the StartButton will appear on the map
User prompt
Add start button asset to the game
User prompt
The vertical line cannot obscure text in the order in which it is displayed
User prompt
Text is above the vertical line in display order
User prompt
Don't block text from vertical lines
/****
* 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: "#000000"
});
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: "#000000"
});
chooseStoneText.anchor.set(0.5, 0.5);
chooseStoneText.x = 2048 / 2;
chooseStoneText.y = 2732 / 2 + 600;
self.addChild(chooseStoneText);
// Create button for Player vs Player
var pvpButton = new Container();
var pvpText = new Text2('Player vs Player', {
size: 120,
fill: "#000000"
});
pvpText.anchor.set(0.5, 0.5);
pvpButton.addChild(pvpText);
pvpButton.x = 2048 / 2;
pvpButton.y = 2732 / 2 + 200;
pvpButton.interactive = true;
pvpButton.on('down', function () {
gameMode = 'pvp';
self.destroy();
});
self.addChild(pvpButton);
// Create button for Player vs AI
var pveButton = new Container();
var pveText = new Text2('Player vs AI', {
size: 120,
fill: "#000000"
});
pveText.anchor.set(0.5, 0.5);
pveButton.addChild(pveText);
pveButton.x = 2048 / 2;
pveButton.y = 2732 / 2 + 350;
pveButton.interactive = true;
pveButton.on('down', function () {
gameMode = 'pve';
self.destroy();
});
self.addChild(pveButton);
});
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
****/
// Add start button to the game
var startButton = LK.getAsset('startButton', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 * 0.25 // Align with the center of the red ring
});
startButton.interactive = true;
startButton.visible = false; // Initially hidden
startButton.on('down', function () {
console.log("Start button pressed");
// Add logic to start the game
});
game.addChild(startButton); // Ensure it's the last child
// Function to show start button when conditions are met
function checkStartButtonVisibility() {
if (gameMode && selectedStone) {
startButton.visible = true;
} else {
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);
// Initialize game mode variable
var gameMode = null;
// 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 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 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 () {
stone.y = stone.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stone;
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 () {
stoneRed.y = stoneRed.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneRed;
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 () {
stoneYellow.y = stoneYellow.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneYellow;
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 () {
stoneGreen.y = stoneGreen.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneGreen;
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 () {
stoneOrange.y = stoneOrange.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneOrange;
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 () {
stonePink.y = stonePink.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stonePink;
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 () {
stonePurple.y = stonePurple.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stonePurple;
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 () {
stoneNeon.y = stoneNeon.y === 2732 * 0.75 + 500 ? 2732 * 0.75 + 500 - 350 : 2732 * 0.75 + 500;
selectedStone = stoneNeon;
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
}; ===================================================================
--- original.js
+++ change.js
@@ -249,22 +249,23 @@
var startButton = LK.getAsset('startButton', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
- y: 2732 * 0.25 - 500 // Move up by 500 units
+ y: 2732 * 0.25 // Align with the center of the red ring
});
startButton.interactive = true;
startButton.visible = false; // Initially hidden
startButton.on('down', function () {
console.log("Start button pressed");
// Add logic to start the game
});
-game.addChild(startButton);
-game.setChildIndex(startButton, game.children.length - 1); // Ensure it's the last child
+game.addChild(startButton); // Ensure it's the last child
// Function to show start button when conditions are met
function checkStartButtonVisibility() {
if (gameMode && selectedStone) {
startButton.visible = true;
+ } else {
+ startButton.visible = false;
}
}
// Initialize game mode variable
var gameMode = null;
Images
:quality(85)/https://cdn.frvr.ai/671ffaa31b725d4fe7b009de.png%3F3)
black curling stone with pink top, top view.
:quality(85)/https://cdn.frvr.ai/671ffcb81b725d4fe7b00a19.png%3F3)
Black curlingstone with purple top, top view.
:quality(85)/https://cdn.frvr.ai/671ffd891b725d4fe7b00a47.png%3F3)
Black curlingstone with yellow top, top view.
:quality(85)/https://cdn.frvr.ai/671ffeeb1b725d4fe7b00a97.png%3F3)
Black curlingstone with orange top, top view.
:quality(85)/https://cdn.frvr.ai/6720068b1b725d4fe7b00b4f.png%3F3)
black curlingstone with neongreen top, top view.
:quality(85)/https://cdn.frvr.ai/672008901b725d4fe7b00ba3.png%3F3)
Black curlingstone with neonblue top, top view.
:quality(85)/https://cdn.frvr.ai/6722a290f77c0bb2345fd7cd.png%3F3)
:quality(85)/https://cdn.frvr.ai/6722b80af77c0bb2345fd838.png%3F3)
add a text to the center: "Player vs Player"
:quality(85)/https://cdn.frvr.ai/672358df0ac8f145edb50384.png%3F3)
:quality(85)/https://cdn.frvr.ai/67235fd60ac8f145edb503bd.png%3F3)
:quality(85)/https://cdn.frvr.ai/672363490ac8f145edb503e6.png%3F3)
neongreen rectangle with rounded corners, transparent in the middle.
:quality(85)/https://cdn.frvr.ai/67236c550ac8f145edb50434.png%3F3)
Red button with white start text.
:quality(85)/https://cdn.frvr.ai/679bf1716d4a9a00c2ea7f9d.png%3F3)
