1; i -= 2) {
availableY.push(i);
}
let startXIndex = Math.floor((availableX.length - columns) / 2);
let startYIndex = Math.floor((availableY.length - rows) / 2);
for (let row = 0; row < rows; row++) {
for (let col = 0; col < columns; col++) {
let x = availableX[startXIndex + col];
let y = availableY[startYIndex + row];
shapeX.push(x);
shapeY.push(y);
pieces.push("rgba(0,0,0,0)");
number.push("");
selected.push(0);
if (scenarios[selectedScenario].pieces[renderIndex]?.connected != "empty") {
enabled.push("ENABLED_NO_MOVE");
imagePiece.push(`./${scenarios[selectedScenario].shape}/${scenarios[selectedScenario].shape}-${index}.png`);
index += 1;
} else {
enabled.push("ENABLED_NONE");
imagePiece.push(``);
}
renderIndex += 1;
}
}
}
]]>
value === 1);
const isSelected = selected.includes(1);
const shapePiece = scenarios[selectedScenario].pieces[shapeIndex];
if (selectedIndex === shapeIndex) {
selected[shapeIndex] = 0;
currentAttempt.log.push(`Click ${currentAttempt.numberOfClicks}: Unclicked Grid ${shapeIndex}`);
return;
}
if (!isSelected && shapePiece.connected === -1) {
numberOfPieces += 1;
pieces[shapeIndex] = "rgba(40, 255, 0, 0.6)";
enabled[shapeIndex] = "ENABLED_NONE";
number[shapeIndex] = numberOfPieces;
currentAttempt.log.push(`Click ${currentAttempt.numberOfClicks}: Clicked Grid ${shapeIndex}. Estimated 1 unit of area`);
return;
}
if (isSelected) {
selected.fill(0);
if (shapePiece.connected === -1) {
alert("Try matching a closer estimation to one block");
currentAttempt.log.push(`Click ${currentAttempt.numberOfClicks}: Clicked Grid ${shapeIndex} combined with ${selectedIndex}. Incorrect estimation of 1 unit of area`);
return;
}
if (shapePiece.connected.includes(selectedIndex)) {
numberOfPieces += 1;
pieces[shapeIndex] = "rgba(40, 255, 0, 0.6)";
enabled[shapeIndex] = "ENABLED_NONE";
number[shapeIndex] = numberOfPieces;
pieces[selectedIndex] = "rgba(40, 255, 0, 0.6)";
enabled[selectedIndex] = "ENABLED_NONE";
number[selectedIndex] = numberOfPieces;
currentAttempt.log.push(`Click ${currentAttempt.numberOfClicks}: Clicked Grid ${shapeIndex} combined with ${selectedIndex}. Estimated 1 unit of area`);
} else {
currentAttempt.log.push(`Click ${currentAttempt.numberOfClicks}: Clicked Grid ${shapeIndex} combined with ${selectedIndex}. Incorrect estimation of 1 unit of area`);
alert("Try matching a closer estimation to one block");
}
return;
}
selected[shapeIndex] = 1;
currentAttempt.log.push(`Click ${currentAttempt.numberOfClicks}: Clicked Grid ${shapeIndex}`);
}
]]>
{
const clickLogs = log.attempt.log.map(click => ' ' + click).join('
');
attemptLogHtml +=
'Attempt ' + (index + 1) + ':
' +
(log.correct ? 'Correct Attempt' : 'Incorrect Attempt') + '
' +
'Time Taken: ' + log.timeStamp + '
' +
'Number of Clicks: ' + log.attempt.numberOfClicks + '
' +
'Click Log:
' + clickLogs + '
';
});
const feedback =
'' +
'' +
'Total Attempts Taken To Complete: ' + pastAttemptsByScenario[selectedScenario].attemptsTakenToComplete + '
' +
'Managed To Complete: ' + pastAttemptsByScenario[selectedScenario].completed + '
' +
'Total Time Taken to Complete: ' + pastAttemptsByScenario[selectedScenario].timeTakenToComplete + '
' +
'Attempt Log:
' +
attemptLogHtml +
'' +
'';
console.log(feedback)
console.log(score)
storeState({score, feedback});
reset();
}
]]>