jyapayne/justbean
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New bean

Browse source
This commit is contained in:
Joey Yakimowich-Payne 2025-04-17 18:41:42 -06:00
commit be8919470e
No known key found for this signature in database
GPG key ID: 6BFE655FA5ABD1E1
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
beango/js/beango.js
View file

@ -285,7 +285,7 @@ function resetSettings() {
// --- Helper to get indices of marked cells --- // --- Helper to get indices of marked cells ---
function getMarkedIndices() { function getMarkedIndices() {
const markedCells = document.querySelectorAll('#bingo-board .bingo-cell.marked'); // Use 'marked' class selector const markedCells = document.querySelectorAll('#bingo-board .bingo-cell.marked');
const indices = []; const indices = [];
markedCells.forEach(cell => { markedCells.forEach(cell => {
// Ensure dataset.index exists and is a valid number // Ensure dataset.index exists and is a valid number
@ -504,23 +504,23 @@ function equalizeCellSizes() {
function explodeBeans() { function explodeBeans() {
const container = document.querySelector('.centered'); const container = document.querySelector('.centered');
for (let i = 0; i < 10; i++) { for (let i = 0; i < 20; i++) {
const newBean = document.createElement('img'); const newBean = document.createElement('img');
newBean.src = '../bean.svg'; newBean.src = '../bean.svg';
newBean.style.position = 'absolute'; newBean.style.position = 'absolute';
newBean.style.width = '50px'; newBean.style.width = '25px';
newBean.style.height = '50px'; newBean.style.height = '25px';
newBean.style.transition = 'transform 1s ease-out, opacity 1s ease-out'; newBean.style.transition = 'transform 1s ease-out, opacity 1s ease-out';
newBean.style.opacity = '0'; newBean.style.opacity = '0';
// Initial position at the center // Initial position at the center of the img tag
newBean.style.transform = 'translate(0, 0) scale(0.5)'; newBean.style.transform = 'translate(100px, 0) scale(0.5)';
container.appendChild(newBean); container.appendChild(newBean);
// Random position around the original bean // Random position around the original bean
const angle = Math.random() * 2 * Math.PI; const angle = Math.random() * 2 * Math.PI;
const distance = Math.random() * 100 + 50; const distance = Math.random() * 100 + 50+100;
// Trigger the animation // Trigger the animation
setTimeout(() => { setTimeout(() => {