#'''Create yourself a namespace on
[https://shiftr.io/ shiftr.io] '''

#'''Download MQQT library from
[[hyperdramatik.net/mediawiki/index.php?title=MQTT_in_Unity]]'''

#'''Create a Unity Project (2019 version)'''

#* go to ASSETS --> Import Custom Pages --> Import the Mqtt Package you just downloaded to your Unity project

[[File:Wiki1.png|thumb|caption]]
#* Go to Project Window --> Assets --> MQTT --> Scripts --> Test → delete TestScript. Create a new Script with the following Code (name it mqttShiftrIO):

----
<source lang="javascript" line start="2" highlight="4-6">

using UnityEngine;
using System;
using System.Net;
using System.Collections;
using System.Collections.Generic;
using uPLibrary.Networking.M2Mqtt;
using uPLibrary.Networking.M2Mqtt.Messages;
using uPLibrary.Networking.M2Mqtt.Utility;
using uPLibrary.Networking.M2Mqtt.Exceptions;

public class mqttShiftIO : Mirror.NetworkBehaviour

{
private MqttClient client;

// Use this for random Client_ID
//const string glyphs = "abcdefghijklmnopqrstuvwxyz0123456789";
//int charAmount;

public string Shiftrio_ClientID = "MyNameOnShiftIoIwant";
public string Shiftrio_Key = "key findest du im token";
public string Shiftrio_Secret = "langeNummer findest du unter secret im token";

public string msg = "";

public List<string> topics_sub = new List<string>();

void Start () {
// create client instance

client = new MqttClient(IPAddress.Parse("34.76.6.166"), 1883 , false , null ); ////////"34.76.6.166" ---> IP from boker.shiftr.io

// register to message received ---> EventSystem
client.MqttMsgPublishReceived += client_MqttMsgPublishReceived;

/////////////////////////////////////////////////////////Randomize Client ID ///////////////////////////////
//charAmount = UnityEngine.Random.Range(3, 8);
//for (int i = 0; i < charAmount; i++)
//{
// Shiftrio_ClientID += glyphs[UnityEngine.Random.Range(0, glyphs.Length)];
//}

client.Connect(Shiftrio_ClientID, Shiftrio_Key, Shiftrio_Secret);

// subscribe to the topics in the list with QoS 2
foreach (String topic in topics_sub) {
client.Subscribe(new string[] { topic }, new byte[] { MqttMsgBase.QOS_LEVEL_EXACTLY_ONCE });
}

}

void client_MqttMsgPublishReceived(object sender, MqttMsgPublishEventArgs e)
{
string topic = e.Topic;
msg = System.Text.Encoding.UTF8.GetString(e.Message);
Debug.Log("Received: " + topic +" --> "+ msg);
debug.text = msg;

}

void OnGUI()//creates Button to Press
{
if (GUI.Button(new Rect(20, 40, 80, 20), "Send"))
{
Debug.Log("sending...");
client.Publish("hello/world", System.Text.Encoding.UTF8.GetBytes("Sending from Unity3D!!!"), MqttMsgBase.QOS_LEVEL_EXACTLY_ONCE, true);
Debug.Log("sent");
}
}
}

</source>

----

Create an empty game object and put the mqttShiftrIO script on it

go to the name space of Shiftr.io →
click on Token

→ Check your Key(Username)
Secret(Passwort) and transfer to Unity editor

you can change the message that is shown in the inspector in the mqttShiftrIO

Topic subscribe → you can change the number of topics you subscribe to

delay (100) --> the amount of data that is send to shiftr.io is still in it's converting rate

NetworkedArt

2020-05-07T08:22:25Z

Jnkummer:

<h1>Networked Theater, Performance, Art, Culture...</h1>

=ARTICLES=

==The Network, The Internet and the Arts==
Very nice chapter in the [https://processing.org/tutorials/network/ "Processing Book"] that introduces historically, there have been two basic strands of networked art:
*art of the Internet: art where the network is used as the actual medium of art–making.
*art for the Internet: art where the network is used as the transportation medium for dissemination of the work.

"artists and designers began making online work that not only was “in and of” the Internet, but leveraged the net as a tool for quick and easy dissemination of executable code, both browser-based and otherwise."

"As Marina Grzinic writes, the “delays in transmission–time, busy signals from service providers, [and] crashing web browsers” contributed greatly to the way artists envisioned the aesthetic potential of the web,..."

=Theater=

==interrobang==

==sophiensäle==

==no 99 in tallinn/ rise and fall of estonai 2011==

==Mediengruppe Bitnik mit der Oper (über Telefon)==

=Performance Art=

=(Media) Art=

===The Robot in the Garden===
Marina Grzinic, “Exposure Time, the Aura, and Telerobotics,” in The Robot in the Garden: Telerobotics and Telepistemology in the Age of the Internet, edited by Ken Goldberg (MIT Press, 2000), p. 215.
http://atc.berkeley.edu/201/readings/Robot_In_The_Garden_Intro.pdf

===The Stellvertreter shoes===
convey the feeling to be close to a person who is somewhere else by transferring the activities of the distant person’s shoes into the shoes of others.
>> https://blog.shiftr.io/showcase-1-2a4ef797cefc

===Dialog===
The project “dia.log” explores the term by setting a dialog between the user and the thing; by understanding various contexts through their sitting behaviors. These objects are given the potential to be smart, but also have a chance to fail.
>> https://blog.shiftr.io/showcase-2-5bba0cccbddd

===Rambler Shoes===
* https://www.onascimento.com/new-page-4
* https://twitter.com/ramblershoes?lang=en

===Tangible Media Group===
https://tangible.media.mit.edu/projects/

===inTouch===
https://tangible.media.mit.edu/project/intouch/

==(Media) ARTISTS==

===Bertolt Brecht===
on the early revolutionary potential of radio networks

===John Maeda===
created a number of sketches and games dating from the mid–1990s, including a series of interactive calendars using visual motifs borrowed from both nature and mathematics.

===Joshua Davis===
emerged as an important figure through his online works Praystation and Once–Upon–A–Forest.

===Hans Magnus Enzensberger===
1974 essay on new media, “Constituents for a Theory of the Media”

===Niklas's Roy===
ARS/Africa connected project<br>
>> https://www.niklasroy.com/#menuTop

===Metahaven===
critical research and designstudio based in amsterdam

==(Media) Philosophers==

===Deleuze and Guattari===
emblematic literary concept of the “rhizome”

===McLuhan===

===slavoy zizek?===

===Geert Lovink===
what else—the possibilities of networking, generative code, and open software projects

=Net Art=

===Cosic===
===Shulgin===
===Olia Lialina===
===Heath Bunting===

===Lisa Jevbratt’s work 1:1===
every IP address might be represented by a single pixel. Her work scans the IP address namespace, number by number, pinging each address to determine whether a machine is online at that location. The results are visualized as pixels in a gigantic bitmap that, quite literally, represents the entire Internet (or at least all those machines with fixed IP addresses).

===Mark Napier’s two works Shredder and Digital Landfill ===
rely on a seemingly endless influx of online data, rearranging and overlaying source material in ways unintended by the original creators.

===Carnivore and Minitasking===
Works like Carnivore and Minitasking approach the network itself as a data source, the former tapping into real-time web traffic, and the latter tapping into real–time traffic on the Gnutella peer–to–peer network.

===>I/O/D 4 (known as “The Webstalker”)===
Jodi’s Wrongbrowser series of alternative web browsers
also illustrate this approach, that the network itself is the art.
All of these works automate the process of grabbing data from the Internet and manipulating it in some way.

===Jodi===
http://wwwwwwwww.jodi.org

Drawing bodies

2020-05-06T07:54:25Z

Jnkummer: Die Seite wurde neu angelegt: „Datei:Drawing bodies.PNG //////////////////////////////////////////////////////////////////// // S&&O SS2020 // course: *From Space to Space* ////////////…“

[[Datei:Drawing bodies.PNG]]

////////////////////////////////////////////////////////////////////
// S&&O SS2020 // course: *From Space to Space*
////////////////////////////////////////////////////////////////////
// this sketch sends your mouse x,y coordinates to a shiftr namespace
// and receives other mouse x,y coordinates from the same namespace
// code based on example by Joël Gähwiler
// https://github.com/256dpi/processing-mqtt
////////////////////////////////////////////////////////////////////

import mqtt.*; // import MQTT library
MQTTClient client; // create instance of MQTTClient

////////////////////////////////////////////////////////////////////
///////////////////// DECLARE GLOBAL VARIABLES /////////////////////
////////////////////////////////////////////////////////////////////
// !!! CHANGE p1 and p2 depending on which player you are !!! //
String mePlayer = "/janne_multiplayer/orange/p2";
String otherPlayer = "/janne_multiplayer/orange/p1";
////////////////////////////////////////////////////////////////////

int otherMouseX = 0; //for incoming values from other player's mouse xy
int otherMouseY = 0;
int otherPreviousMouseX = 0; //to keep track of last mouse position for drawing line
int otherPreviousMouseY = 0;

long timeStamp; //to keep track of time
int delayTime = 500/35; //for use to publish messages only every 35 milliseconds!

int mouseClick = 0; //used to toggle between background fade and no-fade
PImage layout;
PImage drawer;
PImage drawer2;
boolean showImage = false;

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

void setup() {
client = new MQTTClient(this);
client.connect("mqtt://jannenora:Monkey47@broker.shiftr.io", "works");
size(800, 550);
layout = loadImage("drops2.jpeg");
drawer = loadImage("jannesmall_character.png");
drawer2 = loadImage("waldgeister.png");
}

////////////////////////////////////////////////////////////////////
// RECEIVE //
////////////////////////////////////////////////////////////////////

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

void messageReceived(String topic, byte[] payload) {

if (topic.equals(otherPlayer + "/xy") == true) {
// the incoming MQTT "message" is a String: "xValue,yValue"
// to unpack it we use the "split" function:
String incomingCoordinates = new String(payload);
String[] xy = split(incomingCoordinates, ',');
println("new message: " + topic + " x: " + xy[0] + " y: " +xy[1]);
otherMouseX = int(xy[0]);
otherMouseY = int(xy[1]);
}
}

////////////////////////////////////////////////////////////////////
// SEND & DRAW my line //
////////////////////////////////////////////////////////////////////

//!only DRAW my line and publish my coordinates when my mouse moves:
void mouseMoved() {
image(drawer, pmouseX, pmouseY, mouseX, mouseY);
/*stroke(19, 120, 200); //set line colour R,G,B
strokeWeight(10); //line thickness
fill (356);
ellipse (pmouseX, pmouseY, mouseX, mouseY);*/

//the MQTT connection will close if you send more than 25 operations per second!
//so we implement a delay to SEND my coordinates only every xxx milliseconds:
if (millis() - timeStamp > delayTime) {
timeStamp = millis();
client.publish(mePlayer + "/xy", mouseX + "," + mouseY); // ("topic", "message")
}
}

////////////////////////////////////////////////////////////////////
// DRAW other line //
////////////////////////////////////////////////////////////////////

void draw() {
if (mouseClick % 2 == 0) {
tint(255, 100); //tint=tönen. gives the image transparency to slowly fade over line
image(layout, 0, 0);
}
image(drawer2, pmouseX, pmouseY, mouseX, mouseY);

/*stroke(10, 160, 230); //set line colour R,G,B
strokeWeight(10); //line thickness
line(otherPreviousMouseX, otherPreviousMouseY, otherMouseX, otherMouseY); */
otherPreviousMouseX = otherMouseX;
otherPreviousMouseY = otherMouseY; //click mouse to turn on/off fade effect:
}

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

void mouseClicked() {
mouseClick++;
println(mouseClick);
if (mouseClick % 2 != 0) {
image(layout, 0, 0);
}
}

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

void connectionLost() {
println("connection lost");
}

From Space to Space

2020-05-06T07:53:26Z

Jnkummer:

From Space to Space

2020-05-06T07:51:29Z

Jnkummer: /* OUR SKETCHES */

Zeitraum: 5. - 7.05. und 12. - 14.05. jeweils 11:00 - 13:00 und 14:00 bis 16:00 Uhr

Inhalt: Wie können wir aus dem technisch vernetzten Raum in den öffentlichen physikalischen Raum handeln? Welche Verschränkungen ergeben sich, und was ist heute eigentlich noch öffentlicher Raum? Anhand von Verbindungen zwischen dem Privaten häuslichen Raum, dem virtuellen geteilten Raum und dem Ladenlokal in der Zinnowitzer Strasse 7 wollen wir verschiedene Möglichkeiten des Miteinander und für Andere Performens einerseits technisch abbilden, andererseits spielerisch ausprobieren.

Die im ersten Workshop implementierten Schnittstellen zu Arduino werden hier durch komplexere Aktuatoren und Sensoren erweitert und weitere Formen der Kommunikation zwischen den Dingen, unserer Wahrnehmung und unserem Körper werden ausprobiert.

Wir streben eine direkte Kontrolle unterschiedlichster Auswirkungen in das Ladenlokal hinein und aus dem Ladenlokal hinaus an.

Im Rahmen des Workshops wird es konzeptionelle und technische Aufgaben geben, die ausserhalb der Workshopzeit bearbeitet werden sollen.

see also: [[http://hyperdramatik.net/mediawiki/index.php?title=Vernetzte_R%C3%A4ume VERNETZTE RÄUME]]

https://live.staticflickr.com/65535/49809367048_eccc936c8f_z.jpg

=DAY_1: PLAYING TOGETHER=

==PROCESSING--><--MQTT--><--PROCESSING==

===Shiftr.io===
https://docs.shiftr.io/interfaces/mqtt/
https://shiftr.io/

==CHALLENGE: write a 2+ player processing sketch==
NACHMITTAGS PLAN:

1) alle erstellen shiftr.io account und einen Namespace (think about a name for your namespace.....:-)
((( maybe something like: hannahSPACE, friedrichSPACE..... )))

2) challenge: work by yourself to write a sketch that involves 2 (or more?) players

3) playtest your sketch with others
document on wiki (description/anleitung, screenshot, code)

4) go out and enjoy the sun

((( hannah bleibt bis 16:00 online um fragen zu beantworten und kann auch mit helfen spiele testen )))

===OUR SKETCHES===
*[[typing together]] (by hannah)
*[[squares together]] (by leoni fom hannah)
*[[particles together]] (by tomás)
*[[strange connections]] (by anna vera)
*[[connected mouse]] (by anna vera)
[[Datei:Drawing bodies.PNG]] (by janne nora)

=DAY_2: GETTING PHYSICAL=

((( translating: WORLD —> COMPUTER )))

*arduino recap
*reading analog sensors (voltage divider, ADC, internal pull-up)

—> challenge: make your own textile sensor(s)
((( send your sensor data to the network! )))

LUNCH

*breathe together
*discuss ideas

—> choose a challenge:
make more sensors
connect more sensors
draw with sensor data

—> document what your sensors + code in a wiki post:
http://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space

* = video call
—> = offline working (with chat for questions)

==TEXTILE SENSORS==

BREATHING BELT (knit stretch sensor)
Very simple solution for capturing the movement of the chest or stomach breathing using a stretch sensor knit from a stainless-steel & polyester yarn “sensor yarn”.
https://www.kobakant.at/DIY/?p=8171

NEOPRENE BEND SENSOR (also a pressure sensor)
This bend sensor actually reacts (decreases in resistance) to pressure, not specifically to bend. But because it is sandwiched between two layers of neoprene (rather sturdy fabric), pressure is exerted while bending, thus allowing one to measure bend (angle) via pressure.
https://www.kobakant.at/DIY/?p=20

PAPER MULTI-TOUCHPAD
Build our own muti-touch pressure-sensitive touchpads from paper, copper tape and velostat – a carbon impregnated plastic film with piezoresistive properties.

pressure matrix code + circuit:
https://www.kobakant.at/DIY/?p=7943

photos:
https://www.flickr.com/photos/plusea/albums/72157708415692535

===OUR SENSORS + CODE===
*[[]] (by xxx)

Datei:Drawing bodies.PNG

2020-05-06T07:45:02Z

Jnkummer: //////////////////////////////////////////////////////////////////// // S&&O SS2020 // course: *From Space to Space* //////////////////////////////////////////////////////////////////// // this sketch sends your mouse x,y coordinates to a shiftr namesp…

////////////////////////////////////////////////////////////////////
// S&&O SS2020 // course: *From Space to Space*
////////////////////////////////////////////////////////////////////
// this sketch sends your mouse x,y coordinates to a shiftr namespace
// and receives other mouse x,y coordinates from the same namespace
// code based on example by Joël Gähwiler
// https://github.com/256dpi/processing-mqtt
////////////////////////////////////////////////////////////////////

import mqtt.*; // import MQTT library
MQTTClient client; // create instance of MQTTClient

////////////////////////////////////////////////////////////////////
///////////////////// DECLARE GLOBAL VARIABLES /////////////////////
////////////////////////////////////////////////////////////////////
// !!! CHANGE p1 and p2 depending on which player you are !!! //
String mePlayer = "/janne_multiplayer/orange/p2";
String otherPlayer = "/janne_multiplayer/orange/p1";
////////////////////////////////////////////////////////////////////

int otherMouseX = 0; //for incoming values from other player's mouse xy
int otherMouseY = 0;
int otherPreviousMouseX = 0; //to keep track of last mouse position for drawing line
int otherPreviousMouseY = 0;

long timeStamp; //to keep track of time
int delayTime = 500/35; //for use to publish messages only every 35 milliseconds!

int mouseClick = 0; //used to toggle between background fade and no-fade
PImage layout;
PImage drawer;
PImage drawer2;
boolean showImage = false;

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

void setup() {
client = new MQTTClient(this);
client.connect("mqtt://jannenora:Monkey47@broker.shiftr.io", "works");
size(800, 550);
layout = loadImage("drops2.jpeg");
drawer = loadImage("jannesmall_character.png");
drawer2 = loadImage("waldgeister.png");
}

////////////////////////////////////////////////////////////////////
// RECEIVE //
////////////////////////////////////////////////////////////////////

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

void messageReceived(String topic, byte[] payload) {

if (topic.equals(otherPlayer + "/xy") == true) {
// the incoming MQTT "message" is a String: "xValue,yValue"
// to unpack it we use the "split" function:
String incomingCoordinates = new String(payload);
String[] xy = split(incomingCoordinates, ',');
println("new message: " + topic + " x: " + xy[0] + " y: " +xy[1]);
otherMouseX = int(xy[0]);
otherMouseY = int(xy[1]);
}
}

////////////////////////////////////////////////////////////////////
// SEND & DRAW my line //
////////////////////////////////////////////////////////////////////

//!only DRAW my line and publish my coordinates when my mouse moves:
void mouseMoved() {
image(drawer, pmouseX, pmouseY, mouseX, mouseY);
/*stroke(19, 120, 200); //set line colour R,G,B
strokeWeight(10); //line thickness
fill (356);
ellipse (pmouseX, pmouseY, mouseX, mouseY);*/

//the MQTT connection will close if you send more than 25 operations per second!
//so we implement a delay to SEND my coordinates only every xxx milliseconds:
if (millis() - timeStamp > delayTime) {
timeStamp = millis();
client.publish(mePlayer + "/xy", mouseX + "," + mouseY); // ("topic", "message")
}
}

////////////////////////////////////////////////////////////////////
// DRAW other line //
////////////////////////////////////////////////////////////////////

void draw() {
if (mouseClick % 2 == 0) {
tint(255, 100); //tint=tönen. gives the image transparency to slowly fade over line
image(layout, 0, 0);
}
image(drawer2, pmouseX, pmouseY, mouseX, mouseY);

/*stroke(10, 160, 230); //set line colour R,G,B
strokeWeight(10); //line thickness
line(otherPreviousMouseX, otherPreviousMouseY, otherMouseX, otherMouseY); */
otherPreviousMouseX = otherMouseX;
otherPreviousMouseY = otherMouseY; //click mouse to turn on/off fade effect:
}

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

void mouseClicked() {
mouseClick++;
println(mouseClick);
if (mouseClick % 2 != 0) {
image(layout, 0, 0);
}
}

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

void connectionLost() {
println("connection lost");
}

Verbindung Arduino / Unity - Research Diary

2020-04-16T15:38:10Z

Jnkummer: /* Next I am going to have a look at this tutorial */

Work in Process - I am nut sure how this works myself jet, but I am documenting the process.

I am working with ARDUINO UNO
and UNITY 2018.4.8f

== No Assets (haven't got it to work yet): ==
[https://www.youtube.com/watch?v=of_oLAvWfSI]
--> the setup in Arduino works perfectly fine, but I have trouble to implement the port (it's '''minute 10:06''' in the tutorial).
I could not implement the name space SerialPort, because I can't find the "resolve" option if I right click. So I can't assign it to the new library.

trouble shoot:
*Unity versions differ to much 2012/2018)?

--> trying to find a different way to implement the SerialCommunication

== Using Ardity Custom Package (free)==

[http://www.codetocreate.com/2020/02/06/how-to-integrate-arduino-with-unity-hardware-work-with-software/]

you can download the package on github
[https://github.com/dwilches/Ardity]

== Next I am going to have a look at this tutorial: ==

[[[https://www.alanzucconi.com/2015/10/07/how-to-integrate-arduino-with-unity/#step0]]]