お絵描きしぃ掲示板 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
調子が良ければ他のお絵かき板にも導入します
Chrome/FireFox/Safari/Edge（最近のバージョンのみ）
iOS(Mobile Safari)
IEはサポート対象外です
Androidでもだいたい動くのですが、サポート対象外とします
Windowsで線がうまく引けない場合は、以下をお試しください
- Chromeを使う
- Wacomのタブレットを使用している場合は「デジタルインクを使用する」をオフにする
Firefox(59以降？)はタブレット関係のバグがあるらしく、線が乱れることがあるようです。
マルチプロセスを切ると症状が解消されるかもしれません。（about:configでbrowser.tabs.remote.autostartをFalse）
動作確認にご利用ください。
v1.5で動画記録をサポートしました。 Java版の動画データ（.pch）が解析不能なため、動画データの互換性はありません。
現在稼働中のお絵かき掲示板なら、とりあえず2行追加するだけでNEOを組み込むことができます。
/samplebbsの下のREADME.md に詳細を書きました。
不明な点があればサンプル掲示板で聞いてください
動作確認は、サンプル掲示板 (/samplebbs) をそのままPHPが動くレンタルサーバーにコピーするのが簡単です。
- サンプル掲示板 をPHPが動くレンタルサーバーにコピーする
レンタルサーバーのターミナルが使える人はこんな感じで……
> cd www
> curl -LO https://github.com/funige/neo/raw/master/samplebbs.zip
> unzip samplebbs.zip
- その中にあるpotiboard.phpをブラウザで開くと、掲示板が初期化されます。
サンプル掲示板はサ骨さんが開発したPOTI-board改をカスタマイズしたものです。
ちょっと古くなってることもありますので、実際に運用する場合は、サ骨さんのページから
最新版のPOTI改を入手してください。
サ骨さんのページでは他にも数種類のテンプレートが公開されています。
POTI-board改 https://sakots.red/poti/
さとぴあさんの記事も参考になるかと思います
POTI-board用テンプレート PINK を配布します。 http://stp.sblo.jp/article/182310034.html
Mac/Win用アプリはNEO開発の過程で使われたものです。
バイナリは重いので削除しました。
必要な方はソースコードからビルドしてください。
> npm install
> npm run app
-
lineを使った動画の再生でなぜか無限ループに入ることがあったので対処
-
ツールの位置の左右入れ替えができるようになりました。JavaScriptコンソールで
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で表示するように修正
- 鉛筆・消しペン・塗り潰し
- 透明度
- 拡大した画像をスクロールできなかったのを修正
- マスクのテスト
- 外部のブラウザに飛ばずに送信画面を自分で開いてみるテスト
いろいろ中途半端なのでこのバージョンは見送ったほうがいいです
とりあえず画像を既存の掲示板に送信するところだけ作って検証
質問・要望等は直接こちらへ
https://github.com/funige/neo/issues
- しぃペインターとかPooとかは作りません