add tutorial screen

This commit is contained in:
Bui
2018-09-02 17:11:09 +01:00
parent a95f2e4319
commit 2405345291
8 changed files with 147 additions and 3 deletions

View File

@@ -1,4 +1,5 @@
<div id="song-select">
<h2 alt="曲をえらぶ" class="stroke-main songsel-title">曲をえらぶ</h2>
<div id="songsel-help">?</div>
<div id='song-container'></div>
</div>

View File

@@ -0,0 +1,13 @@
<div id="tutorial-outer">
<div id="tutorial">
<div id="tutorial-title" class="stroke-sub" alt="How to Play">How to Play</div>
<div id="tutorial-content">
<p>Hit the drum when the notes reach the taiko!</p>
<p>For red notes, hit the face of the drum (<kbd>V</kbd> or <kbd>B</kbd>)...</p>
<p>...and for blue notes, hit the rim! (<kbd>C</kbd> or <kbd>N</kbd>)</p>
<p>You can also press <kbd>Q</kbd> to pause, and hold <kbd>SHIFT</kbd> while selecting a difficulty to enter autoplay mode!</p>
</div>
<div id="tutorial-end-button" class="taibtn stroke-sub" alt="OK">OK</div>
</div>
</div>