Realtime HTML5 Canvas Drawing with WebSockets, Node.JS & Socket.io
[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ページを開く
