2d game with map data
https://luna-development.net/2dgame/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
3.0 KiB
89 lines
3.0 KiB
4 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Abby</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="css/app.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="root">
|
||
|
|
<div id="abby" :style="positionAbby" focus>
|
||
|
|
<img id="char"
|
||
|
|
class="abby"
|
||
|
|
:style="positionAbby"
|
||
|
|
:src="sprite"
|
||
|
|
data-toggle="tooltip"
|
||
|
|
data-placement="right"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="manual float-right">
|
||
|
|
<div id="controls">
|
||
|
|
<h5>Steuerung</h5>
|
||
|
|
W/A/S/D oder Pfeiltasten<br/>
|
||
|
|
R = Reset<br/>
|
||
|
|
E = Sprechen
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div id="speedControl">
|
||
|
|
<h5>Speed</h5>
|
||
|
|
<button @click="toggleSpeed(1)" class="btn btn-info">1</button>
|
||
|
|
<button @click="toggleSpeed(3)" class="btn btn-info">2</button>
|
||
|
|
<button @click="toggleSpeed(5)" class="btn btn-info">3</button>
|
||
|
|
<button @click="toggleSpeed(10)" class="btn btn-info">4</button>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div id="textControl">
|
||
|
|
<h5>Sprechen</h5>
|
||
|
|
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#talkModal">
|
||
|
|
Nachricht ändern
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Modal -->
|
||
|
|
<div class="modal fade" id="talkModal" tabindex="-1" role="dialog" aria-labelledby="talkModalLabel"
|
||
|
|
aria-hidden="true">
|
||
|
|
<div class="modal-dialog" role="document">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<h5 class="modal-title" id="talkModalLabel">Nachricht setzen</h5>
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
|
|
<span aria-hidden="true">×</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal-body">
|
||
|
|
<input v-model="talkMessage" class="form-control"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Speichern</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="hidden" id="imageLoad">
|
||
|
|
<img src="img/sprites/down_0.png"/>
|
||
|
|
<img src="img/sprites/down_1.png"/>
|
||
|
|
<img src="img/sprites/up.png"/>
|
||
|
|
<img src="img/sprites/up_0.png"/>
|
||
|
|
<img src="img/sprites/up_1.png"/>
|
||
|
|
<img src="img/sprites/left.png"/>
|
||
|
|
<img src="img/sprites/left_0.png"/>
|
||
|
|
<img src="img/sprites/left_1.png"/>
|
||
|
|
<img src="img/sprites/right.png"/>
|
||
|
|
<img src="img/sprites/right_0.png"/>
|
||
|
|
<img src="img/sprites/right_1.png"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="/js/axios.min.js"></script>
|
||
|
|
<script src="js/jquery.js"></script>
|
||
|
|
<script src="js/popper.min.js"></script>
|
||
|
|
<script src="js/bootstrap.min.js"></script>
|
||
|
|
<script src="js/vue.js"></script>
|
||
|
|
<script src="vue/app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|