2018 ソフトウェア設計及び演習用の班Wiki

18::gr08::canvas

ひとりでお絵かき

キャンバス内をクリックしてる(mousedownしてる)間はtrueを渡し、描画する
クリックを離したら(mouseupしてる)falseを渡し、描画をやめる
RGBで任意の色選択できる。1〜30までのペンのサイズを変更できる。
delete_canvas()でアラートを出し、OKを押すとキャンバスの中身が0になり全部消去する
ボタンを押すとペンと消しゴムを入れ替えできる。

スクショ

can.png

追記

先にみんなでお絵かきの方を作っていたがRGBで色選択本当はこれで通信したかったが時間が間に合わなかったため供養として一人用にした。

みんなでお絵かき

drow:canvas内のどこの座標とどの座標で線を引くか
color:色の関数
lineWidth:太さの関数
クリックし続けた座標と色、太さをサーバーに送り、全員にサーバーからクライアントへ送信している。
getPos (event):線の始まりの座標
function getPosT (event):終わりの座標

スクショ

ca2.png

追記

途中入室の人に先に書いている絵を反映させることをやりたかったが上記と同じ理由で実装までは行かなかった。


最終更新日:2018/08/08 12:26:08