mirror of
https://github.com/giongto35/cloud-game.git
synced 2026-07-21 00:59:22 +00:00
35 lines
1.2 KiB
JavaScript
35 lines
1.2 KiB
JavaScript
// A tiny bit of javascript code for color selection
|
|
window.onload = function() {
|
|
var colors = ['red', 'purple', 'green', 'yellow', 'teal', 'transparent'];
|
|
var last = null;
|
|
Array.prototype.slice.call(document.querySelectorAll('.color')).forEach(function(el) {
|
|
el.addEventListener('click', function() {
|
|
log("Starting gameboy");
|
|
screenState = "loader";
|
|
|
|
if (last) {
|
|
last.classList.remove('active');
|
|
}
|
|
var color = el.getAttribute('data-color');
|
|
var gameboy = document.querySelector('#gameboy');
|
|
gameboy.style.opacity = 0;
|
|
gameboy.classList.remove(gameboy.classList[0]);
|
|
var clone = gameboy.cloneNode(true);
|
|
gameboy.remove();
|
|
clone.classList.add(color);
|
|
clone.style.opacity = 1;
|
|
var colors = document.querySelector('#colors');
|
|
colors.parentNode.insertBefore(clone, colors);
|
|
el.classList.add('active');
|
|
last = el;
|
|
});
|
|
});
|
|
|
|
document.querySelector('.color[data-color="green"]').dispatchEvent(new MouseEvent('click', {
|
|
'view': window,
|
|
'bubbles': true
|
|
}));
|
|
|
|
$("#screen-gameboy-text").on("webkitAnimationEnd", showMenuScreen);
|
|
$("#screen-gameboy-text").on("animationend", showMenuScreen);
|
|
}
|