:quality(85)/https://cdn.frvr.ai/657e164dc8e69b755b4c56a1.png)
:quality(85)/https://cdn.upit.com/ikynalmd9a4n2chrpaewn544.png)
:quality(85)/https://cdn.frvr.ai/657e17eec8e69b755b4c56bf.png)
Creation History
User prompt
when the disc hits a peg, it has a 50%-50% chance to go either left or right
User prompt
decrease gravity by 0.1 whenever the disc hits a peg.
User prompt
change gravity to 1
User prompt
change gravity to 1.5
User prompt
change gravity to 1
User prompt
change elasticity to 0.12
User prompt
change elasticity to 0.07
User prompt
change elasticity to 0.08
User prompt
change elasticity to 0.1
User prompt
change elasticity to 0.05
User prompt
move the UI disc indicators 1000 pixels to the right
User prompt
move all 3 disc indicator 1500 pixels to the right
User prompt
move the disc indicators to the right of the screen inside of the left side
User prompt
the disc colission with the slots doesn't work properly. I want them to consider being colided thus considering their score, only after the disc lands inside the respective slot
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'width')' in this line: 'if (disc.x + disc.discGraphics.width / 2 >= self.x && disc.x + disc.discGraphics.width / 2 <= self.x + self.slotGraphics.width) {' Line Number: 42
User prompt
the slot worth 10 points on the left does work properly
User prompt
when the disc collides with a slot, it needs to enter the slot, as if the slot is a container. basically, the disc needs to fall into the slot as if it would fall into a bucket. once it falls in the slot, it stops completely, and is position perfectly inside the very center of the slot
User prompt
for some reason the score doesn't always update correctly but I'm not sure why. sometimes the 25 slot awards 50 points, but I'm not sure exactly why that happens. maybe the disc touches the 50 slot very quickly and I can't see, or there some other problem, but I want to ensure the disc awards points based on the slot it fell into first
User prompt
when the disc collides with a slot, it needs to enter the slot, as if the slot is a container. basically, the disc needs to fall into the slot as if it would fall into a bucket. once it falls in the slot, it stops completely, and is position perfectly inside the very center of the slot
User prompt
6. **Disc Movement**: Make sure that the disc's movement is stopped or altered appropriately once it has collided with a slot to prevent it from bouncing into another slot after the initial collision.
User prompt
5. **Timing of Collision**: Check when the collision detection is happening. It should occur as soon as the disc enters the slot area, not before or after. If the collision is detected too early or too late, it could result in the wrong slot being awarded points.
User prompt
3. **Overlap Handling**: If the disc is intersecting with two slots at once (which can happen if the disc is on the edge between two slots), you need to have a method to determine which slot should be awarded the points. This could be based on the center of the disc or the majority of the disc's area being within a slot's boundaries.
User prompt
**Slot Boundaries**: Verify that the boundaries of each slot are correctly defined. The slots should have clear left and right boundaries that the disc can intersect with. If the slots are too wide or not correctly aligned with their point values, this could cause incorrect scoring.
User prompt
1. **Precise Collision Detection**: Ensure that the collision detection between the disc and the slots is precise. This means checking the exact position of the disc when it intersects with a slot and not just a general area of intersection.
User prompt
1. **Precise Collision Detection**: Ensure that the collision detection between the disc and the slots is precise. This means checking the exact position of the disc when it intersects with a slot and not just a general area of intersection. 2. **Slot Boundaries**: Verify that the boundaries of each slot are correctly defined. The slots should have clear left and right boundaries that the disc can intersect with. If the slots are too wide or not correctly aligned with their point values, this could cause incorrect scoring. 3. **Overlap Handling**: If the disc is intersecting with two slots at once (which can happen if the disc is on the edge between two slots), you need to have a method to determine which slot should be awarded the points. This could be based on the center of the disc or the majority of the disc's area being within a slot's boundaries. 4. **Z-Index**: Ensure that the slots are layered correctly in the game. If the slots are not on the correct z-index, it might cause issues with collision detection. 5. **Timing of Collision**: Check when the collision detection is happening. It should occur as soon as the disc enters the slot area, not before or after. If the collision is detected too early or too late, it could result in the wrong slot being awarded points. 6. **Disc Movement**: Make sure that the disc's movement is stopped or altered appropriately once it has collided with a slot to prevent it from bouncing into another slot after the initial collision.
var DiscIndicator = Container.expand(function () {
var self = Container.call(this);
var discGraphics = self.createAsset('disc', 'Disc Indicator Graphics', 0.5, 0.5);
self.setCount = function (count) {
self.removeChildren();
for (var i = 0; i < count; i++) {
var disc = self.createAsset('disc', 'Disc Indicator Graphics', 0.5, 0.5);
disc.scale.set(0.5);
disc.x = i * (discGraphics.width * 0.5) * 1.1;
self.addChild(disc);
}
};
});
var Slot = Container.expand(function (pointValue) {
var self = Container.call(this);
self.slotGraphics;
switch (pointValue) {
case 10:
self.slotGraphics = self.createAsset('slot_red', 'Slot Graphics', 0.5, 1);
break;
case 25:
self.slotGraphics = self.createAsset('slot_blue', 'Slot Graphics', 0.5, 1);
break;
case 50:
self.slotGraphics = self.createAsset('slot_green', 'Slot Graphics', 0.5, 1);
break;
case 100:
self.slotGraphics = self.createAsset('slot_purple', 'Slot Graphics', 0.5, 1);
break;
default:
self.slotGraphics = self.createAsset('slot', 'Slot Graphics', 0.5, 1);
break;
}
self.pointValue = pointValue;
var pointValueText = new Text2(self.pointValue.toString(), {
size: 50,
fill: '#ffffff'
});
pointValueText.anchor.set(0.5, 0);
self.addChild(pointValueText);
self.collideWithDisc = function (disc, updateScoreCallback) {
if (disc.x + disc.width / 2 >= self.x && disc.x + disc.width / 2 <= self.x + self.slotGraphics.width) {
disc.inSlot = true;
disc.pointValue = self.pointValue;
updateScoreCallback(disc.pointValue);
disc.centerInSlot(self);
}
};
self.setSize = function (width, height) {
self.slotGraphics.width = width;
self.slotGraphics.height = height;
pointValueText.x = width / 2;
pointValueText.y = height - pointValueText.height;
};
});
var Peg = Container.expand(function () {
var self = Container.call(this);
var pegGraphics = self.createAsset('peg', 'Peg Graphics', .25, .25);
self.collideWithDisc = function (disc) {
var normal = {
x: disc.x - self.x,
y: disc.y - self.y
};
var length = Math.sqrt(normal.x * normal.x + normal.y * normal.y);
normal.x /= length;
normal.y /= length;
var dotProduct = disc.velocity.x * normal.x + disc.velocity.y * normal.y;
disc.velocity.x -= 2.5 * dotProduct * normal.x * disc.elasticity;
disc.velocity.y -= 2.5 * dotProduct * normal.y * disc.elasticity;
};
});
var Disc = Container.expand(function () {
var self = Container.call(this);
var discGraphics = self.createAsset('disc', 'Disc Graphics', .25, .25);
self.velocity = {
x: 0,
y: 0
};
self.elasticity = 0.12;
self.gravity = 1.5;
self.inSlot = false;
self.pointValue = 0;
self.x = 2048 / 2;
self.y = 0;
self.velocity = {
x: 0,
y: 0
};
self.horizontalSpeed = 20;
self.movingLeft = Math.random() < 0.5;
self.move = function () {
if (!self.inSlot) {
if (self.movingLeft) {
self.x -= self.horizontalSpeed;
if (self.x <= 0) self.movingLeft = false;
} else {
self.x += self.horizontalSpeed;
if (self.x >= 2048) self.movingLeft = true;
}
if (self.velocity.y !== 0 || self.velocity.x !== 0) {
self.velocity.y += self.gravity * 1.5;
self.x += self.velocity.x;
self.y += self.velocity.y;
if (self.x < 0 || self.x > 2048) {
self.velocity.x *= -1;
}
if (self.y < 0 || self.y > 2732) {
self.velocity.y *= -1;
}
}
} else {
self.velocity.x = 0;
self.velocity.y = 0;
}
};
self.collideWithPeg = function (peg) {
var dx = self.x - peg.x;
var dy = self.y - peg.y;
var distance = Math.sqrt(dx * dx + dy * dy);
if (distance < pegGraphics.width / 2 + discGraphics.width / 2) {
var angle = Math.atan2(dy, dx);
var sin = Math.sin(angle);
var cos = Math.cos(angle);
self.x = peg.x + (pegGraphics.width / 2 + discGraphics.width / 2) * cos;
self.y = peg.y + (pegGraphics.width / 2 + discGraphics.width / 2) * sin;
var dx1 = self.velocity.x;
var dy1 = self.velocity.y;
var speed = Math.sqrt(dx1 * dx1 + dy1 * dy1);
var randomAngle = Math.random() < 0.5 ? angle : -angle;
self.velocity.x = speed * Math.cos(randomAngle) * self.elasticity;
self.velocity.y = speed * Math.sin(randomAngle) * self.elasticity;
if (distance < pegGraphics.width / 2 + discGraphics.width / 2) {
self.x = peg.x + (pegGraphics.width / 2 + discGraphics.width / 2) * cos;
self.y = peg.y + (pegGraphics.width / 2 + discGraphics.width / 2) * sin;
}
}
};
self.centerInSlot = function (slot) {
self.x = slot.x + slot.slotGraphics.width / 2;
self.y = slot.y + slot.slotGraphics.height / 2;
self.velocity.x = 0;
self.velocity.y = 0;
};
});
var Game = Container.expand(function () {
var self = Container.call(this);
var background = self.createAsset('background', 'Background Graphics', 0, 0);
background.width = 2048;
background.height = 2732;
background.alpha = 0.5;
stage.on('down', function (obj) {
if (currentDiscIndex < discs.length) {
var activeDisc = discs[currentDiscIndex];
if (!activeDisc.inSlot) {
activeDisc.velocity.y = 5;
activeDisc.velocity.x = (Math.random() - 0.5) * 3;
activeDisc.horizontalSpeed = 0;
discIndicator.setCount(discs.length - currentDiscIndex - 1);
}
}
});
var scoreTxt = new Text2('0', {
size: 100,
fill: '#ffffff',
stroke: '#000000',
strokeThickness: 6,
font: "'Luckiest Guy', 'Arial Black', sans-serif"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.topCenter.addChild(scoreTxt);
var discIndicator = new DiscIndicator();
discIndicator.x = 1100;
discIndicator.y = 70;
LK.gui.addChild(discIndicator);
discIndicator.setCount(3);
function updateScore(pointValue) {
totalScore += pointValue;
scoreTxt.setText(totalScore.toString());
}
function updateUI() {
scoreTxt.setText(totalScore.toString());
}
var pegs = [];
var slots = [];
var discs = [new Disc(), new Disc(), new Disc()];
for (var i = 0; i < discs.length; i++) {
discs[i].x = 2048 / 2;
discs[i].y = 250;
discs[i].velocity.x = 0;
discs[i].velocity.y = 0;
discs[i].visible = false;
self.addChild(discs[i]);
}
discs[0].visible = true;
var currentDiscIndex = 0;
var totalScore = 0;
function createDisc() {
var disc = new Disc();
discs.push(disc);
self.addChild(disc);
}
var slotPoints = [10, 25, 50, 100, 50, 25, 10];
var slotWidth = 2048 / slotPoints.length;
for (var i = 0; i < slotPoints.length; i++) {
var slot = new Slot(slotPoints[i]);
slot.setSize(slotWidth, slotWidth);
slot.x = i * slotWidth + 140;
slot.y = 2732 - slot.slotGraphics.height + 300;
slots.push(slot);
self.addChild(slot);
}
LK.on('tick', function () {
if (currentDiscIndex < discs.length) {
var activeDisc = discs[currentDiscIndex];
if (!activeDisc.inSlot) {
activeDisc.move();
for (var i = 0; i < pegs.length; i++) {
if (activeDisc.intersects(pegs[i])) {
pegs[i].collideWithDisc(activeDisc);
}
}
for (var i = 0; i < pegs.length; i++) {
if (activeDisc.intersects(pegs[i])) {
pegs[i].collideWithDisc(activeDisc);
}
}
for (var j = 0; j < slots.length; j++) {
if (activeDisc.intersects(slots[j]) && !activeDisc.inSlot) {
slots[j].collideWithDisc(activeDisc, updateScore);
activeDisc.inSlot = true;
currentDiscIndex++;
discIndicator.setCount(discs.length - currentDiscIndex);
if (currentDiscIndex < discs.length) {
if (discs[currentDiscIndex - 1].inSlot) {
discs[currentDiscIndex].x = Math.random() * 2048;
discs[currentDiscIndex].y = 250;
discs[currentDiscIndex].velocity.x = 0;
discs[currentDiscIndex].velocity.y = 0;
discs[currentDiscIndex].horizontalSpeed = 20;
discs[currentDiscIndex].movingLeft = Math.random() < 0.5;
discs[currentDiscIndex].visible = true;
}
}
}
}
}
if (currentDiscIndex == discs.length && discs.every(function (disc) {
return disc.inSlot;
})) {
LK.showGameOver();
totalScore = 0;
currentDiscIndex = 0;
discs.forEach(function (disc) {
disc.x = 2048 / 2;
disc.y = 850;
disc.velocity.y = 0;
disc.velocity.x = 0;
disc.inSlot = false;
});
}
}
});
var pegOffsetX = 2048 / 7;
var pegOffsetY = (2732 - pegOffsetX) / 9;
var marginX = pegOffsetX / 2 - 20;
for (var row = 0; row < 7; row++) {
var numberOfPegsInRow = row % 2 === 0 ? 7 : 6;
for (var col = 0; col < numberOfPegsInRow; col++) {
var peg = new Peg();
var staggerOffset = row % 2 * (pegOffsetX / 2);
peg.x = marginX + col * pegOffsetX + staggerOffset;
peg.y = pegOffsetY + row * pegOffsetY + 280;
pegs.push(peg);
self.addChild(peg);
}
}
});
===================================================================
--- original.js
+++ change.js
@@ -76,9 +76,9 @@
x: 0,
y: 0
};
self.elasticity = 0.12;
- self.gravity = 1;
+ self.gravity = 1.5;
self.inSlot = false;
self.pointValue = 0;
self.x = 2048 / 2;
self.y = 0;
@@ -125,13 +125,11 @@
self.y = peg.y + (pegGraphics.width / 2 + discGraphics.width / 2) * sin;
var dx1 = self.velocity.x;
var dy1 = self.velocity.y;
var speed = Math.sqrt(dx1 * dx1 + dy1 * dy1);
- var direction = Math.atan2(dy1, dx1);
- self.velocity.x = speed * Math.cos(direction + angle) * self.elasticity;
- self.velocity.y = speed * Math.sin(direction + angle) * self.elasticity;
- self.gravity -= 0.1;
- if (self.gravity < 0) self.gravity = 0;
+ var randomAngle = Math.random() < 0.5 ? angle : -angle;
+ self.velocity.x = speed * Math.cos(randomAngle) * self.elasticity;
+ self.velocity.y = speed * Math.sin(randomAngle) * self.elasticity;
if (distance < pegGraphics.width / 2 + discGraphics.width / 2) {
self.x = peg.x + (pegGraphics.width / 2 + discGraphics.width / 2) * cos;
self.y = peg.y + (pegGraphics.width / 2 + discGraphics.width / 2) * sin;
}
Images
:quality(85)/https://cdn.frvr.ai/65669989434902e7341afc23.png%3F3)
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.wooden peg
:quality(85)/https://cdn.frvr.ai/65688c0d434902e7341b02d3.png%3F3)
bucket with 50 text on it. front view. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows. pixel. 8 bit
:quality(85)/https://cdn.frvr.ai/65688cb1434902e7341b02f1.png%3F3)
golden bucket with 100 text on it. front view. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows. pixel. 8 bit
:quality(85)/https://cdn.frvr.ai/65689c9c434902e7341b04d7.png%3F3)
bucket with 25 text on it. front view. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows. pixel. 8 bit
:quality(85)/https://cdn.frvr.ai/6568c0687590fad6feef269a.png%3F3)
round crumpled ball of paper. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. no shadow. pixel. 8 bit
:quality(85)/https://cdn.frvr.ai/65692b697590fad6feef28b2.png%3F3)
white paper wallpaper. In-Game texture. 2d.. High contrast. No shadows. pixel. 8 bit. single color
:quality(85)/https://cdn.frvr.ai/6569ddcd37e2e6660dec2682.png%3F3)
paper peg Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows. pixel. 8 bit
:quality(85)/https://cdn.frvr.ai/6569f8e737e2e6660dec275d.png%3F3)
green plus sign Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows. pixel. 8 bit
:quality(85)/https://cdn.frvr.ai/656c81a64c7ac8cfd44d2cbf.png%3F3)
silver bucket with 75 text on it . front view. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows. pixel. 8 bit
