function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min + 1) ) + min;
}
var weights = [1, 3];
var randomNumber = getRndInteger(1, 12);
var randomWeight = weights[Math.floor(Math.random() * weights.length)];
gsap.set("#coin" + randomNumber, {attr:{weight:randomWeight}});
var coins = ["coin1", "coin2", "coin3", "coin4", "coin5", "coin6", "coin7", "coin8", "coin9", "coin10", "coin11", "coin12"];
$( "#check" ).click(function() {
var coinsNotUsed = [];
var coinsInLeftBowl = [];
var coinsInRightBowl = [];
var weightOfCoinsInLeftBowl = 0;
var weightOfCoinsInRightBowl = 0;
$(coins).each(function() {
if (leftCoords.some(e => e.coin == this)) {
coinsInLeftBowl.push(this);
} else if (rightCoords.some(e => e.coin == this)) {
coinsInRightBowl.push(this);
} else {
coinsNotUsed.push(this);
}
});
$(coinsInLeftBowl).each(function() {
weightOfCoinsInLeftBowl += parseInt($("#" + this).attr("weight"));
});
$(coinsInRightBowl).each(function() {
weightOfCoinsInRightBowl += parseInt($("#" + this).attr("weight"));
});
$( "#weightOfCoinsInLeftBowlSpan" ).text("The coins in the left bowl weigh " + weightOfCoinsInLeftBowl);
$( "#weightOfCoinsInRightBowlSpan" ).text("The coins in the right bowl weigh " + weightOfCoinsInRightBowl);
$( "#coinsNotUsedSpan" ).text(coinsNotUsed);
$( "#coinsInLeftBowlSpan" ).text(coinsInLeftBowl);
$( "#coinsInRightBowlSpan" ).text(coinsInRightBowl);
if (weightOfCoinsInLeftBowl > weightOfCoinsInRightBowl) {
leftBowlIsHeavier(coinsInLeftBowl, coinsInRightBowl);
} else if (weightOfCoinsInRightBowl > weightOfCoinsInLeftBowl) {
rightBowlIsHeavier();
} else {
bowlsAreOfEqualWeight();
}
});
var leftCoords = [{position: 1, x: 67, y: 192, coin: null}, {position: 2, x: 89, y: 192, coin: null}, {position: 3, x: 111, y: 192, coin: null}, {position: 4, x: 133, y: 192, coin: null}, {position: 5, x: 155, y: 192, coin: null}, {position: 6, x: 78, y: 172, coin: null}, {position: 7, x: 100, y: 172, coin: null}, {position: 8, x: 122, y: 172, coin: null}, {position: 9, x: 144, y: 172, coin: null}, {position: 10, x: 89, y: 152, coin: null}, {position: 11, x: 111, y: 152, coin: null}, {position: 12, x: 133, y: 152, coin: null}];
var rightCoords = [{position: 1, x: 407, y: 192, coin: null}, {position: 2, x: 429, y: 192, coin: null}, {position: 3, x: 451, y: 192, coin: null}, {position: 4, x: 473, y: 192, coin: null}, {position: 5, x: 495, y: 192, coin: null}, {position: 6, x: 417, y: 172, coin: null}, {position: 7, x: 439, y: 172, coin: null}, {position: 8, x: 461, y: 172, coin: null}, {position: 9, x: 483, y: 172, coin: null}, {position: 10, x: 429, y: 152, coin: null}, {position: 11, x: 451, y: 152, coin: null}, {position: 12, x: 473, y: 152, coin: null}];
Draggable.create(".draggable", {
onDragEnd: function() {
let draggedCoin = this.target;
let draggedCoinId = this.target.getAttribute("id");
var draggedCoinPosition = draggedCoin.getBBox();
var thisCoinsCoords;
var nextFreeCoords;
var targetX;
var targetY;
if (this.hitTest("#left_drop_area")) {
// Check if this coin already was in the left bowl
if (leftCoords.some(e => e.coin === draggedCoinId)) {
// Remove coin from these coordinates
thisCoinsCoords = leftCoords.find(x => x.coin == draggedCoinId);
thisCoinsCoords.coin = null;
// Move coin to it's initial position
gsap.to(this.target, 0.5, {x: 0, y: 0, ease: Bounce.easeOut});
// Check if this coin was dragged from the right bowl...
} else if (rightCoords.some(e => e.coin === draggedCoinId)) {
// Remove coin from these coordinates
thisCoinsCoords = rightCoords.find(x => x.coin == draggedCoinId);
thisCoinsCoords.coin = null;
}
// Find first free coordinates in leftCoords
nextFreeCoords = leftCoords.find(x => x.coin == null);
// Occupy these coordinates
nextFreeCoords.coin = draggedCoinId;
targetX = nextFreeCoords.x - draggedCoinPosition.x;
targetY = nextFreeCoords.y - draggedCoinPosition.y;
gsap.to(this.target, {duration: 0.5, x: targetX, y: targetY});
} else if (this.hitTest("#right_drop_area")) {
// Check if this coin already was in the right bowl
if (rightCoords.some(e => e.coin === draggedCoinId)) {
// Remove coin from these coordinates
thisCoinsCoords = rightCoords.find(x => x.coin == draggedCoinId);
thisCoinsCoords.coin = null;
// Move coin to it's initial position
gsap.to(this.target, 0.5, {x: 0, y: 0, ease: Bounce.easeOut});
// Check if this coin was dragged from the left bowl...
} else if (leftCoords.some(e => e.coin === draggedCoinId)) {
// Remove coin from these coordinates
thisCoinsCoords = leftCoords.find(x => x.coin == draggedCoinId);
thisCoinsCoords.coin = null;
}
// Find first free coordinates in rightCoords
nextFreeCoords = rightCoords.find(x => x.coin == null);
// Occupy these coordinates
nextFreeCoords.coin = draggedCoinId;
targetX = nextFreeCoords.x - draggedCoinPosition.x;
targetY = nextFreeCoords.y - draggedCoinPosition.y;
gsap.to(this.target, {duration: 0.5, x: targetX, y: targetY});
} else {
// Check if the coin was dragged from the left bowl
if (leftCoords.some(e => e.coin === draggedCoinId)) {
// Remove coin from these coordinates
thisCoinsCoords = leftCoords.find(x => x.coin == draggedCoinId);
thisCoinsCoords.coin = null;
// Move coin to it's initial position
gsap.to(this.target, 0.5, {x: 0, y: 0, ease: Bounce.easeOut});
// Check if the coin was dragged from the right bowl
} else if (rightCoords.some(e => e.coin === draggedCoinId)) {
// Remove coin from these coordinates
thisCoinsCoords = rightCoords.find(x => x.coin == draggedCoinId);
thisCoinsCoords.coin = null;
// Move coin to it's initial position
gsap.to(this.target, 0.5, {x: 0, y: 0, ease: Bounce.easeOut});
} else {
// Just put the coin back to it's initial position
gsap.to(this.target, 0.5, {x: 0, y: 0, ease: Bounce.easeOut});
}
}
}
});
function leftBowlIsHeavier(coinsInLeftBowl, coinsInRightBowl){
var leftBowlSelectors = [];
var rightBowlSelectors = [];
$(coinsInLeftBowl).each(function() {
leftBowlSelectors.push("#" + this);
});
$(coinsInRightBowl).each(function() {
rightBowlSelectors.push("#" + this);
});
gsap.set('#lever', {transformOrigin: "center"});
gsap.to('#lever', {duration: 2, rotation: -10});
gsap.to('#left_bowl', {duration: 2, y: 30});
gsap.to(leftBowlSelectors, {duration: 2, y: 30});
gsap.to('#right_bowl', {duration: 2, y: -30});
gsap.to(rightBowlSelectors, {duration: 2, y: -30});
}
function rightBowlIsHeavier(){
gsap.set('#lever', {transformOrigin: "center"});
gsap.to('#lever', {duration: 2, rotation: 10});
gsap.to('#right_bowl', {duration: 2, y: 30});
gsap.to('#left_bowl', {duration: 2, y: -30});
}
function bowlsAreOfEqualWeight(){
gsap.set('#lever', {transformOrigin: "center"});
gsap.to('#lever', {duration: 2, rotation: 0});
gsap.to('#right_bowl', {duration: 2, y: 0});
gsap.to('#left_bowl', {duration: 2, y: 0});
}
/*
function checkIfCoinsShouldMove(emptyPosition, array) {
var occupiedPositions = [];
var coinOnOccupiedPosition;
var coinToMove;
$(array).each(function() {
if (this.coin !== null) {
occupiedPositions.push(this.position);
}
});
switch (true) {
case ((emptyPosition === 1) && (occupiedPositions.includes(6)) && (occupiedPositions.includes(10))):
// Mynt på position 6 ska flyttas till position 1 och mynt på position 10 ska flyttas till position 6
coinOnOccupiedPosition = leftCoords.find(x => x.position == 6);
coinToMove = "#" + coinOnOccupiedPosition.coin;
gsap.to(coinToMove, {duration: 0.5, x: 10, y: 10});
coinOnOccupiedPosition.position = 1;
coinOnOccupiedPosition = leftCoords.find(x => x.position == 10);
coinToMove = "#" + coinOnOccupiedPosition.coin;
gsap.to(coinToMove, {duration: 0.5, x: 10, y: 10});
coinOnOccupiedPosition.position = 6;
break;
case ((emptyPosition === 1) && (occupiedPositions.includes(6))):
// Mynt på position 6 ska flyttas till position 1
coinOnOccupiedPosition = leftCoords.find(x => x.position == 6);
coinToMove = "#" + coinOnOccupiedPosition.coin;
gsap.to(coinToMove, {duration: 0.5, x: 10, y: 10});
coinOnOccupiedPosition.position = 1;
break;
case ((emptyPosition === 5) && (occupiedPositions.includes(9)) && (occupiedPositions.includes(12))):
// Mynt på position 9 ska flyttas till position 5 och mynt på position 12 ska flyttas till position 9
break;
case ((emptyPosition === 5) && (occupiedPositions.includes(9))):
// Mynt på position 9 ska flyttas till position 5
break;
case ((emptyPosition === 6) && (occupiedPositions.includes(10))):
// Mynt på position 10 ska flyttas till position 6
break;
case ((emptyPosition === 9) && (occupiedPositions.includes(12))):
// Mynt på position 12 ska flyttas till position 9
break;
default:
// Do nothing
}
console.log(emptyPosition, occupiedPositions);
}
*/
!
