Added manual server emulation and javascript graph
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user