お絵かきチャット echatki を作りました

GW開発会にて作ったものを公開します。
お絵かきチャットです。echatki と名付けてみました。

画面

絵が描けるチャットは幾つかあるみたいですが、
一つの広大なスペースにみんなで絵を描くようなもので、かつJavaアプレットを入れなくてはいけないようなものが結構多く見受けられました。
echatkiには次のような特徴があります。

  • 絵を描く欄は各人分かれているので邪魔されません。
  • テキストも打てます。
  • JavaやFlash不要です。
  • http (ポート80) しか使っていないので、色んな環境で動くでしょう。
  • IE7/6, Safari, Firefox辺りで動きます。
  • lingrと<canvas/>を使っています。

さっそく使ってみる!

下の方の、入力欄、とあるところのピンクのスペースに何か描くと、チャット相手にも送られます。

そもそも、lingrのAPIが非常に簡単なことを知って、これに絵も通したいなと思っていたのですが、
technohippyさんが、canvasを使ってお絵かきするアプリを公開されていたので、
technohippyさんに許可を求めて、組み合わせさせてもらいました。
そんなわけで、中身はhtmlとjavascriptだけで、サーバーコードは1行もありません。

lingrはComet通信用に使わせてもらっている形で、送りたいデータをJSONに変換して投げています。
なので、lingrの人に怒られてしまうかもしれませんが、インフォテリアには知り合いの人もいるので大丈夫じゃないかと言うことにしておきます (意味不明)。

ちょっとまだ不安定なところやわかりづらいところもありますが、直ったら使えそうなら一言もらえたら嬉しいです。
これ使ってクイズ番組の回答者席みたいなものを用意したいななんてことを考えています。

echatki

Trackback URL for this post:

http://nonn-et-twk.net/twk/trackback/184
0