partage/breakout-custom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Empêcher game.js de charger sur mobile

Browse source
This commit is contained in:
François Pelletier 2024-09-01 13:15:10 -04:00
parent 15957f0462
commit e334b61b32
2 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/views/game.scala.html
View file

@ -1,13 +1,22 @@
@()
@main("Arkanoid Game") {
<div id="gameContainer">
<canvas id="gameCanvas" width="540" height="675"></canvas>
</div>
<div id="mobileMessage" style="display: none;">
<p><img src="/assets/images/image-casse-briques-mobile.png" alt="Capture d'écran du jeu casse-briques DéconstruIT"/></p>
<p>Le jeu de casse-briques DéconstruIT est disponible sur ordinateur seulement pour l'instant</p>
</div>
<div id="gameContainer">
<canvas id="gameCanvas" width="540" height="675"></canvas>
</div>
<script src="@routes.Assets.versioned("javascripts/device-detection.js")"></script>
<script src="@routes.Assets.versioned("javascripts/game.js")"></script>
<script>
if (!isMobileDevice()) {
var script = document.createElement('script');
script.src = '@routes.Assets.versioned("javascripts/game.js")';
document.body.appendChild(script);
}
</script>
}

5
public/javascripts/device-detection.js
View file

@ -17,8 +17,11 @@ function checkDeviceType() {
}
}
// Make isMobileDevice function globally accessible
window.isMobileDevice = isMobileDevice;
// Run the check when the page loads
window.addEventListener('load', checkDeviceType);
// Also run the check if the window is resized (in case of device rotation)
window.addEventListener('resize', checkDeviceType);
window.addEventListener('resize', checkDeviceType);