以下の内容はhttps://msyksphinz.hatenablog.com/entry/2021/07/31/040000より取得しました。


波形を書くときにJSONベースで書けるWaveDromがとても便利だった

諸事情で波形を書く必要があり、正直面倒だったので何か良いツールが無いか探したところ、WaveDromというのがテキストベースで波形画像を生成できるようだったので試してみた。

しかもこいつはVisual Studio Codeと強調して動作することができる。インストールには、Visual Studio Codeプラグインである"WaveDrom Render"を使用する。

f:id:msyksphinz:20210730232311p:plain

サンプルコードは以下にたくさん含まれている。

wavedrom.com

なるほど。サンプルコードから以下のようにコードをコピペして自動レンダリングしてみる。

{signal: [
        {name:'clk',         wave: 'p....'
        },
        {name:'Data',        wave: 'x345x', data: 'a b c'
        },
        {name:'Request',     wave: '01..0'
        }
    ],
 head: {
   text:'WaveDrom example',
   tick: 0,
    },
 foot: {
   text:'Figure 100',
   tock: 9
    },
}
f:id:msyksphinz:20210730232535p:plain

なるほど、以下のようになった。このようにテキストベースで波形を書けるのは便利だ。しかもリアルタイムレンダリングできる。

f:id:msyksphinz:20210730232704p:plain
f:id:msyksphinz:20210730232925g:plain



以上の内容はhttps://msyksphinz.hatenablog.com/entry/2021/07/31/040000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14