Moss — すべてのブラシが小さなプログラムであるピクセルキャンバス

 (moss.town)
1 ポイント 投稿者 GN⁺ 2026-03-06 | 1件のコメント | WhatsAppで共有
  • 128×128ピクセルのキャンバス上で、各ブラシが独立したプログラムのように動作し、色やパターンを生成するツール
  • ブラシは ブレンド、拡散、ドリップ、成長、グリッチ など多様な動作を行い、すべて ユーザーが直接修正可能
  • キャンバスの各セルはデータ単位で構成され、色が蓄積され、予期しないパターンが形成される構造
  • 50種類以上の基本ブラシが提供され、コードを修正して拡散方式や色の反応を変更できる
  • 完成した画像は保存後に共有でき、他のユーザーが同じブラシとパレットで再作業可能

MOSS 概要

  • MOSS は ピクセルベースのペイントツール で、各ブラシが小さなプログラムのように動作する
    • ユーザーはブラシで色を塗る代わりに、コードでブラシの挙動を定義できる
    • ブラシがキャンバスのデータを操作し、その結果として 予測不能な視覚パターン が生成される

ブラシの特性と動作

  • ブラシは blend、spread、drip、grow、glitch など、さまざまな方式で動作する
    • 各ブラシは固有の動作方式を持ち、ユーザーが直接 コードを修正して挙動を変更できる
    • たとえば、ブラシが色を広げる方法や色の反応を調整できる

キャンバス構造と表現

  • MOSS のキャンバスは 128×128ピクセル で構成され、各ピクセルは データセル として扱われる
    • ブラシがセルのデータを操作しながら色が蓄積され、自然なパターンや偶発的な効果 が生まれる
    • この過程で 予期しない視覚的な成果物 が作られる

基本搭載ブラシとユーザーによる編集

  • MOSS は 50種類以上の基本ブラシ を提供する
    • 単純なペイントやインク効果から、つるの成長(vine growth)、水滴(wet drips)、生成的チェック柄(generative plaid) など多様な形態を含む
    • ユーザーはブラシの 拡散方式、残留色、色の反応 などを自由に修正できる

保存と共有機能

  • 完成した画像は 保存後に他のユーザーと共有可能
    • 共有を受けたユーザーは、同じブラシとパレットを使って 同じ環境で再作業可能
    • サイトにはユーザーが作成したさまざまな作例が紹介されている

関連記事

1件のコメント

 
GN⁺ 2026-03-06
Hacker Newsのコメント

  • 共有ありがとう。私は Aseprite、Procreate、Pico8 が好きで、以前から プログラマブルブラシ というアイデアを頭の中で温めていた。
    最近、いくつかのプロジェクトの合間に時間を作って、自分で MOSS というお絵かきトイを作ってみた。各ブラシはキャンバス上のすべてのピクセルを認識する小さなスクリプトで、ノイズ・パターン・筆圧・速度などによって描き方を定義する。
    たとえば、本物のスプレーのようにピクセルを散布したり、ドラッグするたびに形が変わるスタンプ型ブラシ、遠近線が実際に収束するブラシ、あるいは インテリジェントな塗りつぶしツール（“Fill of my Dreams”）のようなものも可能だ。
    コメントでブラシコードを共有したり、アイデアを一緒に探求できたらうれしい。右下の (?) ボタンに API ドキュメントがあり、下部にはエージェント経由で API を扱うためのプロンプトをコピーする機能がある

    • 10年ほど前に私も プログラマブルブラシ のプログラムを作ったことがある。MOSS とは違ってシェーダーではなく物理シミュレーションベースだったが、こういうアプローチには大きな可能性があると思う。
      一筆で鳥を描ける感覚は本当に驚きだった。
      何かインスピレーションになるかもしれないので、自分のプロジェクトへのリンクを共有する — Wind by Laura
    • 本当に楽しくて個性がある。Pico8 と Aseprite の影響をはっきり感じる。
      手続き生成ブラシも面白そうだ — たとえば、描きながら ランダムな都市景観 を生成するブラシのようなもの。
      こうしたアイデアには Wave Function Collapse の手法も使えそうだ
    • ピクセル感がとても気に入った。リアルタイムで動作する ランタイムプログラマブルブラシ は初めて見た。
      アプリに入っていない面白いブラシコードをいくつか共有してもらえないだろうか
    • 本当にすごい。Wacom タブレットの筆圧感知 を認識して反応するのが印象的だ。Web ベースのツールの中では群を抜いている
    • オープンソース なのか、GitHub リポジトリ があるのか気になる

  • 本当に素晴らしいプロジェクトだ。私よりずっと創造的な人なら、これをまったく別の用途に使うかもしれない。
    昔、ある人が YouTube 字幕フォーマット を使って簡単なお絵かきアプリを作った動画を見たことがある。
    MOSS のブラシコードがキャンバスの状態を読み取りつつ描けるなら、逆にマウスを押している間だけ 簡単な動画やゲーム（例: Tic-Tac-Toe）をレンダリングするブラシも可能なのではないかと思った。
    もちろん本来の目的ではないが、面白い挑戦になりそうだ

    • その YouTube チャンネルのリンクは分かるだろうか？ “SWEet” ではうまく検索できなかった

  • 本当に驚いた。Shift キー を押して 直線を描く 機能を追加できないだろうか？ MSPaint のように

    • いいアイデアだったので、すぐに追加した。線を引く前や引いている途中で Shift を押すとプレビュー線が表示され、マウスを離したときに適用される

  • このプロジェクトを見て、昔自分が作っていた 超小型画像ファイルフォーマットの実験 を思い出した。
    関連記事を Medium にまとめてある

  • とても気に入った。特にこんな機能があるとうれしい。

    • 描画過程を タイムラプスとして記録 する
    • 絵に使われた ブラシ一覧を表示 する
      さらに、ブラシストロークを記録しておいて、あとからブラシコードを修正したあとに 再生 できたら本当に面白そうだ

  • たった今試してみたが、何も描かれない。ブラシと色は選べるのに、キャンバスには何の反応もない。
    macOS の Chrome でテストした

  • 本当に素晴らしい。Surface Pro のスタイラス が筆圧データまで認識してちゃんと動作した。それもブラウザ内で！

  • 本当にクールなアイデアだ。まるで Shadertoy のペイント版みたいだ — Shadertoy リンク
    アプリ内でブラシを共有したり、ブラシギャラリー のような機能があるのか気になる。
    ホームページの “weekly” セクションのようにテーマ別で作品を共有するのも楽しいが、絵が得意でない人はブラシだけ共有したいかもしれない

    • 共有機能 は少しずつ拡張しているところだ。ブラシアーティストとピクセルアーティストが協力したり、おもちゃを共有したりするコミュニティを作りたい。
      今のところ、自分のブラシは小さな .txt ファイル として保存している。
      ちなみに、MOSS で保存した png ファイル にはブラシデータも一緒にエンコードされているので、そのファイルを共有すれば同じブラシとパレットを読み込める。
      このアイデアは PICO8 のゲームデータのエンコード方式から着想を得た

  • 面白いコンセプトだ。iOS で Aquarelle ブラシ を素早くスワイプすると、タッチイベントの ポーリング速度 が目に見えて分かる。
    線自体は滑らかだが、ブラシがとどまる時間が長いほど色が濃くなる特性のため、やや バンディング が出る

    • そこは修正した。タッチ処理エンジンを一部更新して少し改善した。完璧ではないが、バランスのよいところに落ち着いた。フィードバックありがとう

  • 使い方がよく分からない。チュートリアル があるとうれしい