HannahPernerWilson am 5. Mai 2020 um 12:25 Uhr

2020-05-05T12:25:55Z

← Nächstältere Version		Version vom 5. Mai 2020, 12:25 Uhr
Zeile 6:		Zeile 6:


	<source lang="js" line start="2" highlight="4-6">		<source lang="java" line start="2" highlight="4-6">
	////////////////////////////////////////////////////////////////////		////////////////////////////////////////////////////////////////////
	// S&&O SS2020 // course: From Space to Space		// S&&O SS2020 // course: From Space to Space

HannahPernerWilson am 5. Mai 2020 um 12:22 Uhr

2020-05-05T12:22:51Z

← Nächstältere Version		Version vom 5. Mai 2020, 12:22 Uhr
Zeile 3:		Zeile 3:
	and you receive the other player's keys in a different colour.		and you receive the other player's keys in a different colour.

	~~<img src="~~https://live.staticflickr.com/65535/~~49857401148_0f6b53579f~~.jpg">		https://live.staticflickr.com/65535/49857401148_0f6b53579f_c.jpg

HannahPernerWilson: Die Seite wurde neu angelegt: „This sketch receives keyboard input. Each keypress is typed to the screen and sent to the other player, and you receive the other player's keys in a different…“

2020-05-05T12:22:32Z

Die Seite wurde neu angelegt: „This sketch receives keyboard input. Each keypress is typed to the screen and sent to the other player, and you receive the other player's keys in a different…“

Neue Seite

This sketch receives keyboard input.
Each keypress is typed to the screen and sent to the other player,
and you receive the other player's keys in a different colour.

<img src="https://live.staticflickr.com/65535/49857401148_0f6b53579f.jpg">

<source lang="js" line start="2" highlight="4-6">
////////////////////////////////////////////////////////////////////
// S&&O SS2020 // course: *From Space to Space*
////////////////////////////////////////////////////////////////////
// this sketch receives keyboard input.
// each keypress is typed to the screen and sent to the other player,
// and you receive the other player's keys in a different colour.
// code based on example by Joël Gähwiler
// https://github.com/256dpi/processing-mqtt
////////////////////////////////////////////////////////////////////

import mqtt.*;
MQTTClient client;

////////////////////////////////////////////////////////////////////
///////////////////// DECLARE GLOBAL VARIABLES /////////////////////
////////////////////////////////////////////////////////////////////

// !!! CHANGE p1 and p2 depending on which player you are !!! //
String mePlayer = "/typing-together/grey/p2";
String otherPlayer = "/typing-together/grey/p1";
////////////////////////////////////////////////////////////////////

PFont f;
String t;
int letterWidth = 15;
int letterHeight = 40;
int x = letterWidth;
int y = letterHeight;

////////////////////////////////////////////////////////////////////

void setup() {
client = new MQTTClient(this);
client.connect("mqtt://SpielObjekt:5p13l0j3ct@broker.shiftr.io", "processing");

size(600, 600);
background(100); //set background colour

//printArray(PFont.list()); //print out list of available fonts
f = createFont("Courier", 24);
textFont(f);
textAlign(CENTER);
}

void clientConnected() {
println("client connected");
client.subscribe(otherPlayer);
}

////////////////////////////////////////////////////////////////////
// RECEIVE & TYPE //
////////////////////////////////////////////////////////////////////
void messageReceived(String topic, byte[] payload) {
t = new String(payload);
println("new message: " + topic + " - " + t);
fill(200, 130, 130); //the other player's text will be this colour
text(t, x, y); //draw key on screen
x+=letterWidth; //increment position
}

////////////////////////////////////////////////////////////////////
// SEND & TYPE //
////////////////////////////////////////////////////////////////////

void keyPressed() {
client.publish(mePlayer, str(key)); //send key to other player
fill(100, 150, 150); //your text will be this colour
text(key, x, y); //draw key on screen
x+=letterWidth; //increment position
}

void draw() {
if (x > width-letterWidth) {
x=letterWidth;
y+=letterHeight;
}
if (y> height-letterHeight) {
y=letterHeight;
saveFrame(); //save an image of the window into sketch folder
}
}

////////////////////////////////////////////////////////////////////

void connectionLost() {
println("connection lost");
}
</source>

Typing together - Versionsgeschichte

HannahPernerWilson am 5. Mai 2020 um 12:25 Uhr

HannahPernerWilson am 5. Mai 2020 um 12:22 Uhr

HannahPernerWilson: Die Seite wurde neu angelegt: „This sketch receives keyboard input. Each keypress is typed to the screen and sent to the other player, and you receive the other player's keys in a different…“