令和生まれのお絵かき掲示板「篝火」セット付属ベーシックスキンのサンプルです。
デザインはHTMLとCSSが解れば自由にカスタマイズする事も出来ます。
こちらのサンプル掲示板は、どなたでもご自由にお試し投稿できます。（アダルト表現はご遠慮ください）
システム更新のため予告無くリセットされる場合があります。
現在は配布前の篝火バージョン4.0のベータテスト公開を行っています。
海外製ペイントツール(チキンペイント)日本語版に対応しています。
Thank you Chicken Paint
消えて困る絵は投稿しないでください（大切な絵は投稿後すぐに保存をおすすめします）
ご質問・ご要望やバグ報告などはARTNET雑談掲示板の方へお願いします。
（お手数おかけしますが掲示板の書き込みにはARTNET絵師名簿の登録/ログインが必要です）
回答の必要が無いご意見ご要望などはお問い合わせフォームもご利用いただけます。
篝火お絵かき掲示板PHPのダウンロードと詳細はこちらです。
No. 001207「モバイル投稿テスト」
Androidタブレット1929×1080(10インチ)テスト
初期状態だと、600サイズのキャンバスで青枠の部分しかキャンバスが見えてないので、使わないウインドウは右上の×（または右上のハンバーガーボタン（３本線のあいこん）からウインドウON/OFF)で閉じてから描くと良いかも？
外付けのキーボードを接続して、「戻る」はショートカットctl+Z使うとかでウインドウ数を極力減らした方が描きやすい気がします。
基本的にAndroidタブで描くなら、安いのでいいから外付けのペンタブはあった方が良さそうな印象ですね(^_^;)
チキンペイントの解析が進めば、設置側でもっと色々と改造や対応は出来そうですが、まだ時間がかかりそうです。
ミミニャ～さん
更新日:2021/05/22 11:00:51
[ミミニャ～]
Tool:chi , Size:横600×縦600 Q1 (26.72 KB)
PaintTime.0時間1分20秒
[続きを描く] [編集] [削除]
[コメント] 1Res. 2021/05/22 10:56:30
別件の篝火に関するお知らせ
■篝火ver2X→ver4更新用の「使い方」の書き忘れ事項 (;^ω^)
デフォルトのキャンバスサイズが200から600に変わっています。
● デフォルトのキャンバスサイズの変更方法
これは最初に設定を作らなかったのが悪かったのですが、
互換性の問題から非常に解りにくくなっていまして、申し訳ありません；
いくつかの方法がありますので、変更したい人は、やりやすい方法を試してみてください。
● 方法1 「paint.phpとリストスキン(skin/basic_list_skin.html)を修正する方法」
[paint.php]の12,13行目にある以下の部分の半角数字を書き替えてください。(末尾の;は消さないように)
//■キャンバスサイズのデフォルト(横=X/縦=Y)
＄INI_DEFIMGX = 600;
＄INI_DEFIMGY = 600;
これは、リストスキンの、
お絵かき開始フォームから受け取るサイズが空(初期値)の場合に自動設定されるサイズです。
![paint.php]を書き替えただけではスキンの表示は変わりません。
リストスキンの以下の部分の「placeholder="横600"」の部分(表示初期値)を横と縦の2カ所書き替えます。
<div class="efoinput float100"><INPUT TYPE="text" NAME="imgx" VALUE="" placeholder="横600" SIZE="4" STYLE="ime-mode: disabled;" list="sizelist"></div>
<div class="efoinput float100"><INPUT TYPE="text" NAME="imgy" VALUE="" placeholder="縦600" SIZE="4" STYLE="ime-mode: disabled;" list="sizelist"></div>
● 方法2「リストスキンだけ修正する方法（HTMLの知識がある人向け）」
リストスキンの以下====の部分を、まるっと書き替えてください。
ここから=====================================================================
<!-- キャンバスサイズ選択フォーム(VALUEは空にしないとdatalistの候補が出ません)デフォルト値の変更はpaint.php -->
<div class="efoinput float100"><INPUT TYPE="text" NAME="imgx" VALUE="" placeholder="横600" SIZE="4" STYLE="ime-mode: disabled;" list="sizelist"></div>
<div class="efoinput float100"><INPUT TYPE="text" NAME="imgy" VALUE="" placeholder="縦600" SIZE="4" STYLE="ime-mode: disabled;" list="sizelist"></div>
<!-- キャンバスサイズの入力候補データリストを定義(縦横共通) -->
<datalist id="sizelist">
<OPTION VALUE="50">50</OPTION>
<OPTION VALUE="100">100</OPTION>
<OPTION VALUE="150">150</OPTION>
<OPTION VALUE="200">200</OPTION>
<OPTION VALUE="250">250</OPTION>
<OPTION VALUE="300">300</OPTION>
<OPTION VALUE="350">350</OPTION>
<OPTION VALUE="400">400</OPTION>
<OPTION VALUE="450">450</OPTION>
<OPTION VALUE="500">500</OPTION>
<OPTION VALUE="550">550</OPTION>
<OPTION VALUE="600">600</OPTION>
<OPTION VALUE="650">650</OPTION>
<OPTION VALUE="700">700</OPTION>
<OPTION VALUE="800">800</OPTION>
<OPTION VALUE="900">900</OPTION>
<OPTION VALUE="1000">1000</OPTION>
<OPTION VALUE="2000">2000</OPTION>
</datalist>
ここまで=====================================================================
上の部分を全部消して、普通に入力や選択フォームに置き換えても動作します。
■置き換えるサイズ選択フォーム例1
「選択フォーム」
初期値に「 selected」を付ける
「<option value="300">300</OPTION>」の項目は、好みのサイズで適当に追加してください。
<div class="efoinput float200">
<select name="imgx">
<option value="200" selected>200</OPTION>
<option value="300">300</OPTION>
<option value="9999">9999</OPTION>
</select>
<select name="imgy">
<option value="200" selected>200</OPTION>
<option value="300">300</OPTION>
<option value="9999">9999</OPTION>
</select>
</div>
■置き換えるサイズ入力フォーム例2を付ける
「入力フォーム」
「value="200"」に初期値を書きます。
「 onFocus="this.select();"」は入力フォームにフォーカスした際に選択状態にします（無くてもかまいません）
<div class="efoinput float100">
<input type="text" name="imgx" value="200" onFocus="this.select();">
<input type="text" name="imgy" value="200" onFocus="this.select();">
</div>
この場合は初期値が設定されるので、paint.phpを変更する必要はありません。
2021/05/22 10:56:30, ミミニャ～さん [削除]
[コメント]
No. 001204「 」
こんばんは、トメヂさん
味のあるデフォルメがカッコイイです。
名前は思い出せないけどエヴァンゲリオンの監督かな。
何気に煙みたいなエフェクトが上手いです。
スクロールバーは私も描いてて何度か起きましたが、今のところ原因不明ですね (^_^;
キーボードがある環境ならば、バックスペースキーを押しながら、手のひらツールでスクロールした方がやりやすいかもしれないです。
スポイトアイコンは、右クリックが無い端末用なんじゃないですかね？
質問の意味が違ったらすみません (^_^;
2021/05/20 19:35:34, ミミニャ～さん [削除]
こんばんは～
そうです監督であります！
うしろのエフェクトは指先ツールを使ってみました
バックスペースというかスペースキーを押すと
描画カーソルが手のひらのアイコンに変化して
ドラッグしてキャンバスをうごかせるようになりました。
しぃの挙動（上下左右に動かせる）と似ているこちらのほうが便利ですね
誤って線を引いてしまうこともなし＾＾
おしえてくださってありがとうございます！
スポイトアイコンは…な、なるほど＾＾；
いろんな環境に対応するがためのツールということを忘れて
まぬけな質問をしてしまいました＞＜
2021/05/20 20:38:22, トメヂさん [削除]
姫様、マスクをつけなされ～（違）
イラストレーター等のパスが使えるツールで描かれたかのようなポップでスタイリッシュな線にチキペの可能性を見ました＞＜
ちなみに手のひらアイコンですが、スペースキーだけでなく、マウスの真ん中ボタン（名前失念；）を押しても出てくるので、マウスで描画される方にはそちらの方がやりやすいかもしれません(･ω･)
2021/05/20 21:31:08, 四夜流氷さん [削除]
上手い人は皆さん手のひらツール愛用な印象（ΦωΦ）
マウスの真ん中ボタンでも、手のひら φ(･ω･｀)
手のひらは、やっぱり、Ipadとかのキーボードもマウスも無い端末だと、使えないのかな？
Twitterで、みつこんぶさんが困ってたけど解決法が解りません (;^ω^)
2021/05/20 22:55:11, ミミニャ～さん [削除]
＞四夜流氷さん
描いてるときはまったく意識してなかったんですけど
いまのご時世だとそっち系の意味になっちゃいますよね＾＾；
軽率だったのでSNSにアップしたのは削除→宣伝にもならず（へっぽこ
マウスとかキーボードからでも操作できるのは楽チンでいいですね＾＾
＞ミミニャ～さん
上手い人はみんな超拡大してるっぽいので
画面をうごかせるかどうかは大事なんでしょうね
PCで描く人もそのうち絶滅危惧種みたいな時代になるんかな～＠＠
2021/05/20 23:39:10, トメヂさん [削除]
今さら気付いたけど、バックスペースじゃなかったですね(;^ω^)
すみません（恥
2021/05/21 20:02:28, ミミニャ～さん [削除]
[コメント]
No. 001203「お試し！！！！」
ブラシサイズの横の丸：筆圧感知による抜き入りの有効/無効
不透明度の横の丸：筆圧感知による濃淡の有効/無効
点拡散の横の丸：筆圧感知による抜き入りの有効/無効
ペン形状を丸ブラシにして不透明度の横の丸を白にすれば二値ペンになる。
これは消しゴムでも同じ。
そんな感じでしたヽ(｡ωﾟ)ノ
四夜流氷さん
更新日:2021/05/22 23:19:56
[テスト] [お試し]
Tool:chi , Size:横200×縦200 Q ()
PaintTime.2時間25分18秒
[続きを描く] [編集] [削除]
[コメント] 5Res. 2021/05/20 21:46:59
選択範囲の変形を試すために続きからで別のもので上書きしました！
選択範囲の変形は流石に自由変形や回転まではないので、そこまで好き勝手はできない模様
2021/05/19 21:52:31, 四夜流氷さん [削除]
こんばんは、四夜さん
あの〇は、飾り文字だと思ってました(;'∀')
貴重な情報をありがとうございます
φ(･ω･｀)
2021/05/20 00:09:50, ミミニャ～さん [削除]
こんばんは、四夜さん
誠に勝手なうえに事後報告ですみませんが；
●にカーソルを合わせて出てくる英語ヘルプの日本語訳に、四夜さんの「筆圧感知による抜き入りの有効/無効」～の翻訳をそのままお借りしました(;'∀')
もしダメでしたら、お申しつけください(:.;ﾟ;Д;ﾟ;.:)
2021/05/20 19:33:52, ミミニャ～さん [削除]
＞ミミニャ～さん、こんばんは～！
お絵かき掲示板の方のチキペの調整等、お疲れ様です！
日本語訳の件ですが、むしろ使って頂けて光栄です＞＜
でも文章が長い気もするので、ミミニャ～さんがいい言い回しを思いついたり、見かけた際は遠慮なさらずに差し替えちゃってください！
2021/05/20 20:56:13, 四夜流氷さん [削除]
ありがとうございます!
おかげ様で日本語化は、ひととおり完了ですね (`･ω･´)b
2021/05/20 21:46:59, ミミニャ～さん [削除]
[コメント]
No. 001201「ちきぺてすと」
シーベさんこんばんは
アップロードかと思ったらチキン！
すごく不思議な色合いで良いですね。
と、とりあえず、おやすみなさい Zzzz...(,'3 」∠)_
2021/05/18 00:13:09, ミミニャ～さん [削除]
＞ミミニャ〜さま
色褒めていただけてうれしいです！
普通のペイントソフトとかわらない絵が描けちゃいますねチキペ！
でも素材に頼れないから練習に良さそうです｡･*･:≡( ε:)
2021/05/25 21:41:29, シーベさん [削除]
[コメント]
No. 001199「お試し！！！」
今回は色塗りを試してみました。
筆圧感知は彩色時により実感しますね。
あと拙者、指先ツールがあると指先ツール多用侍に候。
上レイヤーを覆い焼きにしたらなんか透明水彩っぽくなったのでとりあえずそのまま投稿してみます。
四夜流氷さん
更新日:2021/05/17 22:38:51
[お試し] [テスト]
Tool:chi , Size:横200×縦300 Q1 (26.02 KB)
PaintTime.0時間45分51秒
[続きを描く] [編集] [削除]
[コメント] 7Res. 2021/05/18 21:12:02
こんばんは！
回転とりあえずバグってなくて良かったです＞＜；
おかげ様で普通に投稿する分には、特に問題は無さそうですね。
指先ツール、何に使うのか想像も付かないです (^ｑ^;
2021/05/16 19:38:43, ミミニャ～さん [削除]
＞ミミニャ～さん、こんばんは～！
こちらこそ調整・確認ありがとうございます！
指先ツールは髪の毛の影やハイライトを毛並みっぽくするのに使っています＞＜
2021/05/16 21:27:03, 四夜流氷さん [削除]
続きからを試してみました！
問題なく続きから描けました！
（ただクロームだとページ更新がIEと違ってCTRL+F5じゃないとキャッシュが残ってしまうので、続きが反映されてないと錯覚してしまいましたが；）
そういえば、クリッピングやレイヤーマスクを試していて気付いたのですが、レイヤーマスクを有効にした後に右クリックで表示されるメニュー内に二つ「マスク解除」があるのですが、どうやら上が「レイヤーマスク削除」で下が「レイヤーマスク解除（または無効）」のようです；
上を押したらレイヤーマスク自体が消えて、下を押したらレイヤーマスクに×がついて「マスク有効化」というメニューに変わったので、どうもそんな感じのようです＞＜
2021/05/17 22:48:13, 四夜流氷さん [削除]
四夜さんこんばんは！
マスク表記、修正しました！助かります＞＜；
ありがとうございます！
キャッシュもなるほどですね；
キャッシュ無効にしてテストしてたので気付きませんでした；
寝ながら考えておきます Zzzz...(,'3 」∠)_
2021/05/18 00:11:24, ミミニャ～さん [削除]
＞ミミニャ～さん、こんばんは～！
早々の修正ありがとうございます！
でもご無理はなさらず、試験運用なのでもう少し色々出てきてからでも遅くないと思います；
本当にご無理はなさらずに・・・；
キャッシュは普段NEOをIEで使っている（NEOはIEじゃないと矢印カーソルが出ないので）のでクロームを使ってオエビを描くのが久しぶり過ぎてキャッシュの件を忘れていただけなのでシステム的に対策しなくてもいいと思います；
ただでさえイラコン集計等で負担がかかってらっしゃるので、チキペに対しては本当に無理はなさらず、しばらくは様子見しておいてください；
2021/05/18 19:47:14, 四夜流氷さん [削除]
ありがとうございます。
キャッシュコントロールの書き方を今風なのに変更してみました。
キャッシュは、良くも(軽くなる)悪くも(紛らわしい)なので、塩梅が難しいですね (^_^;
チキンは公式サイトにIE〇って書いてあるから、たぶん私の設置のやり方が悪いだけなんだとは思いますけどね；
ぼちぼち調べてみようと思います；
NEOのカーソルの違いも知りませんでした！ｗ（￣△￣；）ｗ
φ(･ω･｀)ﾒﾓﾒﾓ
2021/05/18 21:03:06, ミミニャ～さん [削除]
＞ミミニャ～さん、こんばんは～！
もう！本当にお仕事早すぎですよ！（訳：無理はしないでください）
NEOのカーソルについては、IEとFirefoxだと矢印カーソルが出て、クロームだと出なかったのです。
チキンペイントはクロームでも矢印カーソルが出たので、ツイッターをクロームでやっている関係でそのままクロームでチキンペイントを使っています！
なので無理にIEを対応させる必要はないと思います・・・そもそもNEOも開発者様的にはIE非対応＆非推奨だったはずなので；
それはそれとして、この後、お絵かき掲示板の方で書いた二値ペンのやり方紹介を兼ねてちょっとラクガキさせてもらいます(･ω･)
2021/05/18 21:12:02, 四夜流氷さん [削除]
[コメント]
No. 001196「お試し！！」
（斜めで投稿された場合、余白部分がおかしくなりそうだし、キャンバスサイズのキリが悪くなってしまうし；）
背景のは角ブラシや堅角ブラシでエアブラシをざかざか～と重ねたり上下左右にペンを動かして塗ったらチェック柄みたいになったので面白そうだと思ったのでそんな感じです(･ω･)
四夜流氷さん
更新日:2021/05/15 23:36:19
[ねこ] [お試し] [テスト]
Tool:chi , Size:横200×縦200 Q1 (9.71 KB)
PaintTime.0時間6分54秒
[続きを描く] [編集] [削除]
[コメント] 2Res. 2021/05/16 12:13:41
おはようございます。
写真テクスチャみたいな面白い効果の背景になってますね！
ちび猫かわいいですｗ
回転は、まだいろいろ謎ですね。
私の場合は(ブラウザEdge)、回転ツールも、エフェクト＞左右/上下反転も、投稿後に反映されましたけどね。
環境によるのかな？(^^;
斜めの場合は、たぶん傾き値を見て、近い方の横か縦になる仕様だと思います。
2021/05/16 07:31:43, ミミニャ～さん [削除]
＞ミミニャ～さん、こんにちは～！
色々な色を重ねない段階でも角ブラシだとサイバーっぽい背景に使えそうな模様になりそうでした！
ペン先形状はフォトショでもそこまで意識していなかったのでなんだか新鮮です＞＜
＞斜めの場合は、たぶん傾き値を見て、近い方の横か縦になる仕様だと思います。
なるほど、それなら納得です！
今まで回転後の投稿はあえて45°程度斜めにした状態で試していたので（ツイッターでの最初のチキペ告知画像参照）、斜め状態のまま投稿されることはなく、縦か横に補正されて投稿されるのが想定仕様なら、現状正しい挙動になっていると思います！
（次当たりで縦横比率の違う絵を60°程度傾けて試してみようと思いますが予定は未定であって決定ではないです；）
2021/05/16 12:13:41, 四夜流氷さん [削除]
[コメント]
No. 001194「無題」
回転は成功しました。
工程数も取得できそうだけど、今のところ不明です。
お絵描き中にパレットデータ(acoファイル)をダウンロード忘れた場合は「続きを描く」バックアップをダウンロードの所からも落とせます。（この機能は絵板の方にはありません）
パレットの復元は、お絵描き画面のパレットの歯車アイコンからです。
自動で復元させる方法もありそうだけど今のところ不明です。
とりあえずCGI版の動作が不明なので、絵板の方にCGI版を試験実装しました。
配布版の篝火への実装は、もう少し様子を見てからにしようと思います。
ミミニャ～さん
更新日:2021/05/15 19:51:11
Tool:chi , Size:横100×縦400 Q1 (9.07 KB)
[続きを描く] [編集] [削除]
[コメント] 1Res. 2021/05/15 19:47:44
・既知の問題点
編集からchiファイルをアップロードするとエラーなります
（まだ作ってない部分です；）
篝火は、けっこう自由なので；
こういう盲点が、まだけっこうありそう(;'∀')
2021/05/15 19:47:44, ミミニャ～さん [削除]
[コメント]
No. 001193「ネクタイぴーん！」
お試しありがとうございますヽ(´ー｀)ﾉ
このお二人、知ってるんだけど、名前が出てきません＞＜；
独特なアレンジが効いてるのに、しっかり似てるのが良いですね！
というかサンプル板には、もったいない名画が最近多い(;￣Д￣)
ここ最大ログ数が少ないので保存をお忘れなく；；
2021/05/15 21:28:04, ミミニャ～さん [削除]
[コメント]
No. 001189「お試し！」
筆圧感知、私も驚きました！
iPad&ApplePencilでも特に設定無しで感知しますね。
システムの設計とか設置とか良く分からないのですが
便利なお絵描きツールが登場して、なんだかワクワクしますヾ( ´ー｀)ﾉ
2021/05/15 11:40:23, 密昆布さん [削除]
＞密昆布さん、こんにちは～！
iPadでも筆圧感知が効くのですね！
そうなると現行のペイントツール並みの機能＋投稿機能というpooやしぃペインターが登場した頃のような状況が携帯端末で実現できるってことですね！
おら、なんだかすっげぇわくわくしてきたゾ！（謎の悟空感）
2021/05/15 11:51:57, 四夜流氷さん [削除]
四夜さんありがとうございます。
回転反映されないのは、たぶん私の実装ミスですね (^^;
チキン投稿時に送信されるrotationデータというのがあったのですが、
よくわからないからスルーしてたので、たぶんそれのせいですね；
あとで調べてみます。感謝です m(_ _"m)
密昆布さんも、いつもありがとうございます（・д・ゝ）
iPad、私も欲しいですｗ
2021/05/15 14:00:24, ミミニャ～さん [削除]
＞ミミニャ～さん、こんばんは～！
実装告知の日は時間がなくて試せなかったので今日試させていただきました！
日本語対応もありがとうございます！
＞回転反映されないのは～
ありゃ？
てっきり回転してもあくまで作業キャンバス上の処理だけで正規位置に戻るのが正しい挙動かと思ったのですが、そうでない処理も想定されているってことでしょうか？
回転された画像を保持したまま投稿できるとなると、その時の画像サイズはどうなっちゃうんでしょ？（哲学）
iPadからでも筆圧感知できるとなると、本当にオエビの可能性が広がったような気がします！
でもご無理はなさらず、しばらくはこのままの仕様でテスト運用でいいと思います！
2021/05/15 17:18:09, 四夜流氷さん [削除]
こんばんは！
回転は修正しました><;たぶん；
ローカルテストでは回転しましたが、もう少し実験が必要ですね(^^;
画像サイズは回転保存後に取得しているので、回転後のサイズになると思います。
ただ、何度か試しましたが、回転反映されない時もあったので、ちょっと謎ですね;
というかソースも見ていないのに、ピンポイントに回転バグに気付いてくださるとは凄すぎます(;￣Д￣)
いつも色々とありがとうございます。
m(__)m
2021/05/15 18:00:24, ミミニャ～さん [削除]
＞ミミニャ～さん、こんばんは～！
とりあえず投稿しない状態で各種ツールを色々試しています＞＜
（なので回転状態でどうなるかは確認できないのはナイショです；）
ペン形状を角にしてエアブラシで塗るとなんか面白い背景効果になりました！
あと左右反転等は上部のメニュー内に各種「選択範囲を～」という形で取り揃っているのですね！
逆に回転したキャンバスを正規位置に戻すのはどうやるんだ？と思って試していたら、どうやら回転ツールを選択中にキャンバス外をドラッグすると戻るみたいです。
もしかしたらミミニャ～さんが仰る回転反映されないは投稿時にキャンバス外をドラッグしてとかの可能性も微レ存・・・？
気付いたというか「回転状態で投稿したらどうなるんかな？」というデバッグというかゲーマー的な発想みたいなアレですね(^-^;
2021/05/15 18:25:48, 四夜流氷さん [削除]
いや、遠慮なく棒１本でも投稿してください（笑
なるほど、確かに回転反映されなかった原因は、それっぽいですね (^^;
私はまだ公式っぽいサイトを機械翻訳した使い方を読んだ程度の机上の空論状態なので；
四夜さんの実践的なテクニック参考になります（・д・ゝ）
とりあえずこの状態で篝火を配布するには、まだ不安なので；（へたすると何度もアップデートしてもらう事になりかねないので；）先に、うちの絵板にも設置して、もう少しテスト(という名の人柱募集；)をしよう思いますԅ(º﹃ºԅ)
2021/05/15 19:01:11, ミミニャ～さん [削除]
[コメント]
No. 001188「お試し！」
すごー！Σ（・□・；）
なめらかな混色が美しい!!
さっそくのお試しありがとうございます（・д・ゝ）
ちょっと設置が適当なので、まだいろいろバグりそうですが；
イラコン終わったら、またぼちぼち見てみます。
2021/05/14 21:04:56, ミミニャ～さん [削除]
>にゃ〜さん
チキンペイント凄いですね！
しぃぺの描き味に近くて機能はそれ以上かもしれない。
お絵描き掲示板の可能性を感じました！
いつの日か通常掲示板にも搭載される事を期待しつつ
ココでちょくちょくお試しさせてもらいます〜(*´꒳`*)
2021/05/15 11:25:03, 密昆布さん [削除]
[コメント]