お絵描きしぃ掲示板 PaintBBS (©2000-2004 しぃちゃん) を html5 化するプロジェクトです。
作者行方不明のため、許諾は取れていません。
しぃちゃんのホームページ（Vector）
http://hp.vector.co.jp/authors/VA016309/
Flash や html5 のお絵描きサイトはいっぱいあるんだけど、そうじゃないんだ。
おじさんは昔の java アプレットそっくりの環境が欲しいんだ。
-
掲示板に投稿できる Mac/Win 用のアプリを開発します(中身は javascript)
-
PaintBBS と見た目や操作性がだいたい同じになってきたら、
管理人さんに連絡取って直接組み込んでもらうことを目指します
:
……というわけで、ふたばで NEO が使えるようになりました！
105 名前：◆管理人 投稿日：2017/01/19(木) 02:20 del
落書き板に組み込みました
http://nov.2chan.net/q/futaba.htm
調子が良ければ他のお絵かき板にも導入します
v1.5 で動画記録をサポートしました。 Java 版の動画データ（.pch）が解析不能なため、動画データの互換性はありません。
Chrome/FireFox/Safari/Edge
iOS(Mobile Safari)
※ 最新のバージョンのみ
IE はサポート対象外です
Android でもだいたい動くのですが、サポート対象外とします
Windows で線がうまく引けない場合は、以下をお試しください
- Chrome を使う
- Wacom のタブレットを使用している場合は「デジタルインクを使用する」をオフにする
Firefox(59 以降？)はタブレット関係のバグがあるらしく、線が乱れることがあるようです。
マルチプロセスを切ると症状が解消されるかもしれません。（about:config で browser.tabs.remote.autostart を False）
Chrome(80 以降？)で横に長い線を引くとジェスチャーと誤認識される場合は、chrome://flags/#overscroll-history-navigation でジェスチャーを無効にするといいかもしれません。
新しくお絵かき掲示板を設置したい方には、POTI-board 改の利用をお勧めします。
公式サイトには設置サポート掲示板があります。
掲示板の設置に関するご質問・不具合の報告等ありましたら、遠慮なくこちらへどうぞ。
まだ古い POTI-baord を稼働中の方のための移行ガイド
(古い PHP のコードには色々問題がありますので、お勧めできません)
- PaintBBS オリジナルの起動オプションについてはオリジナルの README
- NEO 独自のオプションについては、NEO の独自拡張についてを参照してください。
掲示板の設置以外についての質問・要望はこちらでお願いします。
以前ここで公開していた旧掲示板はこちら。
Mac/Win 用アプリは、NEO 開発の過程で使われたものです。
NEO の入っていない掲示板に投稿して、動作を確認することができたのですが……
残念ながら、electron のバージョンアップで動かなくなってしまいました。
そのうち直して再アップロードしたいと思います。
- オリジナルのPaintBBSに存在していたパラメータ <PARAM NAME="animation_max" VALUE="(file size 単位kb)"> を実装しました。
animation_max length of data for animaion(KByte. default value is 0)
アニメーションデーターの最大値をKByte単位で指定します。
大体の目安でこの値に制限する為、多少前後します。
0で制限無し。
- NEOの独自パラメータ <PARAM NAME="neo_max_pch" VALUE="(post_max_size 単位MB)">
よりもanimation_maxが優先されます。 また、neo_max_pchは、formDataによる送信時にのみ動画ファイルの投稿を制限しますがanimation_maxは、送信方式に関係なく制限します。
- <PARAM NAME="neo_confirm_layer_info_notsaved" VALUE="true">
このフラグを true にすると、「動画」が記録されていない時に「レイヤー情報は保存されません。続行してよろしいですか?」という警告を出します。
デフォルトは false です
- 動的パレットスクリプトの影響で｢窓｣ボタンが押せなくなるケースがあるため、｢窓｣ボタンのz-indexを調整して対応しました。
- Chromeでは描画時に通常のカーソルが消えてしまうため、8px以下の時にも円カーソルを表示します。
- 100px以下の小さなキャンバスサイズのときに操作できなくなっていたのを修正し、オリジナルのPaintBBSの表示に近づけました。
- ページ移動してしまった時の画像の復元処理を改善しました。
- もとの画像よりも小さなキャンバスサイズで開いてしまっても再度もとのキャンバスサイズで開きなおせば画像が復元できるようになりました。
- これまでは、小さなキャンバスサイズで開いてしまうと、そのサイズで画像が切り取られていました。
- 復元データのバックアップがページ移動時に加え、10ストローク単位でも保存するようになりました。
- PC使用時のデータの保存先をセッションストレージからモバイル端末使用時と同じようにローカルストレージに変更。
- ブラウザを完全に閉じてしまったり、停電等により予期しない電源断が発生した時にも描画していた画像を復元できるようになりました。
-
#106 PARAM NAME=name="neo_max_pch"の説明追加とmagic (3byte: 4e 45 4f)
-
Git LFSへの依存解消のためリポジトリを再作成しました。
詳細はREADME-neo2.mdを参照。フォークは自動的に更新されないため、新リポジトリから再度フォークする必要があります。
-
README-development.md を追加しました。
-
package.jsonのバージョン番号を変更するとソースコード内のバージョン番号も同期して更新されるようになりました。
-
WAF 誤検知等の問題に対処するため、画像やアニメーションデータを formData で送信する機能がつきました。作っていただいた @satopian さんに感謝。
<param name="neo_send_with_formdata" value="true">
で有効になります。詳細はサンプル参照。
-
時代遅れになった javascipt を使っている部分を修正。これも@satopian さん提供です。
- 送信失敗時のエラーメッセージの追加と修正です。
- <param name="neo_show_right_button" value="true">
を指定すると、デスクトップでも「右」ボタンが常時表示されるようになりました。
- url_save を指定しないと投稿できなくなっていた問題を修正
- LiveConnect の仕様にあった document.paintbbs.speed を実装しました。
- 送信エラーが発生した時の動作を改善しました。
失敗した時は URL 遷移しません。
成功しても応答が「error\n」ではじまる文字列だった場合は 仕様通りエラーになります。 - url_save, url_exit でオリジナルと同じように絶対バスが指定できるようになりました。
- POST の MIME を application/octet-stream に変更しました。
(ふたばでは互換性を重視して従来通り applicatio/octet-binary です)
もし問題が発生する環境があれば個別に対応しますので、連絡ください。
- 投稿ボタン連打対策を入れました
-
オリジナルの PaintBBS にあったセキュリティ関連のオプションを実装しました。
<param name="neo_emulate_security_error" value="true">
にすると、描画時間やクリック回数が少ない時に投稿を拒否して、任意の URL に飛ばすことができます。
README-potiboard.md にも追記しました
デフォルトは false です
- （v1.5.7 のソースコードを prettier で整形しただけです）
-
Chrome で左から右にスワイプした時に前の画面に戻ってしまう問題の対処ですが……
<param name="neo_confirm_unload" value="true">
にすると、戻るボタンを押した時などに「このサイトを離れますか？」という警告が出るようになります。
デフォルトは false です
- samplebbs の保守が困難になっていたので、リポジトリから削除しました
- Apache で mod_pagespeed を使った時、正しく表示されない問題に対処しました
-
line を使った動画の再生でなぜか無限ループに入ることがあったので対処
-
ツールの位置の左右入れ替えができるようになりました。
Neo.setToolSide(true) // true|false
true のときツールはキャンバスの左側になります
- iPadOS で右ボタンが表示されない問題を修正
- ベジェ曲線のプレビューの表示方法がオリジナルの PaintBBS と違っていたのを修正
- Chrome67 以降でベジェ曲線のプレビューが重くなっていたのを高速化
- 動画の再生エラーをちょっとだけ修正
- 「続きを描く」は表示までに時間がかかるので、途中経過を表示するようにしました
アニメーション中にキャンバスをクリックすると、再生を省略します - コピーを中断して四角ツール等を使うとコピーした矩形がずっと画面に残ってしまっていたのを修正
- ビューアの再生速度を変更できるようにしました
- IE11 で投稿できなくなっていた問題を修正
- ビューアのボタン類の実装
- 動画の再生に失敗しても続きから描けるようにしました
- ぼかしツールとベジェ曲線をさらに修正
- ベジェ曲線が点線になる問題を修正
- 消し四角とぼかしツールもバグってたので修正しました
- 全消しで動画が途切れるバグを修正
- 消しゴムの透明度が動画で再現されないバグを修正
- 動画記録お試し版
オリジナルの PaintBBS と同じように動画を記録することができますが、
動画データ（拡張子 pch）の互換性はありません。
-
裏技ですが、JavaScript コンソールに
Neo.painter.inputText.style.fontFamily="serif"
とか入力してテキストツールのフォントを変更できるようになりました （某所で要望があったので……）
- スペイン語対応 (Spanish support)
- 画面外にドラッグした時にいろいろ不具合が出ていたのを修正
- 対応環境に iOS(Mobile Safari)を追加
- 「右」ボタンの場所を右側に変更
- モバイルで画面左上に「右」ボタンが表示されるようになりました 「右」をタップ → ツールをタップで右クリックと同じ動作になります 変な UI ですがこれが昔風でいいのではないかと...
- safari でリロードした時に画像が保存されないバグを修正
- iPad pro でペンを使った時にボタンが押せないバグを修正
- 既に NEO が組み込まれている掲示板をアプリ版の NEO で開いた時は二重起動の警告を表示するようにしました
- モバイルでスライダを動かすと全体がスクロールしてしまうバグを修正
- 日本語以外の環境ではメッセージを英語で表示するように修正
- Safari(iOS、MacOS)でキャンバスの右端や下端の描画がおかしくなるバグを修正。
- Android の Chrome で描けなくなっていたのを修正。
- 著作権表示のしぃちゃんの名前が「しいちゃん」になってたのを修正。
どうも ver0.3 の頃からずっと間違ってたようです。すみません。
- ページを離れるときに警告のポップアップを出す機能は問題が多いので
デフォルトではオフにしました削除しました
- 塗り潰しのバグ修正できたかも？
- ブラシサイズを変更するとトーンの柄がずれるバグを修正
- クレジット表記のボタンを押した時の挙動を新窓表示に変更
ページを離れるときに警告のポップアップを出すように修正(ちょっとうるさいですが)- RGB スライダを動かすとカレントパレットの色も変わるように修正
- WonderCatStudio の動的パレットで getColors の値がおかしかった問題を修正
- 掲示板開発者用の paintBBSCallback がちゃんと実装されていなかったので実装
- スポイトツールのバグ修正
/samplebbs/README.md修正。- スポイトツールの動作変更
- ベジェツールを微妙に調整
- Chrome でペンを認識しなくなることがあるので PointerEvents を使うように修正
- キャンバスの端でぼかしブラシを使うと白が混じるのを修正
- ズーム時にブラシを画面外に出すと画面が点滅する不具合を修正
- カーソルのゴミが画面端に残ってしまうことがあるのを修正
- Edge と IE ではまだバグが残っていることがわかったので、警告表示を復活しました
※Edge40 以上（userAgent 文字列では Edge/15 と表示されます）でバグが治ったのが確認されています
- Chrome58 以降でふたばの画像掲示板に投稿すると失敗する問題を修正できたような気がします
- Chrome58 以降でふたばの画像掲示板に投稿すると失敗するようになったので警告表示を追加しました
- サムネール投稿のバグ修正
- アプレットの高さが足りないときレイアウトが崩れるのを修正しました
- ベジェツールの修正。オリジナルの PaintBBS に近い、ちょっと太い線にしました
- 画面をズームした時にペン先がずれる問題を修正
- ベジェツールのハンドルの表示を修正
-
ブラウザが IE と Edge の場合ふたばへの投稿に失敗するので、
これらのブラウザで起動すると警告を表示するようにしました。 -
テキスト入力ツールの不具合修正
-
保管ペンのバグ修正
-
カラースライダの上で shift+クリックして値を 1 ずつ上下できるように修正
-
その他細かいバグ修正
-
バグ修正
だいたい終了です
加算逆加算は結局できませんでした
そのうち誰かが直してくれると期待して撤退……
Edge 対応IE 対応- バグ修正
-
ベジェ曲線
-
角取り・ぼかし
-
加算・逆加算テスト
-
リロードした時にキャンバスが保存されるように修正
-
Chrome でドラッグ中のカーソルがおかしくなる問題を修正
残り時間でバグをできるだけ取ります
- 覆い焼き・焼き込み
- テキスト入力テスト
- サンプル掲示板設置
-
水彩と鉛筆はどうやっても似ないのでひとまずこれで
-
トーン
-
直線
-
傾け
-
四角とか楕円とか
しんどい
- スクロールバーをちゃんと表示するように修正
- キーボードショートカットを一部実装
- コピーツールのテスト
- 保管ペンのテスト
だいぶ飽きてきましたが
年末までには何とか ver1.0 にしたいと思います
-
ブラウザ化テスト
-
画像の解像度を選んで描きはじめられるようになりました
お絵かき本体はあんまり進んでないです
-
消し四角・レイヤー結合・上下反転・左右反転
-
マウスポインタが指の形になっていたのを修正
-
消しペンにもマスクがかかるように修正
-
ウィンドウビュー
-
マスク・逆マスク
-
ボタンとかスライダとか実装
-
カーソルをちゃんと xor で表示するように修正
- 鉛筆・消しペン・塗り潰し
- 透明度
- 拡大した画像をスクロールできなかったのを修正
- マスクのテスト
- 外部のブラウザに飛ばずに送信画面を自分で開いてみるテスト
いろいろ中途半端なのでこのバージョンは見送ったほうがいいです
とりあえず画像を既存の掲示板に送信するところだけ作って検証
- しぃペインターとか Poo とかは作りません