【便利ツール】画像連結ラインメーカー/カレンダーメーカー/壁紙パターンメーカー
- フルセット(ライン、壁紙、カレンダー)Digital800 JPY
- 画像連結ラインメーカーDigital300 JPY
- カレンダーメーカーDigital300 JPY
- 壁紙パターンメーカーDigital300 JPY






















【画像連結ラインメーカー】 自分のイラストを並べてラインみたいにしたいなぁとか思ったことないですか? 今回はその希望を叶えるために作ってきました。 このツールは「画像連結ラインメーカー」という名前の、ブラウザ上で動くペイントツール(お絵かきアプリ)です。 一言で言うと、「好きな画像をスタンプのように連続して並べて、1つの線や図形を描くツール」です。 【できること】 ・画像の登録(ブラシ化): 最大10個までの画像ファイル(PNGなど)をアップロードし、それらを「ブラシの柄」として使うことができます。 ・多彩な描画モード: ドラッグした軌跡に沿って描く「自由線」のほか、「丸」「四角」「菱形」といった図形の形に沿って画像を自動的に並べることもできます。 【詳細なブラシ設定】 ・画像の並び順: 登録した画像を「順番に並べる」か「ランダム」に配置するかを選べます。 ・大きさ・間隔: 画像のサイズや、画像同士の重なり具合(間隔)をスライダーで細かく調整できます。間隔を詰めれば滑らかな線に、広げれば点線やスタンプのようになります。 ・エフェクト: 「進行方向に向ける(なぞる方向に画像の向きを揃える)」や「ランダム回転(バラバラな向きにする)」といった効果を付けられます。 ・グリッド吸着: マス目に沿って綺麗に描画する機能もあります。 ・キャンバス操作と保存: 背景色の変更、1つ戻す(Undo)、全消去機能があり、完成した作品は画像として保存(ダウンロード)することができます。 ・自作のイラストやアイコンなどを連続して並べた、可愛い飾り罫線やフレーム、パターン画像などを手軽に作成できるツールとなっています。 【使い方説明】 https://igigen-pocket.fanbox.cc/posts/12123540 【サンプル】 https://bri-daikon.github.io/ijigenpocket/ILMakerSample.html 【諸注意】 ・再配布NG ・制作に一部AIを使用 【動作環境】 ・Google Chrome (Javascriptが動く環境) ・インターネット接続:画像出力以外はなくてもいける ・パソコン環境で実行推奨、スマホからの動作は確認してません 【使い方】 ブラウザで開いて使えるHTMLツールです。 ファイルは圧縮されているので、必ず解凍ツールやソフトで解凍してからHTMLファイルをお開きください。 【ブラウザって?】 ・Safari(サファリ):方位磁針(コンパス)のようなマーク。iPhoneやiPad、Macに最初から入っています。 ・Google Chrome(グーグル・クローム):赤・黄・緑・青のカラフルな丸いマーク。世界中で一番よく使われています。 ・Microsoft Edge(マイクロソフト・エッジ):青や緑の「e」のような波のようなマーク。Windowsのパソコンに最初から入っています。 このあたりでなら多分普通に動きます! ブラウザアイコンのファイルをダブルクリックしてみてくださいね!
【カレンダーメーカー】
自分でもカレンダー作ってみたい!と思ってらくしてカレンダーが作れるツールを作りました。 『カレンダーメーカー』(calenderMaker.html)は、お好きなイラストや写真とカレンダーを組み合わせて、スマホやPC・タブレット向けの「カレンダー付き待ち受け画像(壁紙)」を作成できるツールです。 備わっている主な機能をまとめました。 1. 画像の組み合わせ メインイラストの配置: 自分の好きな画像(キャラクターのイラストや写真など)をアップロードして配置できます。 背景画像の配置: メインイラストの後ろにもう一枚、背景用の画像を敷くことができます(削除も可能)。 背景色: 単色の背景色もカラーピッカーから自由に指定できます。 2. カレンダーの生成・設定 年月の選択: 今年・来年など好きな「年」と「月」を選ぶと、自動的にその月の日付・曜日のカレンダーが生成されます。(日曜日は赤、土曜日は青で色分けされます) カレンダー背景の透明度: カレンダー部分の背景の「不透明度(0〜100%)」をスライダーで調整し、透け感を出して後ろのイラストを見せることができます。 3. フォントのカスタマイズ 9種類のフォント: 丸ゴシック、明朝体のほか、手書き風(よもぎフォント)、ポップな極太(モッチーポップ、ぽったワン)、レトロ(八丸ポップ)など、多様な日本語フォントから選べます。 太字設定: カレンダーの文字をワンクリックで太字に変更できます。 4. 豊富なレイアウトと端末サイズ ターゲットとする端末に合わせて、キャンバスの縦横比とレイアウトを一括で変更できます。 スマホ用(縦長): 「上:画像 / 下:カレンダー」「上:カレンダー / 下:画像」「画像を全面背景にしてカレンダーを重ねる」 パソコン用(横長 16:9): カレンダーの配置を「左上・左下・右上・右下」から選べるほか、画面を左右に分割する「左:画像 / 右:カレンダー」などのレイアウト。 タブレット用(横長 4:3): パソコン用と同様の多彩なレイアウト。 5. 直感的なサイズ・位置の微調整 スライダー調整: 「メイン画像」「背景画像」「カレンダー」それぞれのサイズ(拡大・縮小)をスライダーで細かく調整できます。 ドラッグ移動: プレビュー画面上の画像をマウスや指で直接つかんで、好きな位置へドラッグ&ドロップで動かせます。(X/Y座標のスライダーでも微調整可能) 6. 画像として保存 ワンクリック保存: 「画像として保存」ボタンを押すと、画面上のプレビューそのままの高画質なカレンダー画像(PNG形式)が生成され、パソコンやスマホにダウンロード保存されます。 ご自身のイラストを使って、毎月のオリジナル待ち受けカレンダーを配布・作成する用途などに最適なツールとなっています。 サンプルページ: https://bri-daikon.github.io/ijigenpocket/CmakerSmple.html 【諸注意】 ・再配布NG ・制作に一部AIを使用 【動作環境】 ・Google Chrome (Javascriptが動く環境) ・インターネット接続:画像出力以外はなくてもいける ・パソコン環境で実行推奨、スマホからの動作は確認してません 【使い方】 ブラウザで開いて使えるHTMLツールです。 ファイルは圧縮されているので、必ず解凍ツールやソフトで解凍してからHTMLファイルをお開きください。 【ブラウザって?】 ・Safari(サファリ):方位磁針(コンパス)のようなマーク。iPhoneやiPad、Macに最初から入っています。 ・Google Chrome(グーグル・クローム):赤・黄・緑・青のカラフルな丸いマーク。世界中で一番よく使われています。 ・Microsoft Edge(マイクロソフト・エッジ):青や緑の「e」のような波のようなマーク。Windowsのパソコンに最初から入っています。 このあたりでなら多分普通に動きます! ブラウザアイコンのファイルをダブルクリックしてみてくださいね!
壁紙パターンメーカー
『壁紙パターンメーカー』(PaperpatternMaker.html)は、300×300ピクセルの小さなキャンバスに絵を描き、それをタイル状に敷き詰めてシームレスな壁紙(パターン画像)を作成できるツールです。 備わっている主な機能をまとめました。 1. 多彩な描画ツール ペン・消しゴム: 自由な線を描いたり消したりできます。 塗りつぶし: 閉じた領域をワンクリックで塗りつぶせます。隙間や少し違う色も一緒に塗れる「塗り許容値(隙間調整)」スライダーも付いています。 図形ツール: 四角形、円形、三角形の枠線を描くことができます。 色・太さの変更: お好みの色とペンの太さ(1〜50)を自由に選べます。 手振れ補正: ペンツールの線を滑らかに補正する強さを調整できます。 2. 対称定規(シンメトリー機能) このツールの最大の特徴です。万華鏡のような美しい模様や、幾何学的なパターンを簡単に描けます。 左右対称: キャンバスの左半分に描くと、右半分にも反転して描画されます。 上下対称: 上半分に描くと、下半分にも描画されます。 四方対称: 1箇所に描くだけで、上下左右の4箇所に同時に描画されます。 3. 本格的なレイヤー機能 新規追加・削除: 複数のレイヤーを追加して、線画と塗りを分けたりできます。 重なり順の変更: レイヤーを前面(▲)や背面(▼)に移動できます。 表示/非表示の切り替え: レイヤーごとに一時的に隠す(👁️/🔒)ことができます。 ※一番下には削除や移動ができない「背景レイヤー」が固定されています。 4. 便利なお助け機能 画像のアップロード: 手持ちの画像や写真をキャンバスに読み込めます(下書きとして使ったり、スタンプのように配置できます)。 元に戻す(Undo): 直前の操作を取り消して1段階前に戻れます。 全消去: 選択中のレイヤーに描いたものを一括で消去できます。 5. パターンの展開と保存 パターンの展開: 「パターンを展開する」ボタンを押すと、描いたイラストがタイル状に連続して敷き詰められ、右側のプレビューエリアに壁紙として表示されます。 完成サイズの変更: 最終的に出力する壁紙のサイズ(ピクセル)を自由に変更できます(初期値は2100×2100)。 画像の保存: 完成したパターンをPNG画像(wallpaper_pattern.png)としてパソコンやスマホにダウンロード保存できます。 このように、ブラウザ上で本格的なお絵かきツールのような感覚で、自分だけのオリジナル壁紙素材を簡単に作ることができるツールになっています。 サンプルページ: https://bri-daikon.github.io/ijigenpocket/PPMakerSample.html 【諸注意】 ・再配布NG ・制作に一部AIを使用 【動作環境】 ・Google Chrome (Javascriptが動く環境) ・インターネット接続:画像出力以外はなくてもいける ・パソコン環境で実行推奨、スマホからの動作は確認してません 【使い方】 ブラウザで開いて使えるHTMLツールです。 ファイルは圧縮されているので、必ず解凍ツールやソフトで解凍してからHTMLファイルをお開きください。 【ブラウザって?】 ・Safari(サファリ):方位磁針(コンパス)のようなマーク。iPhoneやiPad、Macに最初から入っています。 ・Google Chrome(グーグル・クローム):赤・黄・緑・青のカラフルな丸いマーク。世界中で一番よく使われています。 ・Microsoft Edge(マイクロソフト・エッジ):青や緑の「e」のような波のようなマーク。Windowsのパソコンに最初から入っています。 このあたりでなら多分普通に動きます! ブラウザアイコンのファイルをダブルクリックしてみてくださいね!
同梱物
【全部入り】 ILMaker.html(これだけで動きます) cMaker.html(これだけで動きます) PMaker.html(これだけで動きます) 【画像連結ラインメーカー】 ILMaker.html(これだけで動きます) 【カレンダーメーカー】 cMaker.html(これだけで動きます) 【壁紙パターンメーカー】 PMaker.html(これだけで動きます)





















