Added manual server emulation and javascript graph

This commit is contained in:
2019-08-15 18:57:50 +02:00
parent 2abf9fd7f0
commit dd8f37fe42
6 changed files with 173 additions and 95 deletions

View File

@@ -2,8 +2,8 @@
<html>
<head>
<title>WebSocket DEMO</title>
<script src="js/struct/struct.js"></script>
<script src="js/fly-ws.js"></script>
<script src="js/graph.js"></script>
<style>
html, body {
width: 100vw;
@@ -90,22 +90,21 @@
.map {
grid-area: map;
}
.data-al {
#data_al {
grid-area: data-al;
}
.data-sp {
#data_sp {
grid-area: data-sp;
}
.data-ps {
#data_ps {
grid-area: data-ps;
}
.data-hp {
#data_hp {
grid-area: data-hp;
}
#stdin {
grid-area: stdin;
}
</style>
</head>
<body>
@@ -120,10 +119,10 @@
<button onclick="connect()">Connect</button>
</div>
<div class="map border"></div>
<div class="data-al border"></div>
<div class="data-sp border"></div>
<div class="data-ps border"></div>
<div class="data-hp border"></div>
<div class="border" id="data_al"></div>
<div class="border" id="data_sp"></div>
<div class="border" id="data_ps"></div>
<div class="border" id="data_hp"></div>
<div class="console border">
<pre id="stdout"></pre>
</div>
@@ -136,6 +135,12 @@
<script>
var fs;
// init graphs
let canvas = document.createElement("canvas");
canvas.width = canvas.height = 215;
data_al.appendChild(canvas);
let graph = new Graph(canvas, "#FFBF00");
function* buffer2HexArray(buff, start = 0, end = buff.byteLength) {
for (let i = start; i < end; i++) {
let hex = buff.getUint8(i).toString(16);