SmashCops - The Ultimate Game for Smashin'
.
.
.sub-
.
.sub-
.
.video-
.game-
.game-overlay
.game-overlay
.game-play-
.game-play-button:
.score-
.score-
.score-
.score-
.score-
.score-
.
.controls
.controls button:
SmashCops
The Ultimate Game for Smashin'
Gameplay
New Game
Restart
Info
let score = 0;
let highScore = 0;
let isRestart = false;
let gameTime = 0;
const gameId = 'game-id';
const gameVersion = '1.0';
function createElement(type, data) {
const element = document.createElement(type);
element.innerHTML = data;
return element;
}
function getTime() {
return new Date().getTime();
}
function updateGameOverlay() {
const gameOverlay = document.getElementById('gameover');
gameOverlay.textContent = Game Time: ${getTime()};
gameOverlay.style.display = 'block';
}
function checkGameOver() {
if (isRestart) {
return false;
}
if (time() - startTime >= 1000) {
clearInterval(timer);
isRestart = true;
return true;
}
return false;
}
function startTimer() {
time = setInterval(() => {
gameTime++;
updateGameOverlay();
if (checkGameOver()) {
clearInterval(timer);
isRestart = true;
return;
}
}, 100);
}
function restartGame() {
clearInterval(timer);
isRestart = false;
startTimer();
}
function infoGameplay() {
const container = document.getElementById('container');
container.innerHTML = `
Gameplay
Score: ${score}
High Score: ${highScore}
New Game
Restart
Info
`;
}
function updateScore() {
score++;
if (score >= highScore) {
highScore = score;
return;
}
document.getElementById('score').innerHTML = Score: ${score};
}
function resetGame() {
score = 0;
highScore = 0;
isRestart = false;
startTimer();
document.getElementById('score').innerHTML = Score: 0;
}
function startGame() {
resetGame();
isRestart = false;
startTimer();
document.getElementById('info').innerHTML = 'Gameplay';
infoGameplay();
document.getElementById('newgame').addEventListener('click', () => {
createElement('button', {'class': 'controls button', 'text': 'New Game'});
});
document.getElementById('restart').addEventListener('click', () => {
createElement('button', {'class': 'controls button', 'text': 'Restart'});
});
document.getElementById('info').addEventListener('click', () => {
infoGameplay();
});
document.getElementById('score').addEventListener('click', () => {
updateScore();
});
document.getElementById('controls').addEventListener('click', () => {
if (document.getElementById('newgame').classList.contains('controls button')) {
resetGame();
}
if (document.getElementById('restart').classList.contains('controls button')) {
resetGame();
}
if (document.getElementById('info').classList.contains('controls button')) {
infoGameplay();
}
});
document.addEventListener('keyup', (event) => {
if (event.key === 'ArrowUp') {
if (isRestart) {
resetGame();
}
}
if (event.key === 'ArrowDown') {
if (isRestart) {
resetGame();
}
}
if (event.key === 'ArrowLeft') {
if (isRestart) {
resetGame();
}
}
if (event.key === 'ArrowRight') {
if (isRestart) {
resetGame();
}
}
});
}
function createElement(type, data) {
return document.createElement(type);
}
function getTime() {
return new Date().getTime();
}
function updateGameOverlay() {
const gameOverlay = document.getElementById('gameover');
gameOverlay.textContent = Game Time: ${getTime()};
gameOverlay.style.display = 'block';
}
function checkGameOver() {
if (isRestart) {
return false;
}
if (time() - startTime >= 1000) {
clearInterval(timer);
isRestart = true;
return true;
}
return false;
}
function startTimer() {
time = setInterval(() => {
gameTime++;
updateGameOverlay();
if (checkGameOver()) {
clearInterval(timer);
isRestart = true;
return;
}
}, 100);
}
function stopTimer() {
clearInterval(timer);
isRestart = false;
}
function restartGame() {
resetGame();
startTimer();
document.getElementById('score').innerHTML = Score: ${score};
}
function infoGameplay() {
const container = document.getElementById('container');
container.innerHTML = `
Gameplay
Score: ${score}
High Score: ${highScore}
New Game
Restart
Info
`;
}
function resetGame() {
score = 0;
highScore = 0;
isRestart = false;
startTimer();
document.getElementById('score').innerHTML = Score: 0;
}
function startGame() {
resetGame();
isRestart = false;
startTimer();
document.getElementById('score').innerHTML = Score: ${score};
}
function stopTimer() {
clearInterval(timer);
isRestart = true;
}
