サンプルお絵かき掲示板【篝火】

令和生まれのお絵かき掲示板「篝火」セット付属ベーシックスキンのサンプルです。
デザインはHTMLとCSSが解れば自由にカスタマイズする事も出来ます。

こちらのサンプル掲示板は、どなたでもご自由にお試し投稿できます。(アダルト表現はご遠慮ください)
システム更新のため予告無くリセットされる場合があります。

消えて困る絵は投稿しないでください(大切な絵は投稿後すぐに保存をおすすめします)
ご質問・ご要望やバグ報告などはARTNET雑談掲示板の方へお願いします。
(お手数おかけしますが掲示板の書き込みにはARTNET絵師名簿の登録/ログインが必要です)
回答の必要が無いご意見ご要望などはお問い合わせフォームもご利用いただけます。
篝火お絵かき掲示板PHPのダウンロードと詳細はこちらです。

[HOME] [RELOAD] [途中保存] [検索]

アップロードペイント(jpg.png.pch.spch.chi)

アップロード投稿

No. 001216「ららら」

イラスト
テスト投稿を失礼します。

ななしさん
更新日:2021/11/10 22:23:21

Tool:chi , Size:横500×縦500 Q1 (20.54 KB)

 [続きを描く] [編集] [削除]
[コメント] 1Res. 2021/11/10 22:27:02

テストコメントを失礼します。

2021/11/10 22:27:02, ななしさん [削除]

[コメント]

No. 001214「無題」

イラスト
本文無し

名無しさん
更新日:2021/11/06 17:58:11

Tool:chi , Size:横600×縦600 Q1 (30.23 KB)
PaintTime.0時間0分37秒
 [続きを描く] [編集] [削除]
[コメント] 0Res.

No. 001213「無題」

イラスト
てすと

名無しさん
更新日:2021/11/03 14:52:54

Tool:chi , Size:横600×縦600 Q1 (42.16 KB)
PaintTime.0時間3分50秒
 [続きを描く] [編集] [削除]
[コメント] 0Res.

No. 001212「丸三角四角」

イラスト
チキペで線丸や線四角を描く方法を模索してみたゾ
一応、本スレで書いた内容の引用
『四角の場合はペンの角ブラシでブラシサイズの横の●を○にした状態で任意のブラシサイズで塗り四角を書いて、消しゴムに切り替えた後に同条件でブラシサイズを少し下げて中心狙いで消して線四角にして、その後拡大縮小ツール等でサイズ調整。
丸の場合は丸ブラシにして同じ手法って感じです。
四角の方は消しゴム以外にも選択範囲で選択後にdelという方法もあります。
・・・試してみましたが、どちらにしても中心狙いが難しいです;』
せめてレイヤーマスク上で消しゴムレイヤーだけ移動させられれば微調整が簡単なんですけどね;

四夜流氷さん
更新日:2021/10/22 22:25:13
[テスト] [お試し] [チキペ] 
Tool:chi , Size:横600×縦600 Q1 (62.16 KB)
PaintTime.0時間33分4秒
 [続きを描く] [編集] [削除]
[コメント] 1Res. 2021/10/22 22:26:47

中心狙いについては別レイヤーに市松模様テクスチャであたりをつければ簡単でした!
レイヤー増やせるチキぺだから、レイヤーを増やしたっていい。
だからありったけを・・・

2021/10/22 22:26:47, 四夜流氷さん [削除]

[コメント]

No. 001207「モバイル投稿テスト」

イラスト
スマホ+チキンのご質問をけっこう頂いてるので、ちょっとテスト(^_^;)
Androidタブレット1929×1080(10インチ)テスト
初期状態だと、600サイズのキャンバスで青枠の部分しかキャンバスが見えてないので、使わないウインドウは右上の×(または右上のハンバーガーボタン(3本線のあいこん)からウインドウ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 00:24:46

Tool:chi , Size:横600×縦400 Q ()
PaintTime.2時間30分36秒
[描画アニメ再生] [続きを描く] [編集] [削除]
[コメント] 6Res. 2021/05/21 20:02:28

こんばんは、トメヂさん
味のあるデフォルメがカッコイイです。
名前は思い出せないけどエヴァンゲリオンの監督かな。
何気に煙みたいなエフェクトが上手いです。

スクロールバーは私も描いてて何度か起きましたが、今のところ原因不明ですね (^_^;
キーボードがある環境ならば、バックスペースキーを押しながら、手のひらツールでスクロールした方がやりやすいかもしれないです。

スポイトアイコンは、右クリックが無い端末用なんじゃないですかね?
質問の意味が違ったらすみません (^_^;

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「ちきぺてすと」

イラスト
チキンペイントのテストです〜
レイヤー合成モードがだいたい揃ってるので色遊びが捗りそうですね!最後にグラデーションかぶせたりとかベタな加工ができちゃうのすごい…!
クリッピングもあるし不透明度保護もあって至れり尽くせり。
不透明度を一定にする方法がわからなかったです;

シーベさん
更新日:2021/05/17 21:07:20

Tool:chi , Size:横600×縦600 Q1 (110.40 KB)
PaintTime.0時間30分27秒
 [続きを描く] [編集] [削除]
[コメント] 2Res. 2021/05/25 21:41:29

シーベさんこんばんは
アップロードかと思ったらチキン!

すごく不思議な色合いで良いですね。


と、とりあえず、おやすみなさい Zzzz...(,'3 」∠)_

2021/05/18 00:13:09, ミミニャ~さん [削除]

 >ミミニャ〜さま
色褒めていただけてうれしいです!
普通のペイントソフトとかわらない絵が描けちゃいますねチキペ!
でも素材に頼れないから練習に良さそうです。・*・:≡( ε:)

2021/05/25 21:41:29, シーベさん [削除]

[コメント]

No. 001199「お試し!!!」

イラスト
回転で30°くらい傾けて投稿したら、ちゃんと元の位置に戻ったので、やはり近い縦横にちゃんと補正されるようですね!
今回は色塗りを試してみました。
筆圧感知は彩色時により実感しますね。
あと拙者、指先ツールがあると指先ツール多用侍に候。
上レイヤーを覆い焼きにしたらなんか透明水彩っぽくなったのでとりあえずそのまま投稿してみます。

四夜流氷さん
更新日: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

こんばんは!
回転とりあえずバグってなくて良かったです><;
おかげ様で普通に投稿する分には、特に問題は無さそうですね。

指先ツール、何に使うのか想像も付かないです (^q^;

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のカーソルの違いも知りませんでした!w( ̄△ ̄;)w

φ(・ω・`)メモメモ

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

おはようございます。

写真テクスチャみたいな面白い効果の背景になってますね!
ちび猫かわいいですw

回転は、まだいろいろ謎ですね。
私の場合は(ブラウザEdge)、回転ツールも、エフェクト>左右/上下反転も、投稿後に反映されましたけどね。
環境によるのかな?(^^;
斜めの場合は、たぶん傾き値を見て、近い方の横か縦になる仕様だと思います。

2021/05/16 07:31:43, ミミニャ~さん [削除]

>ミミニャ~さん、こんにちは~!
色々な色を重ねない段階でも角ブラシだとサイバーっぽい背景に使えそうな模様になりそうでした!
ペン先形状はフォトショでもそこまで意識していなかったのでなんだか新鮮です><

>斜めの場合は、たぶん傾き値を見て、近い方の横か縦になる仕様だと思います。
なるほど、それなら納得です!
今まで回転後の投稿はあえて45°程度斜めにした状態で試していたので(ツイッターでの最初のチキペ告知画像参照)、斜め状態のまま投稿されることはなく、縦か横に補正されて投稿されるのが想定仕様なら、現状正しい挙動になっていると思います!
(次当たりで縦横比率の違う絵を60°程度傾けて試してみようと思いますが予定は未定であって決定ではないです;)

2021/05/16 12:13:41, 四夜流氷さん [削除]

[コメント]

次の頁
1 / 8 頁

[PHP © 篝火ver4.0 お絵かき掲示板Art.net] [NEO © PaintBBS NEO] [しぃペインター © Shi-dow] [Applet fit © 古い骨] [Dynamic-Palette © WonderCatStudio] [skin © Base ]