esoko/mapguesser
esoko/mapguesser
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

Feature In-Game Compass #27

Merged
balazs merged 11 commits from feature/in-game-compass into develop 2021-04-29 19:15:44 +02:00
Conversation 2 Commits 11 Files Changed 3 +11 -10
3 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ea599809b8 - Show all commits

7
public/static/css/game.css
View File

@ -157,13 +157,14 @@
#navigation .navigationItem { #navigation .navigationItem {
margin-top: 10px; margin-top: 10px;
opacity: 70%; opacity: 70%;
cursor: pointer;
} }
#navigation .navigationItem:hover { #navigation .navigationItem:hover {
opacity: 100%; opacity: 100%;
} }
#navigation span { #navigation div {
position: absolute; position: absolute;
} }
@ -188,9 +189,9 @@
} }
#showGuessButtonContainer { #showGuessButtonContainer {
position: absolute; position: absolute;
left: 60px; left: 65px;
bottom: 30px; bottom: 30px;
right: 60px; right: 20px;
z-index: 2; z-index: 2;
} }
#guess { #guess {

6
public/static/js/game.js
View File

@ -334,6 +334,9 @@
document.getElementById('guess').style.visibility = null; document.getElementById('guess').style.visibility = null;
document.getElementById('guess').classList.remove('result'); document.getElementById('guess').classList.remove('result');
// needs to be set visible after the show guess map hid it in mobile view
document.getElementById("navigation").style.visibility = 'visible';
Game.initialize(); Game.initialize();
}, },
@ -380,9 +383,6 @@
Game.loadPano(Game.panoId, Game.pov); Game.loadPano(Game.panoId, Game.pov);
// needs to be set visible after the show guess map hid it in mobile view
document.getElementById("navigation").style.visibility = 'visible';
// update the compass // update the compass
const heading = Game.panorama.getPov().heading; const heading = Game.panorama.getPov().heading;
document.getElementById("compass").style.transform = "rotate(" + heading + "deg)"; document.getElementById("compass").style.transform = "rotate(" + heading + "deg)";

8
views/game.php
View File

@ -69,12 +69,12 @@
</span> </span>
</div> </div>
<div id="returnToStart" class="navigationItem"> <div id="returnToStart" class="navigationItem">
<span> <div>
<img src="<?= $_ENV['STATIC_ROOT'] ?>/img/circle_background.svg?rev=<?= REVISION ?>" alt="Circle Background" class="circleBackground" /> <img src="<?= $_ENV['STATIC_ROOT'] ?>/img/circle_background.svg?rev=<?= REVISION ?>" alt="Circle Background" class="circleBackground" />
</span> </div>
<span> <div>
<img src="<?= $_ENV['STATIC_ROOT'] ?>/img/house-fill.svg?rev=<?= REVISION ?>" alt="Return to Start icon" class="navigationIcon" /> <img src="<?= $_ENV['STATIC_ROOT'] ?>/img/house-fill.svg?rev=<?= REVISION ?>" alt="Return to Start icon" class="navigationIcon" />
</span> </div>
</div> </div>
</div> </div>
@endsection @endsection