Remove waiting animation
This commit is contained in:
parent
8eb56ad1c4
commit
9dd9a212a5
@ -25,42 +25,6 @@
|
|||||||
<div id="canvasDiv" class="hidden">
|
<div id="canvasDiv" class="hidden">
|
||||||
<canvas id="canvas" class="centered" width="600" height="475" tabindex="1"></canvas>
|
<canvas id="canvas" class="centered" width="600" height="475" tabindex="1"></canvas>
|
||||||
</div>
|
</div>
|
||||||
<div id="waitingDiv" class="hidden">
|
|
||||||
<h1>Waiting for Opponent</h1>
|
|
||||||
<!-- Based on http://tobiasahlin.com/spinkit -->
|
|
||||||
<div class="sk-cube-grid">
|
|
||||||
<div class="sk-cube sk-cube1"></div>
|
|
||||||
<div class="sk-cube sk-cube2"></div>
|
|
||||||
<div class="sk-cube sk-cube3"></div>
|
|
||||||
<div class="sk-cube sk-cube4"></div>
|
|
||||||
<div class="sk-cube sk-cube5"></div>
|
|
||||||
<div class="sk-cube sk-cube6"></div>
|
|
||||||
<div class="sk-cube sk-cube7"></div>
|
|
||||||
<div class="sk-cube sk-cube8"></div>
|
|
||||||
<div class="sk-cube sk-cube9"></div>
|
|
||||||
<div class="sk-cube sk-cube10"></div>
|
|
||||||
<div class="sk-cube sk-cube11"></div>
|
|
||||||
<div class="sk-cube sk-cube12"></div>
|
|
||||||
<div class="sk-cube sk-cube13"></div>
|
|
||||||
<div class="sk-cube sk-cube14"></div>
|
|
||||||
<div class="sk-cube sk-cube15"></div>
|
|
||||||
<div class="sk-cube sk-cube16"></div>
|
|
||||||
<div class="sk-cube sk-cube17"></div>
|
|
||||||
<div class="sk-cube sk-cube18"></div>
|
|
||||||
<div class="sk-cube sk-cube19"></div>
|
|
||||||
<div class="sk-cube sk-cube20"></div>
|
|
||||||
<div class="sk-cube sk-cube21"></div>
|
|
||||||
<div class="sk-cube sk-cube22"></div>
|
|
||||||
<div class="sk-cube sk-cube23"></div>
|
|
||||||
<div class="sk-cube sk-cube24"></div>
|
|
||||||
<div class="sk-cube sk-cube25"></div>
|
|
||||||
<div class="sk-cube sk-cube26"></div>
|
|
||||||
<div class="sk-cube sk-cube27"></div>
|
|
||||||
<div class="sk-cube sk-cube28"></div>
|
|
||||||
<div class="sk-cube sk-cube29"></div>
|
|
||||||
<div class="sk-cube sk-cube30"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="chat column">
|
<div class="chat column">
|
||||||
|
@ -20,7 +20,6 @@ var lastWord;
|
|||||||
|
|
||||||
var appDiv = document.getElementById('appDiv');
|
var appDiv = document.getElementById('appDiv');
|
||||||
var canvasDiv = document.getElementById('canvasDiv');
|
var canvasDiv = document.getElementById('canvasDiv');
|
||||||
var waitingDiv = document.getElementById('waitingDiv');
|
|
||||||
var canvas = document.getElementById('canvas');
|
var canvas = document.getElementById('canvas');
|
||||||
var ctx = canvas.getContext('2d');
|
var ctx = canvas.getContext('2d');
|
||||||
|
|
||||||
@ -41,7 +40,6 @@ function main() {
|
|||||||
console.log('My username: ' + myUsername);
|
console.log('My username: ' + myUsername);
|
||||||
start();
|
start();
|
||||||
usernameDiv.classList.add('hidden');
|
usernameDiv.classList.add('hidden');
|
||||||
waitingDiv.classList.remove('hidden');
|
|
||||||
appDiv.classList.remove('hidden');
|
appDiv.classList.remove('hidden');
|
||||||
}
|
}
|
||||||
usernameButton.addEventListener('click', submitUsernameFunction);
|
usernameButton.addEventListener('click', submitUsernameFunction);
|
||||||
@ -381,7 +379,6 @@ function subscribeToOpponentJoined() {
|
|||||||
console.log('Opponent username: ' + opponentUsername);
|
console.log('Opponent username: ' + opponentUsername);
|
||||||
reset(firstLetter, true);
|
reset(firstLetter, true);
|
||||||
canvasDiv.classList.remove('hidden');
|
canvasDiv.classList.remove('hidden');
|
||||||
waitingDiv.classList.add('hidden');
|
|
||||||
repaint();
|
repaint();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -391,7 +388,6 @@ function subscribeToOpponentLeft() {
|
|||||||
opponentUsername = null;
|
opponentUsername = null;
|
||||||
lastWord = null;
|
lastWord = null;
|
||||||
canvasDiv.classList.add('hidden');
|
canvasDiv.classList.add('hidden');
|
||||||
waitingDiv.classList.remove('hidden');
|
|
||||||
repaint();
|
repaint();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user