adrien/teTra
adrien/teTra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pause style

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-07-08 12:34:35 +02:00
parent bdf99b41b7
commit 013fb0bce7
5 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app.js
View File

@ -110,6 +110,7 @@ let game = {
document.onkeydown = onkeydown document.onkeydown = onkeydown
document.onkeyup = onkeyup document.onkeyup = onkeyup
window.onblur = game.pause window.onblur = game.pause
gui.domElement.onfocus = game.pause
document.body.classList.remove("pause") document.body.classList.remove("pause")
gui.resumeButton.hide() gui.resumeButton.hide()

2
index.html
View File

@ -31,7 +31,7 @@
</div> </div>
</div> </div>
<span id="messagesSpan"></span> <span id="messagesSpan"></span>
<span id="pauseSpan" tabindex="1">PAUSE</span> <span id="pauseSpan" tabindex="1">II</span>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script type="module" src="app.js"></script> <script type="module" src="app.js"></script>
</body> </body>

1
jsm/TetraGUI.js
View File

@ -6,6 +6,7 @@ import { I, J, L, O, S, T, Z } from './gamelogic.js'
class TetraGUI extends GUI { class TetraGUI extends GUI {
constructor(game, settings, stats, scene) { constructor(game, settings, stats, scene) {
super({title: "teTra"}) super({title: "teTra"})
this.domElement.tabIndex = 1
this.startButton = this.add(game, "start").name("Jouer").hide() this.startButton = this.add(game, "start").name("Jouer").hide()
this.pauseButton = this.add(game, "pause").name("Pause").hide() this.pauseButton = this.add(game, "pause").name("Pause").hide()

2
jsm/gamelogic.js
View File

@ -425,7 +425,7 @@ class Matrix extends THREE.Group {
updateUnlockedMinoes(delta) { updateUnlockedMinoes(delta) {
this.unlockedMinoes.forEach(mino => { this.unlockedMinoes.forEach(mino => {
mino.update(delta) mino.update(delta)
if (Math.sqrt(mino.position.x * mino.position.x + mino.position.z * mino.position.z) > 40) { if (Math.sqrt(mino.position.x * mino.position.x + mino.position.z * mino.position.z) > 40 || mino.position.y < -50) {
this.remove(mino) this.remove(mino)
this.unlockedMinoes.delete(mino) this.unlockedMinoes.delete(mino)
} }

5
style.css
View File

@ -176,8 +176,9 @@ h1 {
height: 100%; height: 100%;
z-index: 10; z-index: 10;
color: rgba(255, 255, 255, 20%); color: rgba(255, 255, 255, 20%);
text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 10vh; font-size: 20vh;
font-weight: 800;
letter-spacing: .1em;
} }