POTI改 設置サポート掲示板

NSFW:

[115] PaintBBS NEOの背景について


オエカキスキー ID:0fc83cef 25/03/20 Tool:Upload

こんにちは。似たスレッドが見当たらなかったため質問させていただきます。
PaintBBS NEOの描画エリアのデフォルト背景(タイル状に並べられているBase64形式の青いもの)を独自の画像に置き換えたいのですが、どのファイルを書き換えれば良いのか教えていただけると助かります。

さとぴあ@管理人 [URL] ID:16a93087 25/03/20

Neo.backgroundImage = function () {
PaintBBS NEOのneo.jsの627行目あたりの関数の可能性が高いですが解析が必要です。
時間をかければできるのかもしれませんが、なかなか難しいですね。
テンプレートのカスタマイズのヒントぐらいまではサポートしていますが、これはアプレットの改造の領域になりますので、サポート対象外の内容になるかと思います。
配色を変更したいという事であれば
https://github.com/funige/neo/blob/master/README-params.md
に変更方法が掲載されていますが画像そのものの変更は、現時点では私にもよくわかりません、

さとぴあ@管理人 [URL] ID:16a93087 25/03/20 Tool:Upload - Showing thumbnail -

neo.jsの330行目あたり。
bgImage ="https://paintbbs.sakura.ne.jp/apple-touch-icon.png";

背景画像にしたい画像のURL(URLそのものあるいは相対パス等)
これを以下の記述のある箇所の直前に入れて
bgImage(背景画像)
を指定した画像で上書きすれば背景画像を指定できる事がわかりました。
Neo.addRule(".NEO #container", "background-image", "url(" + bgImage + ")");

さとぴあ@管理人 [URL] ID:16a93087 25/03/20

これはあれですかね…。
<param name="neo_disable_grid_touch_move" value="true">
のような設定項目のところに画像のURLをセットすると、背景がその画像になるようにするとか?
それがよりよい解决策だとしたら、設定項目を追加してみてもいいのですが?
どうしましょう?

さとぴあ@管理人 [URL] ID:16a93087 25/03/20

ぴったり16pxじゃないとダメとかだと、16pxの画像を作っている箇所を通さないとだめっぽいので、サイズフリーで独自画像を入れたいとかならNEOの改造でいけそうですね。

オエカキスキー ID:0fc83cef 25/03/20

さとぴあ@管理人さん
おお!お時間割いて頂きありがとうございます。(サポート対象外ですみません…💦)
実は独自の画像サイズ・独自のデザインにしたい訳ではなく同じ画像サイズのまま色だけを変えたかったので、neo.jsでbgImageを指定する方法で充分満足な結果になりました。
ツールアイコンなどの色もいずれ変えてみたいなと思っていたので、githubのリンクとても助かります。
ありがとうございました。

さとぴあ@管理人 [URL] ID:16a93087 25/03/20 Tool:Upload - Showing thumbnail -

その色は、CSSで指定しているので、
MONOのCSSの、
.NEO .color_bk {
color: #99b6e5;
}
.NEO .color_bk2 {
color: #8a95b9;
}
を変更するだけでいけると思います。
画像になっているのは、neoの内部の処理を経過しているからなので、そういう画像が最初からあるわけではなくてCSSから読み取った計算結果ですね。
そのあたりのCSSで調整できる範囲であれば説明するぐらいまではサポートの範囲内です。

さとぴあ@管理人 [URL] ID:16a93087 25/03/20 Tool:Upload - Showing thumbnail -

.NEO .color_bk {
color: #fff;
}
.NEO .color_bk2 {
color: #bbb;
}
単に配色を変更するだけなら、上記CSSの設定で、こんな感じになります。
.color_bk
.color_bk2
の色がどちらも同じなら格子状の模様も見えなくなります。

さとぴあ@管理人 [URL] ID:16a93087 25/03/21

本来の、appletタグ(neoではapplet-dummy)
でキャンバスの背景の色を設定する方法が掲載されていたしぃちゃんのベクター支部が消えてしまったので、どこかにまとめなおさないといけないのかもしれませんね。
記述のあるファイルは
配布しているものの中にも入っている
Readme_Shichan.html
なので、そこで確認してもいいのですが…。
キャンバスの背景色
<param name="color_bk" value="#ffffff">
<param name="color_bk2" value="#ffffff">
Paint画面のappletタグだとこの2つで色と格子の色の2つを設定可能で、こちらはCSSより優先され、さらに、PaintBBS NEOだけでなく、JavaのPaintBBSやしぃペインターにも適用されますね。

オエカキスキー ID:0fc83cef 25/03/21

追記詳しくありがとうございます!
画像を入れ替える手間がなさそうで助かりました。便利ですね。

さとぴあ@管理人 [URL] ID:16a93087 25/03/21

では、解决で。
Name :
URL :

Password:


[HOME / Admin]