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
<!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> |