
2026/01/25 21:54
ウェブベースの画像編集ソフト(Deluxe Paint をモデルにしたもの)
RSS: https://news.ycombinator.com/rss
要約▶
日本語訳:
DPaint.js は、レトロな Amiga グラフィック形式に重点を置きながらクラシックな Deluxe Paint の体験を再現する無料のブラウザベース画像編集ツールです。プレーン JavaScript ES6 モジュールのみで動作し、サーバーへのデータ送信は不要で、任意の Web ページ内で完全に実行できます。アクセス先は
https://www.stef.be/dpaint/ です。主な編集機能にはレイヤー、選択範囲、マスク、変換ツール、エフェクト/フィルター、多段階の undo/redo、他プログラムからのコピー&ペースト、ディザリングオプション、およびカラーサイクリングがあります。
このエディタは Amiga ファイル形式を完全にサポートします。Amiga アイコンファイル、IFF ILBM 画像(HAM と 24‑bit バリアントも含む)の読み書きが可能で、最大 256 色までの書き込みができ、12 ビット (OCS/ECS) または 9 ビット (Atari ST) のパレット制限に対応しています。また、Amiga Disk Files(ADF)への直接アクセスと、Deluxe Paint アートワークをプレビューするための埋め込み Amiga エミュレータも提供します。旧式サポートとしては PC Deluxe Paint の PBM ファイルや Atari ST 圧縮モードも含まれます。
DPaint.js は無料でオープンソース、依存関係がなく、単に
index.html を任意の Web サーバー経由で提供するだけでオフライン使用できます。Parcel.js(npm install、npm run build)を使えばコンパクトビルドも作成可能です。ドキュメントは https://www.stef.be/dpaint/docs/ にホストされています。現在のリリースはアルファ版であり、バグ報告やプルリクエストが歓迎されます。
今後の更新では、アニメーションサポート(GIF、Amiga ANIM)、パレット内のシェーディング/透明度ツール、非正方形ピクセルモード、PSD のインポート/エクスポート、スプライトシート処理、高解像度出力の高度化、および Commodore 64 グラフィックモードへの対応を追加する予定です。Brave ブラウザでは画像ノイズ(「ファーロリング」)が発生する可能性があるため、シールド設定を下げるか別のブラウザを使用すると緩和されます。
この要約はすべての主要ポイントを網羅し、不必要な推測を避け、明確な主旨を提示し、曖昧さを排除しています。
本文
DPaint.js
レジェンド級のDeluxe Paintをモチーフにしたウェブベース画像編集器で、レトロAmigaファイルフォーマットに重点を置いています。
最新の画像形式に加えて、DPaint.js は Amiga アイコンファイルと IFF ILBM 画像の読み書きが可能です。
- オンライン版は https://www.stef.be/dpaint/ にてご利用いただけます。
主な機能
-
完全装備の画像編集器:
- レイヤー
- 選択範囲
- マスク
- 変形ツール
- エフェクトとフィルター
- 複数ステップの Undo/Redo
- 他の画像プログラムやソースからのコピー&ペースト
- カスタマイズ可能なディザリングツール
- 色循環
-
色削減に重きを置き、細かいディザリングオプションを提供。
Amiga 特化機能
- すべての Amiga アイコンファイル形式の読み書き・変換。
- IFF ILBM 画像(HAM や 24‑bit を含む)全フォーマットの読み込み。
- IFF ILBM 画像(最大256色)の書き出し。
- Amiga Disk File (ADF) から直接読み書き。
- 実際に Deluxe Paint のプレビューを行うための埋め込み Amiga エミュレータ。
- パレット制限:Amiga OCS/ECS モードは12ビット、Atari ST モードは9ビット。
Deluxe Paint レガシー
- PC 版 Deluxe Paint が使用する PBM ファイルをサポート(Michael Smith に感謝)。
- Deluxe Paint Atari ST 圧縮モードをサポート(Nicolas Ramz に感謝)。
無料・オープンソース
- ブラウザ上でどのシステムでも動作し、iPad のようなタッチスクリーンデバイスもサポート。
- 100 % 純粋 JavaScript(依存関係なし)で実装。
- 完全無料:広告・トラッキング・アカウント登録・サーバー側処理は不要。
- リポジトリに含まれない唯一の部分は、Scripted Amiga Emulator をベースとした Amiga エミュレータファイル。
ビルド
DPaint.js はビルド不要です。
ES6 モジュールを使用し、モダンブラウザでそのまま動作します。
をウェブサーバーから配信。index.html- 任意:Parcel.js でコンパクト版を生成。
(Parcel.js をインストール)。npm install
–npm run build
にバンドルが出力。dist/
ドキュメント
https://www.stef.be/dpaint/docs/ で閲覧可能です。
オフライン実行
DPaint.js はウェブアプリケーションであり、オフラインでも動作します。
ローカル Web サーバー(例:Spark アプリ)から
index.html を配信してください。
- お使いのプラットフォーム向けに Spark バイナリをダウンロード。
- 実行ファイルを DPaint.js ソースフォルダーへ配置。
- 実行し、ブラウザで http://localhost:8080/ にアクセス。
Chrome ユーザーは「アプリとしてインストール」するとオフラインでも動作します。
コントリビュート
現在のバージョンはアルファ段階です。バグや機能不足が予想されます。
バグ報告・プルリクエストを歓迎します。
予定中の追加機能(既に実装済み項目は除外)
- 色循環 – 実装済み。
- アニメーションサポート(GIF & Amiga ANIM ファイル)– 実装済み。
- パレット内で完結するシェーディング/透過ツール – 実装済み。
今後のリリースで追加予定:
- 非正方形ピクセルモード(HiRes、Interlaced)のサポート。
- PSD のインポート/エクスポート。
- スプライトシートサポート。
- HAM・SHAM・Dynamic HiRes 画像の書き出し。
- Commodore 64 グラフィックモード。
ブラウザ特異性
Brave ブラウザの「farbling」機能がランダムノイズを生むことがあります。
問題が発生した場合は Brave のシールド設定を下げるか、別のブラウザをご利用ください。
色循環サンプル
DPaint.js は色循環(パレットカラーを回転させて静止画像をアニメーション化)に対応しています。
例を以下に示します:
[Video: The_Vision_cycle.mp4]
上記映像のレイヤードソースファイルを直接 DPaint.js で開き、実験してみてください。