socket

scrapboxでsocket通信を含むコードを動かすテスト

openprocessingで指示されたsocketの接続先をコードに記述する

実行するhtmlの方に<script src="//cdn.socket.io/socket.io-1.4.5.js"></script>の記述必要

code:code.js

//openprocessingのsocket接続先。sketch=xxxxxの「xxxxxx」の部分はsketchごとに固有。

function setup() {

createCanvas(windowWidth,windowHeight);

background(255);

socket.on('ellipse', newEllipse);

noStroke();

}

function draw(){

fill("#ff0000");

ellipse(mouseX, mouseY, 20, 20);

var data = { x: mouseX, y: mouseY };

socket.emit('ellipse', data);

}

function newEllipse(data) {

fill("#000000");

ellipse(data.x, data.y, 20, 20);

}

$('<p id="howto">').text('複数のブラウザを立ち上げてマウスを動かす').appendTo($('body'))