マウスのみ
アニメや漫画ゲーム
パズルゲーム
このゲームのカテゴリ&タグ

ゲームプレイ画像
お絵かきペイント(ブラウザ版)【お絵かきの庵】の画像
スポンサーリンク

お絵かきの庵の概要

お絵かきの庵 は、ブラウザでお絵かきする無料のペイントツール。
お絵かきをしてコメント欄に投稿して楽しんでください。
作業保存機能に対応しているので、後から続きを描くこともできます。

遊び方

  • マウスまたはタッチ操作で線を引いてイラストを描きます。
  • テーマを「プルダウンから選択」「ランダム」「自由テーマ」から選んで開始してください。
  • ペンや消しゴムはサイズ変更が可能。色は直近8色まで保存されます。
  • 「元に戻す」は30回まで取り消すことができます。
  • 描き終えたら「画像保存」または「別タブ表示」から保存してコメント欄へ投稿してください。
  • 作業途中のイラストは「作業保存」で保存し、後から途中の状態から再開できます。

操作方法

  • マウス / タッチ操作
  • PC版はショートカットキー・マウスジェスチャーに対応

ショートカットキー(PC)

  • Ctrl + Z : 元に戻す
  • Ctrl + Shift + Z / Ctrl + Y : やり直し
  • B : ペン
  • E : 消しゴム
  • Shift / Alt / Ctrl + ドラッグ : 読み込んだ画像を移動
  • WASD / 方向キー : 読み込んだ画像を移動
  • Shift + WASD / 方向キー : 高速移動
  • Shift + 図形をドラッグ : 図形の比率を固定

マウスジェスチャー(PC)

  • 右ドラッグ ← : 元に戻す
  • 右ドラッグ → : やり直し
  • 右ドラッグ ↓ : ペン / 消しゴム切り替え
  • ※ブラウザのマウスジェスチャー拡張機能を使用している場合は動作しないことがあります。

各種機能の説明

アイコンの意味やペイント機能の説明。

アイコンと機能説明

  • 🎨:背景色やグラデーション背景を設定
  • 🗑️:全レイヤーを削除(実行すると元に戻せません)
  • 📐:図形・スポイト・塗りつぶし・グラデーションを使用
  • 🔍:スマホの拡大操作パネルを開閉
  • :押している間だけキャンバスを左右反転して確認
  • 💾:完成した画像を保存(投稿用)
  • 🖼️:画像を別タブで表示(確認用)
  • 📦:作業データを保存(レイヤーごとに保存するので続きから描けます)
  • 📁:作業データを読み込む(保存した作業データを再開できます)
  • 📷:画像を読み込む(保存画像やほかの画像に描き足せます)
  • :読み込んだ写真やイラストをドット絵に変換

レイヤー機能

レイヤーは透明な紙を重ねるような機能です。線画や色塗りを別々に描くことができます。

  • 👁️:ほかのレイヤーを非表示にして、選択中のレイヤーだけ表示
  • ×:選択レイヤーを削除
  • :選択レイヤーの透明度変更

ぼかし機能

  • レイヤー設定から、選択中のレイヤー全体にぼかし効果をかけられます。
  • ペン設定から「ぼかし」へ切り替えると、なぞった部分だけをぼかせます。
  • ぼかしペンは範囲を5~100px、強さを1~10まで調整できます。
  • 同じ場所を長押しすると、ぼかし効果が徐々に強くなります。

画像の拡大機能(スマホ)

  • 虫眼鏡ボタンを押すと、拡大操作パネルを開閉できます。
  • 画面下のスライダーで、画像を100~800%まで拡大できます。
  • 十字キーで表示位置を移動。中央の「●」を押すと、倍率を維持したまま表示位置が中央に戻ります。
  • 「100%」を押すと、倍率と表示位置が初期状態に戻ります。
  • 2本指のピンチ操作も拡大・縮小と表示位置の移動が可能。ピンチ操作で拡大操作パネルが自動で開きます。
  • 拡大中はミニマップが表示され、キャンバス全体と現在位置を確認できます。
  • ミニマップをタップすると、その位置へ移動します。

描画・確認の補助機能

  • グリッドを表示すると、位置や大きさを確認しながら描けます。グリッドは保存画像には含まれません。
  • 比率固定を有効にすると、四角形・円・三角形・六角形を一定の比率で描けます。
  • PCではShiftキーを押しながら描くことでも固定できます。
  • 反転確認ボタンを押している間だけ、キャンバスを左右反転して絵のバランスを確認できます。
  • 反転状態は保存画像には影響しません。

画像読込機能(PC)

  • 画像を読み込むと、保存範囲を超えた拡張キャンバスで描き足せます。
  • 縮小時は保存範囲を枠線で確認しながら、中クリック+ドラッグで保存位置を調整できます。
  • 読み込んだ画像の位置を自由に調整できます。

ドット絵機能

  • 「ペン/ぼかし設定」の「ドット絵」にチェックを入れると、アンチエイリアスなしで描画できます。
  • ピクセルサイズは、1・2・3・5・10・20・30・50・100pxから選択できます。
  • ドット絵では最大1600%まで拡大でき、1px単位で細かく描けます。
  • 通常描画へ戻しても描いたドットは維持され、1枚のイラストに通常線とドット絵を混在できます。
  • 画像読込後に表示される「▦ ドット化」から、写真やイラストをドット絵へ変換できます。
  • 画像のドットサイズと色数を変更でき、設定画面を移動しながら変換結果を確認できます。

タイマー機能について

  • 作業開始から10分・20分・30分が経過すると、作業保存(📦)を促すお知らせが表示されます。
  • 30分経過後は、作業保存するまで10分ごとにお知らせします。
  • お知らせは5秒後に自動で消えます。「×」または「あとで」でも閉じられます。
  • 作業保存すると経過時間がリセットされ、再び10分後からお知らせします。
  • 🔔ボタンからお知らせのオン・オフを切り替えられます。設定は次回の利用時にも引き継がれます。

お題リレー「続きを描いてください」

※画像読込機能を使って、お題リレーを楽しめます。

お題を出す人

  • テーマ「◆続きを描いてください」を選んで絵を描きます。
  • 完成した画像を保存してコメント欄へ投稿しましょう。

お題を受ける人

  • コメント欄から画像を保存します。
  • 📷ボタンから画像を読み込みます。
  • 読み込んだ画像を下絵として続きを描き足してください。
  • 完成した画像を保存してコメント欄へ投稿しましょう。

注意事項

サイト内での画像投稿のルール

  • 画像の投稿はこのページのコメント欄を利用してください。
  • 原則として、雑談ページやほかのページへの投稿は禁止です。
  • 公序良俗に反するイラストや迷惑行為を目的とした投稿は削除します。
  • SNSや外部サイトへの公開はOKです。ただし、そのサイトのルールに従ってください。

Chromeで連続保存する場合の注意

  • Chromeで保存する際、2回目以降はブラウザ上部で確認が表示される場合があります。
  • 保存できない場合は、ブラウザ上部の案内から許可してください。

スマホでタッチペンを使う場合

スマホ用のタッチペンは機種や種類によって正常に反応しない場合があります。
※透明ディスク付きタッチペンをおすすめします。100円ショップの製品で動作確認済みです。

AI作品について

AIで作成した画像の投稿も可能ですが、AI画像ばかりにならないよう、ほどほどにお願いします。
その場合、お絵かきの庵の帯付き画像に限ります。(一度「画像を読み込む(📷)」で読み込んでください。)

お絵かきの庵ってどんなゲーム? 感想とまとめ

手軽にイラストを公開できるお絵かきペイントツール。
みんなに絵を見てもらったり、テーマを「これな~んだ?」にして楽しんでください。

雑談ページへのイラスト投稿が増えてきたので作成しました。
ブラウザで描けるペイントツールとしては、かなり高機能になっていると思います。
ただ、絵心がない管理人が作ったので、実際に描く人の要望に十分応えられていない部分もあるかもしれません。
不具合や要望があればコメント欄で教えてください。前向きに改善していきます。

アップデート履歴

お絵かきの庵の主な更新内容です。
不具合修正や細かい調整は掲載していない場合があります。

アップデート履歴を見る

Ver 1.6

  • ミニマップを横長・縦長に切り替えられるようにしました。
  • その他、細かな不具合を修正しました。

Ver 1.5 ドット絵機能を追加

  • アンチエイリアスなしで描ける「ドット絵」を追加。
  • ドット絵のピクセルサイズを1~100pxの9段階から選択可能。
  • ドット絵使用時の最大拡大率を1600%へ拡張。
  • 通常描画とドット絵を1枚のイラスト内で混在可能。
  • 読み込んだ写真やイラストをドット絵へ変換する機能を追加。

Ver 1.4 タイマー機能を追加

  • 作業開始から一定時間が経過すると、作業保存を促すお知らせが表示される機能を追加
  • 10分・20分・30分経過時にお知らせし、30分以降は10分ごとに表示
  • 🔔ボタンから作業保存のお知らせをオン・オフできる機能を追加
  • お知らせの設定を次回の利用時にも引き継ぐように対応

Ver 1.3 描画・表示補助機能を追加

  • キャンバス上に補助線を表示できるグリッド機能を追加
  • 四角形・円・三角形・六角形を一定の比率で描ける機能を追加
  • 拡大時にキャンバス全体と現在位置を確認できるミニマップを追加
  • 押している間だけキャンバスを左右反転して確認できる機能を追加
  • 戻る・進むボタンを長押しすると連続して操作できるように改善
  • 拡大操作パネルを虫眼鏡ボタンで開閉できるように改善
  • ピンチ操作を開始すると拡大操作パネルが自動で開くように改善
  • 「Ctrl+Shift+Z」と「Ctrl+Y」で進む操作ができるように改善
  • スマホで長押ししたときの文字選択や検索メニューが表示されにくいように改善

Ver 1.2 図形・補助ツールを追加

  • 直線・四角形・円・三角形・六角形を描ける図形ツールを追加
  • 画像内の色を取得できるスポイト機能を追加
  • 同じ色の範囲をまとめて着色できる塗りつぶし機能を追加
  • 開始色と終了色を指定して、ドラッグ方向に着色できるグラデーション機能を追加
  • 背景に横・縦・斜め方向のグラデーションを設定できる機能を追加
  • 設定画面をタイトル部分のドラッグで移動できるように改善

Ver 1.1 ぼかし機能を追加

  • 選択中のレイヤー全体にぼかし効果をかける機能を追加
  • なぞった部分だけをぼかせる「ぼかしペン」を追加
  • ぼかしペンの範囲を5~100px、強さを1~10で調整可能
  • 同じ場所を長押しすると、ぼかし効果が徐々に強くなる機能を追加
  • ペンの太さ・濃さと、ぼかしの範囲・強さを別々に保存するように改善

Ver 1.0 スマホ版の拡大操作を改善

  • ズームスライダーを追加し、100~800%の拡大に対応
  • 現在の拡大率を表示する機能を追加
  • キャンバスの表示位置を移動できる十字キーを追加
  • 現在の倍率を維持したまま、表示位置を中央に戻す機能を追加
  • 倍率と表示位置を初期状態に戻す100%ボタンを追加

Ver 0.9 スマホ版完成・PC版機能強化

  • スマホ版のレイアウトを全面的に見直し、描画エリアを拡大
  • レイヤーパネルのデザインを改善し、視認性を向上
  • レイヤーの状態を色で判別できるように改善
  • 画像読込ボタンを独立配置し、操作性を向上
  • ピンチズームに対応
  • 拡大中のみキャンバス移動に対応
  • 100%表示・全体表示を追加
  • 画像を背景として読み込み、描き足しに対応
  • PC版で画像レイヤーを追加し、移動・位置調整に対応
  • PC版でホイールによる拡大・縮小に対応
  • 描き足しテーマで拡張キャンバスに対応
  • 保存・作業保存・作業読込まわりを改善
  • スマホ版・PC版ともにUIと操作性を改善

Ver 0.8 描き心地・操作性向上

  • 手ブレ補正を追加(初期ON)
  • 筆先を細くする機能を追加(初期OFF・試験機能)
  • ショートカットキーに対応

Ver 0.7 お題リレー・画像読込機能追加

  • 画像読込(📷)を追加
  • PNG / JPG / JPEG / GIF / WebP / BMP の読込に対応
  • 読み込んだ画像を下絵にして加筆可能
  • 「◆続きを描いてください」テーマを追加
  • 「◆続きを描いてください」で保存した画像は下帯なしで保存
  • 画像読込時はテーマを「描き足したよ」に自動変更
  • 画像読込後はテーマ変更をロック
  • テーマ一覧を整理し、お題テーマを追加

Ver 0.6 操作性改善

  • レイヤー削除確認ダイアログを追加
  • 全削除確認ダイアログを追加
  • 空レイヤー警告を追加
  • ペン・消しゴム切り替え表示を改善
  • スマホ版の保存メニューを見やすく調整

Ver 0.5 作業データ保存機能追加

  • 作業データ保存(📦)を追加
  • 作業データ読込(📁)を追加
  • テーマ、背景色、レイヤー情報を保存可能
  • 作業データ専用の保存形式(.oekaki)に対応

Ver 0.4 画像保存機能改善

  • 画像を別タブで表示する機能を追加
  • 保存処理の安定性を改善
  • 保存ボタン連打による不具合を軽減

Ver 0.3 UI改善

  • PC版のペンサイズスライダーを常時表示
  • スマホ版の操作画面を整理
  • テーマ選択周りのレイアウトを調整
  • 背景色ボタンを🎨アイコン化
  • 削除ボタンを🗑️アイコン化
  • 全ボタンに説明(title)を追加

Ver 0.2 レイヤー機能追加

  • レイヤー機能を追加(5枚固定)
  • レイヤー透明度に対応
  • レイヤーごとのUndo / Redoに対応
  • レイヤー削除機能を追加
  • 保存時に全レイヤーを自動合成

Ver 0.1 初版公開(2026/06/06)

  • お絵かきの庵を公開
  • テーマ機能を実装
  • 画像保存機能を実装
  • 自由お絵かきに対応

公開日:

最終更新日: