
Wails+Svelte+Flowbite+p5のデスクトップアプリ環境にTWSNMP FCのマップ表示を移植できた
今朝は3時から開発開始です。
作っている途中のプログラムがあると、早く目が覚めます。
今週作っているTWSNMP FCのマップ表示をデスクトップアプリに移植する作業の続きです。昨日までにマップを表示する処理のほとんどのソースコードを移植できました。今朝はテストです。マップデータを保存する部分がないのでダーミーのマップデータをつくって表示させました。
{
Nodes: {
node1: {
ID:"node1",
X: 100,
Y: 200,
Icon: "mdi-microsoft-windows",
State: "normal",
Name: "Node1",
},
node2: {
ID:"node2",
X: 160,
Y: 200,
Icon: "mdi-linux",
State: "low",
Name: "Node2",
},
},
Lines: {
line1: {
ID: "line1",
NodeID1: "node1",
NodeID2: "node2",
State1: "normal",
State2: "low",
}
},
Items: {item1:{
ID:"item1",
Type:2,
Size:24,
X:50,
Y:100,
Text:"test",
Color: "red",
}},
MapConf: {
BackImage: {
Color: "black",
}
},
}
のようなデータです。最初データが間違っていて表示できませんでしたが、2時間かかってやっと表示できました。

移動などもできます。

もう一つ開発途中の本業のプログラムがあるので、そちらをやるために、この開発はここまでにします。
明日に続く
いいなと思ったら応援しよう!
