Socket.io Test

9

0

6

CC Attribution ShareAlike

Socket.io Test

by

Wednesday, 12/20/2017

Anyone

Anyone

Anyone

CreativeCommons Attribution ShareAlike

No Thumbnail
Click to create

Title

Description

How to
interact with it

e.g., mouse, keyboard

Tags

e.g., visualization, fractal, mouse

License

Learn more about Creative Commons

Draft

Add to My Templates

Who can see your sketch?

Anyone Only Me

Join Plus+ to change privacy settings

Who can see the code?

Anyone Only Me

Who can comment?

Anyone Only Me

mySketch

xxxxxxxxxx
 
var socket=io.connect(":30000?sketch=491237");
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  background(100);
  socket.on("mouse",function(data){
    fill(255);
    ellipse(data.x,data.y,20,20);
  });
}
​
function draw(){
}
​
function mousePressed(){
  var data={
    x:mouseX,
    y:mouseY
  };
  socket.emit("mouse",data);
}
​

Sketch
Files
Editor

Mode

P5js HTML/CSS/JS Pjs

Select mode or a template

Tutorial Mode

Write step-by-step tutorials. Learn more

Showcase Sketch

Centers sketch and matches the background color.

Loop Protection

Libraries - Show All

Tone.js
p5.sound
OP Timeline
OP Configurator 3000
Quicksettings
dat.GUI
p5.dom
Shader Park
Three.js
p5.3D
p5.easycam
LittleJS
Matterjs
p5play
p5.collide2d
p5.utils
p5.pattern
p5.pathRecorder
SimpleJS
p5.func
OpenCV
ML5js
p5.speech
Rita.js
Handsfreejs
OP Sidekick
p5.bots
p5.serial
Leap Motion Controller
SocketIO
- v4.7.5
- v4.7.4
- v4.7.3
- v4.7.2
- v4.7.1
- v4.7.0
- v4.6.2
- v4.6.1
- v4.6.0
- v4.5.4
- v4.5.3
- v4.5.2
- v4.5.1
- v4.5.0
- v4.4.1
- v4.4.0
- v4.3.2
- v4.3.1
- v4.3.0
- v4.2.0
- v4.1.2
- v4.1.1
- v4.1.0
- v4.0.2
- v4.0.1
- v4.0.0
- v3.1.2
- v3.1.1
- v3.1.0
- v3.0.5
- v3.0.4
- v3.0.3
- v3.0.2
- v3.0.1
- v3.0.0
- v3.0.0-rc4
- v3.0.0-rc3
- v3.0.0-rc2
- v3.0.0-rc1
- v2.3.0
- v2.2.0
- v2.1.1
- v2.1.0
- v2.0.4
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.0
- v1.7.3
- v1.4.5
SocketIO allows you to connect to a socket connection to make multiple sketches speak in realtime. To use OpenProcessing Echo Socket Server, you can use the code below:
var socket = io.connect($OP.getEchoServerURL(491237));Learn more See an example
p5.plot
p5.geolocation

Text Size

Layout

This will be the default layout for your sketches

Dark Mode

Easy on the eyes

Console

It will show up when there is an error or print() in code

Linting

Potential warnings will be displayed as you type

Close Brackets

Closes parenthesis-like characters automatically as you type

Shortcuts

Controls

Play

Ctrl+Enter

Code

Ctrl+Shift+Enter

Save

Ctrl+S

Interface

Fullscreen

Ctrl+Alt+F

Switch Layout

Ctrl+Alt+L

Settings

Ctrl+Alt+.

Editor

Tidy Code

Ctrl+B

Multiple Cursors

Ctrl+Click

Duplicate Line/Selection

Ctrl+Shift+D

Move Line

Alt+↑/↓

Select Multiple

Ctrl+D

Find in Code

Ctrl+F

Find Next

Ctrl+G

Find Previous

Ctrl+Shift+G

See More Shortcuts

Join Plus+ for private sketches, version history, 1GB space, custom embeds, and more!

Displaying comments on line 1 Show All

Please verify your email to comment

Join to Comment

Sign in to download

Embed

<iframe src="https://openprocessing.org/sketch/491237/embed/" width="400" height="400"></iframe>

Attribute

“Socket.io Test” by mayoneko
https://openprocessing.org/sketch/491237
License CreativeCommons Attribution ShareAlike
https://creativecommons.org/licenses/by-sa/3.0

Report Sketch

Any questions? Reach out via email.

File URL

{{filePath}}

Dimensions

{{width}} x {{height}}

Report Sketch

Oh, that naughty sketch! Please let us know what the issue is below.

Apply Template

Applying this template will reset your sketch and remove all your changes. Are you sure you would like to continue?

Report Sketch

Please choose the appropriate issue with this sketch. We will review your submission and take any actions necessary per our Community Guidelines. In addition to reporting, you can also block the user to prevent any future interactions.

Spam, Phishing, or Malicious Content

Inappropriate Content (offensive or abusive language, hate, discrimation, etc.)

For copyright infringements, please fill out this form instead.

Report sketches only when necessary. Unnecessary or abusive use of this tool may result in your own account being suspended.

Report Comment

Please confirm that you would like to report the comment below.

We will review your submission and take any actions necessary per our Community Guidelines. In addition to reporting this comment, you can also block the user to prevent any future interactions.

Please report comments only when necessary. Unnecessary or abusive use of this tool may result in your own account being suspended.

Are you sure you want to delete your sketch?

Any files uploaded will be deleted as well.
Forks of this sketch will no longer be attributed to this sketch.

Delete Comment?

This will also delete all the replies to this comment.

Delete this tab? Any code in it will be deleted as well.

Select a collection to submit your sketch

We Need Your Support

Since 2008, OpenProcessing has provided tools for creative coders to learn, create, and share over a million open source projects in a friendly environment.

Niche websites like ours need your continued support for future development and maintenance, while keeping it an ad-free platform that respects your data and privacy!

Please consider subscribing below to show your support with a "Plus" badge on your profile and get access to many other features!

GET PLUS MEMBERSHIP