[HTML]簡易ペイントツール
PCブラウザ上で動くペイントツールです 基本的なフィルターも積んでいてちょっとした修正作業に向いていると思います 起動の仕方は本文のコードをコピーしてテキストファイルに張り付け 適当な名前で保存し拡張子をhtmlにして起動してください コードの内容に不安がある場合はgeminiに張り付けて聞くか使用しないでください (30000字を超える規模になってしまったのでcopilotには張り付けられません) 機能としてはハードペン、ソフトペン3種類、ブラシサイズや透明度の変更可 アンドゥ/リドゥ、選択レイヤー、スポイト機能などです フィルターはモザイク、ぼかし、シャープ、明るさ/コントラスト、トーンカーブ 色調補正があり各種強度や設定を調整できます 描写レイヤーは実装してませんが描写とは別に選択レイヤーあり選択領域にフィルターをかけられる仕組みです 選択ペンで塗ると選択領域になるのでそこにモザイクかけるなどの使い方が割と便利だと思います 画像の読み込みはドラッグ＆ドロップに対応しています。 htmlの仕様上保存時にフォルダは選べません(ブラウザの設定にもよりますが通常ダウンロードフォルダに保存されます) 保存ファイル名はファイル名の入力欄＋日付時刻になります メタデータの保持もできません(プロンプトなどの) キーボードのキー割り当て：ctrl+ドラッグでキャンバス移動。←アンドゥ。→リドゥ。↑拡大。↓縮小 マウスホイールで拡大縮小 サイトが受け付けない文字などがあるので何度か修正しています バグなどがあれば教えてください 元々python版を作っていたのですが投稿するためhtmlにまとめました python版ではメタデータの保持や保存パスの指定ができるので 要望があれば公開します(スマホ版も可) 使用にあたっては自己責任でお願いします
15
[HTML]画像比較ツール
ブラウザ上で動くブラウザアプリです(chromeでしか確認してません) 本文のコードをテキストエディタなどで適当な名前で保存し 拡張子をhtmlに変えると起動できます ※できること 比較したい画像をブラウザ上のこのアプリにドロップします(複数可能で10枚まで) ドロップした画像をクリックするとビュアーモードになりマウスホイールで画像をチェンジし比較します 画像をチェンジした際に拡大率や移動した位置は保持されるので 同じ部分を比較しやすいと思います(同じ解像度でアスペクト比の場合) 細かい使い方や他の機能に関してはgeminiやチャッピーにコードを貼れば 説明してくれると思います 気に入らない部分は改造して構いません geminiやチャッピーなら簡単です 大したコードでもないのでリスキーな事は無いと思いますが 使用は自己責任でお願いします ※何度か修正しました投稿すると受け付けない文字等があるみたいです(最終修正26/5/1/21:30)
22
[テストHTML]SD WebUIの画像＆メタデータ比較ブラウザアプリ
この怪しいブラウザアプリを試してくれる猛者を募集します（笑） 本文のコードをgeminiとかaiにコピペすればどんなアプリか教えてくれると思うので もし使いたい方が居れば試してみて下さい。 「これ同じ様な画像だけど、なんかプロンプト変えたっけ？」又は 「これ同じ様な画像だけど、どっちが良いかな？」っていう時、簡単に比較する為作りました。 出来る事：２つのドロップエリアにSDで生成した画像をそれぞれ読み込みこませるとプロンプトを表示し比較できます プロンプト、ネガティブプロンプト、セッティングを比較し同じ場合白文字で 片側にしかないワードはオレンジ色の文字で表示します。 表示されているワードはクリックするとクリップボードにコピーできます。 ドロップした画像をクリックするとプレビュー表示ができ拡大、移動もできます。 ※ダブルクリックでプレビューから復帰します。 同じ様な画像を比較したい時など、同じ部分を拡大、比較できるので便利かもしれません。 htmlファイルです。テキストエディタに本文のコードを貼り付け適当な名前で保存し 拡張子をhtmlに変えて起動してください。 このコードを使った如何なる損害の責任は負いません
3