Kevin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added new arrow picture

Browse Source 
Used for phone movement buttons
I don't really like those arrows, so I may change them
This commit is contained in:
LJ5O
2024-01-28 23:37:04 +01:00
parent 3e532a4027
commit 89531178ba
4 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
gimp_saves/arrow.xcf Normal file
View File

Binary file not shown.

8
index.html
View File

@@ -14,10 +14,10 @@
</div>
<div id="movement_keys">
<div id="key_up"></div>
<div id="key_left"></div>
<div id="key_down"></div>
<div id="key_right"></div>
<div id="key_up"><img src="/objects/textures/arrow.png" width="100%" height="100%"/></div>
<div id="key_left"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(-90deg);"/></div>
<div id="key_down"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(180deg);"/></div>
<div id="key_right"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(90deg);"/></div>
</div>
<script type="module" src="/src/main.js"></script>

BIN
public/objects/textures/arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

1
public/style.css
View File

@@ -69,6 +69,7 @@ a {
height: 50px;
z-index: 102;
background-color: #2E86AB;
opacity: 0.8;
}
#key_up{