Manga Snap

STEP I · LINES — エッジ抽出

漫画 を 漫画 たらしめる 第一は 「線」 である。 写真 を 一旦 グレースケール に 落とし、 Bilateral 平滑化 で フラット領域 を 滑らかに してから、 Sobel カーネル (Gx と Gy の 3×3 微分フィルタ) で 各 ピクセル の 勾配強度 を 計算、 √(Gx² + Gy²) を しきい値 で 二値化 し、 さらに 4-近傍 dilation で 線を 太らせる。 結果 として、 顔の 輪郭 / 髪 の 流れ / 服 の シワ / 背景 の 境界 が、 太さ 1-4 px の 黒線 として 抽出される。

STEP II · TONE — 階調量子化

写真 の 連続的 な 256 階調 を、 2-5 階調 (白 / 灰 / 黒、 など) に 量子化 する。 階調 が 少ない ほど 「ベタ」 が 強い 劇画調 に、 多い ほど 滑らかな 少女漫画調 に なる。 量子化 された 各セル には、 もし 中間調 (0.2-0.78 の 暗さ) で あれば、 セル の 中央 に 「ドット の 直径 = (1 - 明度) × ハーフトーン サイズ」 の 黒丸 を 描く。 これが Ben-Day ドット / 漫画 スクリーントーン の 原理 で、 一枚の 写真 が 印刷物 風の 解像感 を 帯びる。

STEP III · ACTION — 速度線

戦闘 / 走行 / 大笑い / 驚愕 — 漫画 の 物語性 を 一気に 立てる のが 「速度線」 だ。 MangaSnap は 中心点 (デフォルト 画面 中央、 click で 移動可) から 24-120 本 の 線 を、 内側 80-140 px から 始まり、 外側 は キャンバス対角 の 60% 程度 まで 伸ばし、 角度 に 微小ジッタ、 太さ に 0.6-2.4 px の ランダム を 与えて 描く。 0 本 にすれば 静かな 少女漫画調、 80 本 を 超えると 少年バトル漫画 / アクション マンガ の 一コマ になる。

STEP IV · TRUST — ブラウザ内 完結

投入 した 写真、 抽出 した 線 / トーン / ハーフトーン / 速度線、 出力 された PNG — そのすべてが、 あなたの ブラウザ の JavaScript の 中だけ で 処理される。 サーバー に は 一文字 も 送信されない。 ネットワーク タブ で 確認できる。 アカウント / ログイン / トラッキング Cookie は 不要。 顔写真 / 子供 の 写真 / 仕事 の スクショ / 機密性 の 高い 画像 を 投入しても、 第三者 に 渡る 経路 が 構造上 存在しない 設計。 商用 制作 / SNS 投稿 用 アイコン / 漫画 同人誌 の 素材 制作 — 自由に 使える。