marmooo's blog

依存関係のない HTML table ライブラリ @marmooo/table を作りました。 過去には記事も書いたりして色々な Grid ライブラリを探してきましたが、しっくり来る Grid ライブラリがないので自分で作りました。 ちなみに既存のライブラリ...

MIDI ビジュアライザー @marmooo/piano-visualizer を公開しました。 デモ動画は moi moi MIDI 様の MIDI 素材のうち、 神秘の森 (arcanum.md) を利用させて頂きました。 MIDI ビジュアライザー piano-v...

MIDI を音声ファイル (WAV, MP3, AAC, FLAC, Opus) に変換するアプリ midi2audio を作りました。 あると嬉しいなあとは思っていたのですが、実装が追いついておらず、なかなか作れていませんでした。 Midy の基本実装がだいぶ完成に近づき、...

タブレットで使いやすい楽器アプリを作りたいと思いました。 一般的にはピアノの鍵盤が最もよく使われますが、タブレット上ではあまり使い勝手がよくありません。 新たな楽器のあり方を色々と模索して、以下のようなアプリを作ってみました。 4x4pad - 4x4 grid MP...

MPE (MIDI Polyphonic Expression) に対応した同型鍵盤型 MIDI コントローラー Hexatone 、 Glisstone を作りました。 演奏しやすい配列で 2つアプリを作りました。 また以前公開した楽器アプリにも改良を加えて、Aftertou...

MPE (MIDI Polyphonic Expression) に対応した グリッド型 MIDI コントローラー Celltone 、 Isotone を作りました。 演奏しやすい配列で 2つアプリを作りました。 ついでに以前作った 4x4pad も MPE に対応させてお...

小中学生が遊べる楽器アプリを作りたいと思いました。 MIDI を使えば 200種類以上の楽器に強弱を付けて再生ができます。 タブレットでピアノの形状を模倣しても使いにくいので、もっとシンプルなものが必要です。 そこで実験的に作ってみたのが 4x4pad です。 4x4pad を使...

Timidity++ っぽい MIDI プレイヤーを作りました。 前回に引き続き、Midy の機能確認やバグ潰しが目的で作ったアプリですが、 割と人気の UI ではあるので使い道もあるかも知れません。 本当は紹介のためにスクリーンレコーダーで録画してみたのですが、 Web Aud...

MIDI Player/Synthesizer ライブラリ Midy の実装がだいぶ進んできて、 GM2 の再生も安定してできるようになってきました。 まだ細かい実装不足やバグ、再生負荷の課題はあると思うのですが、そろそろ実用段階に入ってきています。 そこでバグ潰しも兼ねて、G...

中学理科一問一答と中学社会一問一答を作りました。 きちんと教科書を使って作っているので、教科書準拠の重要語句を手軽にチェックできます。 苦手分析もしっかりできるので、学校・塾・家庭でも使いやすいんじゃないかな。 中学理科は計算問題を含めていないので語句・公式の確認に使えるくらいで...

圧倒的インフレゲームの億千万タイピングを作りました。 タイピングは色々なものを作っていますが、タイピングを最も学ぶのは小3〜小4なので、 その年代でより面白いものが作れればと前々から思っていました。 という訳で作ったのがこれで、学習指導要領に合わせて万・億・兆などの桁を学びながら...

シームレスなエフェクトを適用するアプリ CV-Masker を作りました。 マスクを手書きで設定して、そのマスクに対してグラデーションをかけつつシームレスなエフェクトを適用できます。 CV-Masker 色々なエフェクトを用意しているので画像はあくまでイメージですが、こ...

様々な非写実的レンダリング (Non-Photorealistic Rendering) を実現するアプリ CV-NPR を作りました。 最近は生成 AI で画像がすごく簡単に作れるようになっているので、そちらとは技術がズレている感はありますが、 最近 Web 上で手軽に使えるよ...

画像の部分修正アプリ Inpainter を作りました。 名前の通り Inpaint アルゴリズムを使っています (安直)。 OpenCV と opencv.js の勉強、AI を使わないアルゴリズムの性能確認のために作りました。 Inpainter 不要オブジェクト...

画像の背景を削除する GrabCutter を作りました。 名前の通り GrabCut アルゴリズムを使っています (安直)。 前景と後景をアノテーションできるようにしておいたので、 削除と復元の微調整しやすいのが利点です。 GrabCutter こんな感じの背景透過画...

動画や画像を画面内にぺたぺた貼ることで、たくさんのデータを同時に視聴するためのアプリを作りました。 画面全体に等間隔で並べたり、サムネイル形式で表示したり、自由配置で表示したり、様々な表示形式に対応しています。 ときどき動画や画像ファイルを一度にたくさん開いて同時に見るのです...

以前作った @marmooo/imagetracer のフロントエンドアプリとして image2svg を作りました。 image2svg の名前で利用したかったので分離しただけです。 image2svg たとえばこんな感じの変換ができます。 生成さ...

画像を SVG に変換する @marmooo/imagetracer を作りました。 他の有名なツールとしては vtracer , potrace , SVGcode , imagetracerjs があります。 これは imagetracerjs の改良・高速化版です。 ...

減色ツール Color Reducer を作りました。 作った理由は cv.LUT() で色数を減らせるはずと思ったのですが、 ネットで解説が見つからなかったので、確認のために作りました。 他にもたくさん作り方はありますが、cv.LUT() を使うと高速なはずです。 C...

AIを使わないで写真を線画へ変換するアプリ Lineart Converter を公開しました。 絵柄が変わることなく高速・省メモリに動作します。 線画以外も生成できます。素材生成にご利用ください。 Lineart Converter 何も設定しないでもこれくらいの変換...