令和生まれのお絵かき掲示板「篝火」セット付属ベーシックスキンのサンプルです。
デザインはHTMLとCSSが解れば自由にカスタマイズする事も出来ます。
こちらのサンプル掲示板は、どなたでもご自由にお試し投稿できます。（アダルト表現はご遠慮ください）
お試し用なので消えて困る絵は投稿しないでください（大切な絵は投稿後すぐに保存をおすすめします）
ご質問・ご要望やバグ報告などはARTNET雑談掲示板の方へお願いします。
回答の必要が無いご意見ご要望などはお問い合わせフォームもご利用いただけます。
篝火お絵かき掲示板PHPのダウンロードと詳細はこちらです。
No. 001220「無題」
てすてす
2021/12/25 17:54:11, ナナッシーさん [削除]
[コメント]
No. 001216「ららら」
テストコメントを失礼します。
2021/11/10 22:27:02, ななしさん [削除]
[コメント]
No. 001214「無題」
No. 001213「無題」
No. 001212「丸三角四角」
一応、本スレで書いた内容の引用
『四角の場合はペンの角ブラシでブラシサイズの横の●を○にした状態で任意のブラシサイズで塗り四角を書いて、消しゴムに切り替えた後に同条件でブラシサイズを少し下げて中心狙いで消して線四角にして、その後拡大縮小ツール等でサイズ調整。
丸の場合は丸ブラシにして同じ手法って感じです。
四角の方は消しゴム以外にも選択範囲で選択後にdelという方法もあります。
・・・試してみましたが、どちらにしても中心狙いが難しいです；』
せめてレイヤーマスク上で消しゴムレイヤーだけ移動させられれば微調整が簡単なんですけどね；
四夜流氷さん
更新日:2021/10/22 22:25:13
[テスト] [お試し] [チキペ]
Tool:chi , Size:横600×縦600 Q1 (62.16 KB)
PaintTime.0時間33分4秒
[続きを描く] [編集] [削除]
中心狙いについては別レイヤーに市松模様テクスチャであたりをつければ簡単でした！
レイヤー増やせるチキぺだから、レイヤーを増やしたっていい。
だからありったけを・・・
2021/10/22 22:26:47, 四夜流氷さん [削除]
[コメント]
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秒
[続きを描く] [編集] [削除]
別件の篝火に関するお知らせ
■篝火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/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/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, 四夜流氷さん [削除]
[コメント]