2022-07-20
WS2812Bをマトリクス状に配置して、自分の好きなドット絵を表示しよう!

そんな時、あると便利な、パレット対応のドット絵ツール。ちょうど良さそうなオープンソースのドット絵ツール「dot-writer by 2ndPINEW」があったので、forkして改造。いい感じになりました!


「dot-writer」 src on GitHub (forked from dot-writer by 2ndPINEW
パレット対応に加え、ハッシュによるサイズ指定を追加。いろんなサイズのドット絵が描けます。(メインとなるTypeScriptのプログラムはこちら、dot-editor.component.ts

すぐに試していただけるよう公開したかったのですが、JavaScript/TypeScriptのフロントエンド用フレームワーク「Angular」で作られているので、yarn buildしたdistをGitHub Pagesで公開しても、設置場所がルートじゃないと正常に読み込めないため動作できず。

フレームワークは独特な開発スタイルを調べる必要があるのと、ビルドにかかる時間が面倒なので、やっぱり私はWeb標準のJavaScriptモジュールWebComponents派。

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS