Save point: Expanded mesh to 12 asymmetrical nodes, updated instruction text to explain click interaction
This commit is contained in:
26
index.html
26
index.html
@@ -765,7 +765,7 @@
|
|||||||
<span class="legend-item"><span class="legend-dot offline"></span> OFFLINE</span>
|
<span class="legend-item"><span class="legend-dot offline"></span> OFFLINE</span>
|
||||||
<span class="legend-item"><span class="legend-dot packet"></span> PACKET</span>
|
<span class="legend-item"><span class="legend-dot packet"></span> PACKET</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="mesh-status" id="meshStatus">CLICK A NODE TO SIMULATE FAILURE</div>
|
<div class="mesh-status" id="meshStatus">CLICK ANY NODE TO SEE HOW MESH NETWORKS REROUTE WHEN A NODE GOES OFFLINE</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="btnNext" id="returnFromScene9">RETURN</button>
|
<button class="btnNext" id="returnFromScene9">RETURN</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -1641,19 +1641,23 @@
|
|||||||
meshClicked = false;
|
meshClicked = false;
|
||||||
meshState = {
|
meshState = {
|
||||||
nodes: [
|
nodes: [
|
||||||
{ id: 0, x: 120, y: 50, label: 'A', online: true },
|
{ id: 0, x: 130, y: 45, label: 'A', online: true },
|
||||||
{ id: 1, x: 400, y: 40, label: 'B', online: true },
|
{ id: 1, x: 480, y: 35, label: 'B', online: true },
|
||||||
{ id: 2, x: 680, y: 50, label: 'C', online: true },
|
{ id: 2, x: 700, y: 75, label: 'C', online: true },
|
||||||
{ id: 3, x: 100, y: 150, label: 'D', online: true },
|
{ id: 3, x: 70, y: 130, label: 'D', online: true },
|
||||||
{ id: 4, x: 400, y: 160, label: 'E', online: true },
|
{ id: 4, x: 390, y: 105, label: 'E', online: true },
|
||||||
{ id: 5, x: 700, y: 150, label: 'F', online: true },
|
{ id: 5, x: 660, y: 165, label: 'F', online: true },
|
||||||
{ id: 6, x: 200, y: 260, label: 'G', online: true },
|
{ id: 6, x: 230, y: 195, label: 'G', online: true },
|
||||||
{ id: 7, x: 600, y: 260, label: 'H', online: true },
|
{ id: 7, x: 540, y: 215, label: 'H', online: true },
|
||||||
|
{ id: 8, x: 110, y: 265, label: 'I', online: true },
|
||||||
|
{ id: 9, x: 350, y: 285, label: 'J', online: true },
|
||||||
|
{ id: 10, x: 670, y: 245, label: 'K', online: true },
|
||||||
|
{ id: 11, x: 590, y: 310, label: 'L', online: true },
|
||||||
],
|
],
|
||||||
packets: [],
|
packets: [],
|
||||||
};
|
};
|
||||||
computeConnections();
|
computeConnections();
|
||||||
for (let i = 0; i < 4; i++) spawnPacket();
|
for (let i = 0; i < 5; i++) spawnPacket();
|
||||||
}
|
}
|
||||||
|
|
||||||
function computeConnections() {
|
function computeConnections() {
|
||||||
@@ -1817,7 +1821,7 @@
|
|||||||
initMesh();
|
initMesh();
|
||||||
drawMesh();
|
drawMesh();
|
||||||
const status=document.getElementById('meshStatus');
|
const status=document.getElementById('meshStatus');
|
||||||
if(status) status.textContent='CLICK A NODE TO SIMULATE FAILURE';
|
if(status) status.textContent='CLICK ANY NODE TO SEE HOW MESH NETWORKS REROUTE WHEN A NODE GOES OFFLINE';
|
||||||
},300);
|
},300);
|
||||||
s9c.push(t2);
|
s9c.push(t2);
|
||||||
},8,20,s9c);
|
},8,20,s9c);
|
||||||
|
|||||||
Reference in New Issue
Block a user