node.js+Canvasを使ってみんなでお絵描き·Paintogether MOONGIFT
Paintogetherはnode.js+socket.ioによるお絵描きチャットアプリケーションです。 Paintogetherはみんなでお絵描きチャットできるWebアプリケーションです。Canvasタグを使って描画して、データの同期にはnode.jsのsocket.ioを使っています。 ここで絵を描きます。 例えばこんな感じです。なお筆者環境ではなぜか同期処理が失敗しました… socket.ioを使ったサンプルとしてはテキストメッセージ系が多いのですが、座標データさえ送れればこうしたチャットもできるという好例ではないでしょうか。 PaintogetherはJavaScript/node.js製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）になります。 MOONGIFTはこう見る 従来、この手のサービスを提供しようと思った場合、Flashを使って行うのが
[node] socket.IOとHTML5 Canvasを用いた手書きチャットアプリを作ってみた - YoheiM .NET
node.jsとsocket.IOとHTML5のCanvasを用いて、 手書きチャットアプリを作ってみました。 socket.ioを用いるとリアルタイムWebが実現でき、Canvasのお絵描き機能と合わせることで、 Canvasでの描画を自分のブラウザと他人のブラウザとで、 同じ内容をリアルタイムで描画出来るサンプルアプリです。 今日は、その機能と実装内容を紹介したいと思います。 手書きチャットアプリの機能 手書きチャットアプリでは、自分のブラウザ上のCanvasに手書きで文字を描くと、 リアルタイムに接続している他のユーザーの画面にも描画されるという動きをします。 YouTubeに動画を載せてみました。動画上では、同一PC上での動きですが、それぞれのブラウザは 独立して動いている状態で、ローカルマシンにnode.jsのサーバーがある環境となります。 表示されない場合にはこちらから→htt
![[node] socket.IOとHTML5 Canvasを用いた手書きチャットアプリを作ってみた - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/acd9c6cd65ab5805c1ad87838f6c6b022b5d749d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F061.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
