http://hyperdramatik.net/mediawiki/api.php?action=feedcontributions&user=Leoni&feedformat=atomhyperdramatik - Benutzerbeiträge [de]2024-03-28T15:12:26ZBenutzerbeiträgeMediaWiki 1.38.2http://hyperdramatik.net/mediawiki/index.php?title=MQTT_in_Arduino_2&diff=3135MQTT in Arduino 22022-05-24T15:28:23Z<p>Leoni: </p>
<hr />
<div>You can use this library with different MQTT Brokers for ESP8266 or ESP32<br />
<br />
==Install==<br />
Sketch --> Include Library --> Manage Libraries --> search:"EspMQTT"<br />
<br />
choos the "EspMQTTClient" by Patrick Lapointe<br />
<br />
== Example==<br />
<br />
<source lang="js" line start="2" highlight="4-6"><br />
<br />
/*<br />
SimpleMQTTClient.ino<br />
The purpose of this exemple is to illustrate a simple handling of MQTT and Wifi connection.<br />
Once it connects successfully to a Wifi network and a MQTT broker, it subscribe to a topic and send a message to it.<br />
It will also send a message delayed 5 seconds later.<br />
*/<br />
<br />
#include "EspMQTTClient.h"<br />
<br />
EspMQTTClient client(<br />
"wifissid", //WifiSSID<br />
"password", //WifiPassword<br />
"192.168.X.X.", // MQTT Broker server ip<br />
"MQTTusername", // MQTTUsername Can be omitted if not needed<br />
"MQTTpassword", // MQTTPassword Can be omitted if not needed<br />
"Lolin", // Client name that uniquely identify your device<br />
1883 // The MQTT port, default to 1883. this line can be omitted<br />
);<br />
<br />
void setup()<br />
{<br />
Serial.begin(115200);<br />
<br />
// Optional functionalities of EspMQTTClient<br />
client.enableDebuggingMessages(); // Enable debugging messages sent to serial output<br />
client.enableHTTPWebUpdater(); // Enable the web updater. User and password default to values of MQTTUsername and MQTTPassword. These can be overridded with enableHTTPWebUpdater("user", "password").<br />
client.enableOTA(); // Enable OTA (Over The Air) updates. Password defaults to MQTTPassword. Port is the default OTA port. Can be overridden with enableOTA("password", port).<br />
client.enableLastWillMessage("TestClient/lastwill", "I am going offline"); // You can activate the retain flag by setting the third parameter to true<br />
}<br />
<br />
// This function is called once everything is connected (Wifi and MQTT)<br />
// WARNING : YOU MUST IMPLEMENT IT IF YOU USE EspMQTTClient<br />
void onConnectionEstablished()<br />
{<br />
// Subscribe to "mytopic/test" and display received message to Serial<br />
client.subscribe("mytopic/test", [](const String & payload) {<br />
Serial.println(payload);<br />
});<br />
<br />
// Subscribe to "mytopic/wildcardtest/#" and display received message to Serial<br />
client.subscribe("mytopic/wildcardtest/#", [](const String & topic, const String & payload) {<br />
Serial.println("(From wildcard) topic: " + topic + ", payload: " + payload);<br />
});<br />
<br />
// Publish a message to "mytopic/test"<br />
client.publish("mytopic/test", "This is a message"); // You can activate the retain flag by setting the third parameter to true<br />
<br />
// Execute delayed instructions<br />
client.executeDelayed(5 * 1000, []() {<br />
client.publish("mytopic/wildcardtest/test123", "This is a message sent 5 seconds later");<br />
});<br />
}<br />
<br />
void loop()<br />
{<br />
client.loop();<br />
}<br />
<br />
</source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=MQTT_in_Arduino_2&diff=3134MQTT in Arduino 22022-05-24T15:27:08Z<p>Leoni: </p>
<hr />
<div>You can use this library with different MQTT Brokers for ESP8266 or ESP32<br />
<br />
==Install==<br />
Sketch --> Include Library --> Manage Libraries --> search:"EspMQTT"<br />
<br />
choos the "EspMQTTClient" by Patrick Lapointe<br />
<br />
== Example==<br />
<br />
<source lang="js" line start="2" highlight="4-6"><br />
<br />
/*<br />
SimpleMQTTClient.ino<br />
The purpose of this exemple is to illustrate a simple handling of MQTT and Wifi connection.<br />
Once it connects successfully to a Wifi network and a MQTT broker, it subscribe to a topic and send a message to it.<br />
It will also send a message delayed 5 seconds later.<br />
*/<br />
<br />
#include "EspMQTTClient.h"<br />
<br />
EspMQTTClient client(<br />
"wifissid", //WifiSSID<br />
"password", //WifiPassword<br />
"192.168.X.X.", // MQTT Broker server ip<br />
"MQTTusername", // MQTTUsername Can be omitted if not needed<br />
"MQTTpassword", // MQTTPassword Can be omitted if not needed<br />
"Lolin", // Client name that uniquely identify your device<br />
1883 // The MQTT port, default to 1883. this line can be omitted<br />
);<br />
<br />
void setup()<br />
{<br />
Serial.begin(115200);<br />
<br />
// Optional functionalities of EspMQTTClient<br />
client.enableDebuggingMessages(); // Enable debugging messages sent to serial output<br />
client.enableHTTPWebUpdater(); // Enable the web updater. User and password default to values of MQTTUsername and MQTTPassword. These can be overridded with enableHTTPWebUpdater("user", "password").<br />
client.enableOTA(); // Enable OTA (Over The Air) updates. Password defaults to MQTTPassword. Port is the default OTA port. Can be overridden with enableOTA("password", port).<br />
client.enableLastWillMessage("TestClient/lastwill", "I am going offline"); // You can activate the retain flag by setting the third parameter to true<br />
}<br />
<br />
// This function is called once everything is connected (Wifi and MQTT)<br />
// WARNING : YOU MUST IMPLEMENT IT IF YOU USE EspMQTTClient<br />
void onConnectionEstablished()<br />
{<br />
// Subscribe to "mytopic/test" and display received message to Serial<br />
client.subscribe("mytopic/test", [](const String & payload) {<br />
Serial.println(payload);<br />
});<br />
<br />
// Subscribe to "mytopic/wildcardtest/#" and display received message to Serial<br />
client.subscribe("mytopic/wildcardtest/#", [](const String & topic, const String & payload) {<br />
Serial.println("(From wildcard) topic: " + topic + ", payload: " + payload);<br />
});<br />
<br />
// Publish a message to "mytopic/test"<br />
client.publish("mytopic/test", "This is a message"); // You can activate the retain flag by setting the third parameter to true<br />
<br />
// Execute delayed instructions<br />
client.executeDelayed(5 * 1000, []() {<br />
client.publish("mytopic/wildcardtest/test123", "This is a message sent 5 seconds later");<br />
});<br />
}<br />
<br />
void loop()<br />
{<br />
client.loop();<br />
}<br />
<br />
<\source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=MQTT_in_Arduino_2&diff=3132MQTT in Arduino 22022-05-24T15:19:55Z<p>Leoni: </p>
<hr />
<div>You can use this library with different MQTT Brokers for ESP8266 or ESP32<br />
<br />
==Install==<br />
Sketch --> Include Library --> Manage Libraries --> search:"EspMQTT"<br />
<br />
choos the EspMQTTClient by Patrick Lapointe</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=MQTT_in_Arduino_2&diff=3131MQTT in Arduino 22022-05-24T15:17:39Z<p>Leoni: Die Seite wurde neu angelegt: „You can use this library with different MQTT Brokers ==Install== Sketch --> Include Library --> Manage Libraries --> search:"EspMQTTClient"“</p>
<hr />
<div>You can use this library with different MQTT Brokers<br />
<br />
==Install==<br />
Sketch --> Include Library --> Manage Libraries --> search:"EspMQTTClient"</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Hauptseite&diff=3130Hauptseite2022-05-24T15:14:20Z<p>Leoni: /* MQTT Protocol */</p>
<hr />
<div><br />
<br />
Willkommen auf dem Spiel und Objekt Wiki!<br><br />
<br />
Auf diesen Seiten legen wir Referenzen, Projektdokumentationen, Literaturhinweise, Kursmitschriften und Best Practices ab.<br><br />
<br />
=P R A X I S=<br />
<br />
== Kurse ==<br />
<br />
=== Spiel && Objekt ===<br />
<br />
====WS2018/19====<br />
*[[SpieleDesign|Spiel und Theater]] <br />
*[[PartizipationÜbungen|Übungen Partizipation]]<br />
*[[NeueMedienGesellschaft|Neue Medien und Gesellschaft]] <br />
<br />
====SS2020====<br />
*[[Vernetzte Räume]]<br />
*[[From Space to Space]]<br />
<br />
====WS2020/21====<br />
*[[Least Likely]]<br />
*[[Soft Soft]]<br />
*[[Cyber+Technofeminism]]<br />
<br />
====SS2021====<br />
*[[Everything is Talkative]]<br />
<br />
====WS2021/22====<br />
*[[Communicating Bodies]]<br />
*[[Soziale Architektur 2]]<br />
*[[Spekulative Objekte]]<br />
*[[Künstlerische Forschung]]<br />
<br />
====SS2022====<br />
*[[Wireless Workshop]]<br />
<br />
=== Zeitgenössische Puppenspielkunst HfS ===<br />
*[https://www.kobakant.at/DIY/?p=8139 #e-textile-adventures] (SS2020)<br />
*[https://www.kobakant.at/DIY/?p=9038 #paper-adventures] (SS2021)<br />
*[https://www.kobakant.at/DIY/?p=9545 Sensitive Puppets] (SS2022)<br />
<br />
=== Kooperation Uni Bremen ===<br />
*[[OeffentlichkeitTheorie| Öffentlichkeit bei Habermas und Luhmann]]<br />
<br />
<br />
==Projekte==<br />
<br />
===1. Jahrgang (2018-2020)===<br />
*[[Be Bernd]]<br />
*[[Wir Alle Spielen Theater]]<br />
*[[Altruistic Modification]]<br />
*[[Archäologischer Park- Die Villa]]<br />
*[[Futopolis]]<br />
*[[Kalte Ecken im Koffer]]<br />
<br />
===2. Jahrgang (2020-2022)===<br />
*[[Random Acts of Vulnerability]]<br />
*[[Wir Haben Fragen]]<br />
<br />
== Recherchen ==<br />
*[[BioArt]]<br />
*[[Feminismus]]<br />
*[[VideoAsSculpture]]<br />
*[[SpieleDesign]]<br />
*[[NoScreens]]<br />
*[[DesignFiction]]<br />
*[[NetworkedArt|Networked Theatre, Performance, Art, Culture...]]<br />
*[[Donna Haraway]]<br />
*[[Schreiben]]<br />
*[[Capturing Process]]<br />
*[[Websites]]<br />
<br />
<br />
<br />
= T E C H N I K =<br />
== Inventar ==<br />
*[[Spiel&&Objekt Gadgets]]<br />
<br />
=== KITS ===<br />
*[[S&&O KIT]] (brought to you by the [[Labor für Digitalität]])<br />
*[[world meets computer KIT]] (from the course [[Least Likely]] Scenario)<br />
*[[softsoft KIT]] (from the course [[Soft Soft]])<br />
*[[spaghetti monster KIT]] (from the course [[Communicating Bodies]])<br />
*[[Dome Pod KIT]]s<br />
*[[mini Dome Pod Staw KIT]]<br />
<br />
== Fabrication ==<br />
*[[How to: 3D Drucken]]<br />
*[[How to: build a mini Dome Pod from Drinking Straws]]<br />
*[[How to: make PCBs]] (coming soon...)<br />
<br />
== Physical Computing ==<br />
<br />
*[[Arduino| Arduino Übersicht]]<br />
<br />
*[[Sensors]]<br />
*[[Actuators]]<br />
*[[Motors | Motors Overview]]<br />
**[[Stepper Motor and Driver]]<br />
**[[Servo Motor Control]]<br />
*[[Widerstände]]<br />
*[[Voltage Divider]]<br />
*[[Voltage Divider what?]]<br />
<br />
=== Physical Computing Examples ===<br />
*[[Making Sound with Sensors]]<br />
*[[Bewässerungsanlage mit Arduino Uno und DIY-Feuchtigkeitssensor]]<br />
<br />
== Programming ==<br />
<br />
=== Unity ===<br />
*[[Unity]]<br />
*[[Online_Multiplayer]]<br />
*[[BasicMultiplayerFramework|Virtuelle Multiuser Räume]]<br />
<br />
=== p5.js (Javascript) ===<br />
*[[p5 Overview]]<br />
<br />
===Arduino===<br />
*[[smoothing analog sensor values]]<br />
<br />
====ESP mit Arduino====<br />
*[[ESP32 mit Arduino | ESP32 Dev Module mit Arduino programmieren]]<br />
*[[ESP8266 Lolin mit Arduino]] programmieren<br />
<br />
====ESP32,ESP8266 mit micropython====<br />
*[[arduino vs. micropython]]<br />
*[[micropython install]]<br />
*[[Empfehlungen micropython]]<br />
*[[uPyCraft]]<br />
*[[DMX_MQTT_CONTROLLER]]<br />
<br />
===Miscellaneous===<br />
*[[Multiple_Keyboards_with_RaspberryPi_and_OSC|Mehrere Keyboards/RFID Reader an ein RaspberryPi, mit OSC ins Netzwerk]]<br />
*[[Raspberry Pi - Helfende Befehle]]<br />
<br />
== Kommunikation / Netzwerkommunikation ==<br />
<br />
=== Wireless Kommunikation ===<br />
*see: [[Wireless Workshop]]<br />
<br />
=== WIFI ===<br />
*[[Wifi what?]]<br />
*[[Ubiquiti WiFi|Stabiles WiFi auf der Bühne]]<br />
*[[AsusRP-N53|Access Point mit dem Asus RP-N53]]<br />
*[[Asus RT-AC68U|WLan mit dem Asus RT-AC68U]]<br />
<br />
=== OSC Protocol ===<br />
*[[OSC what?]]<br />
*[[OSC in Arduino]]<br />
*[[OSC in Processing]]<br />
*[[OSC between Arduino and Processing]]<br />
*[[OSC in vvvv]]<br />
*[[OSC in Unity]]<br />
<br />
=== MQTT Protocol ===<br />
*[[MQTT what?]]<br />
MQTT Brokers:<br />
*[[MQTT Brokers]] (online server, localhost)<br />
*[[Build your own MQTT Broker]]<br />
MQTT Clients:<br />
*[[MQTT in Arduino]] (Shiftr library)<br />
*[[MQTT in Arduino 2]] (different library)<br />
*[[MQTT in Processing]] (Shiftr library)<br />
*[[MQTT between Arduino and Processing]]<br />
*[[MQTT in vvvv]]<br />
*[[MQTT in pure data]] (vom [[Communicating Bodies]] Kurs)<br />
*[[MQTT in Unity]]<br />
<br />
*[[Mqtt to Unity via shiftr.io | How to send Data from ESP to Unity with Mqtt protocol]]<br />
*[[MQTT implementation in Basic Multiplayer via webGL Client | Shiftr.io/MQTT implementation in Basic Multiplayer via webGL Client]]<br />
<br />
==== MQTT Examples ====<br />
*[[PubSub_3sensors_onChange_asSeperateTopics]] (ESP & Arduino)<br />
*[[PubSub_3sensors_continuous_asStringList]] (ESP & Arduino)<br />
*[[Pub_3sensors_continuous_asStringList and Sub_3sensors_control3Servos]] (ESP & Arduino)<br />
<br />
=== RFID ===<br />
*[[User Login|Einloggen an einer Station mit einem Avatar]]<br />
<br />
=== XY Plotter ===<br />
The following code connects a xy-plotter to unity and also simulates the movement of the plotter in the game view. A simple white plane represents the scale of the plotter and a white cube its movement.<br />
The movement is controlled by the arrow keys.<br />
<br />
GitHub [https://github.com/HfSDigital/XY-Plotter-Unity]<br />
<br />
== Video Technik ==<br />
''Alles, was dir deine Eltern nicht zum Thema '''Videoübertragung''' erzählt haben.'' <br />
Oft ist ein PC als Schnittstelle zwischer Kamera und Bildschirm/Projektor sinnvoll oder nötig. Doch es gibt auch Fälle, in denen eine unkomplizierte, direkte Verbindung einfacher und besser ist.<br />
<br />
=== Verbindung Kamera<->Ausgabegerät ===<br />
*[[NX500|NX500 &rArr; Bildschirm oder Projektor]]<br />
<br />
=== PC als Schnittstelle ===<br />
*[[Der Videomischer]]<br />
*[[Blackmagic Intensity|Blackmagic Intensity &rArr; PC]]<br />
<br />
= T H E O R I E =<br />
<br />
== Glossare, Begriffe und Konzepte ==<br />
* [[GlossarCG|Begriffe der Computergrafik]]<br />
* [[GlossarSensorActuator|Sensoren und Aktuatoren]]<br />
* [[Algorithms|Common Algorithms]]<br />
* [[Glossar Code|Code Glossar]]<br />
* [[Glossar Elektronik|Elektronik Glossar]]<br />
* [[Netzwerk]]<br />
* [[Interaktionstaxonomie AR]]<br />
* [[Bibliothek|Literatur Bibliothek]]<br />
<br />
=P R A K T I S C H E S=<br />
<br />
==Stuff==<br />
** [[Shopping]]<br />
** [[Events]]<br />
<br />
==Hack your "Theater" - How To==<br />
*[[for Theaterleitung]]<br />
*[[for Künstler*innen]]<br />
<br />
==Wiki Help==<br />
*[[how to structure documentation well]]<br />
*[[cheatsheet]]<br />
*[https://www.mediawiki.org/wiki/Help:Formatting Hilfe: Formatierung]<br />
*[https://www.mediawiki.org/wiki/Help:Links Hilfe: Links]<br />
*[[ignore wiki syntax]]<br />
*[[code syntax highlighting]]<br />
*[[text scroll box]<br />
<br />
=In Arbeit=<br />
*[[OSC Kommunikation in Processing]]<br />
*[[software architecture in theatre]]<br />
*[[Verbindung Arduino / Unity - Research Diary]]<br />
*[[TFT LCD Shield|2.6"/2.8" TFT LCD Shield mit Touch]]<br />
*[[Trying out Wikistuff]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=ESP8266_Lolin_mit_Arduino&diff=3129ESP8266 Lolin mit Arduino2022-05-24T15:07:06Z<p>Leoni: </p>
<hr />
<div>Wemos D1 mini is a simple wifi board. <br />
It has 9 digital pins but only 1 analog pin! All of the IO pins run at 3.3V.<br />
Pinout>> https://www.wemos.cc/en/latest/d1/d1_mini_lite.html<br />
<br />
=Programming the ESP8266 from the Arduino IDE=<br />
<br />
==add link to board manager URL==<br />
To use the Wemos D1 board you have to add link to bard manager URL:<br />
<br />
Menu: Preferences --> Additional Boards Manager URLs:<br />
https://arduino.esp8266.com/stable/package_esp8266com_index.json,https://raw.githubusercontent.com/damellis/attiny/ide-1.6.x-boards-manager/package_damellis_attiny_index.json<br />
<br />
<br />
==install board==<br />
Menu: Tools --> Boards --> Boards Manager:<br />
search for: D1<br />
Install: "ESP8266" by ESP8266 Community<br />
<br />
<br />
==choos board and port==<br />
Menu: Tools --> Board: LOLIN(WEMOS) D1 mini ...<br />
Menu: Tools --> Port: COM...<br />
<br />
<br />
<br />
For using ESP8266 with Arduino, you can also use the shifter.io desktop App or any other MQTT Broker.</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=ESP8266_Lolin_mit_Arduino&diff=3128ESP8266 Lolin mit Arduino2022-05-24T15:03:13Z<p>Leoni: </p>
<hr />
<div>Wemos D1 mini is a simple wifi board. <br />
It has 9 digital pins but only 1 analog pin! All of the IO pins run at 3.3V.<br />
Pinout>> https://www.wemos.cc/en/latest/d1/d1_mini_lite.html<br />
<br />
=Programming the ESP8266 from the Arduino IDE=<br />
<br />
==add link to board manager URL==<br />
To use the Wemos D1 board you have to add link to bard manager URL:<br />
<br />
Menu: Preferences --> Additional Boards Manager URLs:<br />
https://arduino.esp8266.com/stable/package_esp8266com_index.json,https://raw.githubusercontent.com/damellis/attiny/ide-1.6.x-boards-manager/package_damellis_attiny_index.json<br />
<br />
<br />
==install board==<br />
Menu: Tools --> Boards --> Boards Manager:<br />
search for: D1<br />
Install: "ESP8266" by ESP8266 Community<br />
<br />
For using ESP8266 with Arduino, you can also use the shifter.io desktop App or any other MQTT Broker.</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=ESP8266_Lolin_mit_Arduino&diff=3126ESP8266 Lolin mit Arduino2022-05-24T15:00:07Z<p>Leoni: </p>
<hr />
<div>Wemos D1 mini is a simple wifi board. <br />
It has 9 digital pins but only 1 analog pin! All of the IO pins run at 3.3V.<br />
Pinout>> https://www.wemos.cc/en/latest/d1/d1_mini_lite.html<br />
<br />
=Programming the ESP8266 from the Arduino IDE=<br />
<br />
==add link to board manager URL==<br />
<br />
To use the Wemos D1 board you have to add link to bard manager URL:<br />
<br />
Menu: Preferences --> Additional Boards Manager URLs:<br />
https://arduino.esp8266.com/stable/package_esp8266com_index.json,https://raw.githubusercontent.com/damellis/attiny/ide-1.6.x-boards-manager/package_damellis_attiny_index.json<br />
<br />
<br />
<br />
For using ESP8266 with Arduino, you can also use the shifter.io desktop App or any other MQTT Broker.</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=ESP8266_Lolin_mit_Arduino&diff=3125ESP8266 Lolin mit Arduino2022-05-24T14:58:40Z<p>Leoni: Die Seite wurde neu angelegt: „Wemos D1 mini is a simple wifi board. It has 9 digital pins but only 1 analog pin! All of the IO pins run at 3.3V. Pinout>> https://www.wemos.cc/en/latest/d1/…“</p>
<hr />
<div>Wemos D1 mini is a simple wifi board. <br />
It has 9 digital pins but only 1 analog pin! All of the IO pins run at 3.3V.<br />
Pinout>> https://www.wemos.cc/en/latest/d1/d1_mini_lite.html<br />
<br />
=Programming the ESP8266 from the Arduino IDE=<br />
<br />
==add link to board manager URL==<br />
<br />
To use the Wemos D1 board you have to add link to bard manager URL:<br />
<br />
Menu: Preferences --> Additional Boards Manager URLs:<br />
<br />
<br />
<br />
For using ESP8266 with Arduino, you can also use the shifter.io desktop App or any other MQTT Broker.</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3124Smoothing analog sensor values2022-05-24T14:31:08Z<p>Leoni: </p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
==smoothing analog sensor values #1==<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.<br />
<br />
>> https://www.youtube.com/watch?v=AsQ4G1lckhY<br />
<br />
<source lang="js" line start="2" highlight="4-6"><br />
<br />
int sensorValue;<br />
<br />
void setup(){<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop(){<br />
sensorValue = analogRead(A0);<br />
smoothValue = 0.6 * smoothValue + 0.4 * sensorValue; //you can tray with the values you multiply. It is just always under 1<br />
Serial.print(sensorValue);<br />
Serial.print("\t"); //TAB<br />
Serial.print(smoothValue);<br />
}<br />
<br />
</source><br />
<br />
==smoothing analog sensor values #2: running average==<br />
To smooth your sensor value, a simple line of code you can add to calculate the running average is:<br />
averageSensorValue = (averageSensorValue * (average-1) + currentSensorValue) / average;<br />
<br />
>> https://www.kobakant.at/DIY/?p=7968</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3123Smoothing analog sensor values2022-05-24T14:30:46Z<p>Leoni: </p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
==smoothing analog sensor values #1==<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.<br />
<br />
>> https://www.youtube.com/watch?v=AsQ4G1lckhY<br />
<br />
<source lang="js" line start="2" highlight="4-6"><br />
<br />
int sensorValue;<br />
<br />
void setup(){<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop(){<br />
sensorValue = analogRead(A0);<br />
smoothValue = 0.6 * smoothValue + 0.4 * sensorValue; //you can tray with the values you multiply. It is just always under 1<br />
Serial.print(sensorValue);<br />
Serial.print("\t"); //TAB<br />
Serial.print(smoothValue);<br />
}<br />
<br />
</source><br />
<br />
==smoothing analog sensor values #2: running average==<br />
To smooth your sensor value, a simple line of code you can add to calculate the running average is:<br />
averageSensorValue = (averageSensorValue * (average-1) + currentSensorValue) / average;</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3122Smoothing analog sensor values2022-05-24T14:29:06Z<p>Leoni: </p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
==smoothing analog sensor values #1==<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.<br />
<br />
>> https://www.youtube.com/watch?v=AsQ4G1lckhY<br />
<br />
<source lang="js" line start="2" highlight="4-6"><br />
<br />
int sensorValue = 0;<br />
<br />
void setup(){<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop(){<br />
sensorValue = analogRead(A0);<br />
smoothValue = 0.6 * smoothValue + 0.4 * sensorValue; //you can tray with the values you multiply. It is just always under 1<br />
Serial.print(sensorValue);<br />
Serial.print("\t"); //TAB<br />
Serial.print(smoothValue);<br />
}<br />
<br />
</source><br />
<br />
==smoothing analog sensor values #2: running average==</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3121Smoothing analog sensor values2022-05-24T14:28:40Z<p>Leoni: </p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
==smoothing analog sensor values #1==<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.<br />
<br />
>> https://www.youtube.com/watch?v=AsQ4G1lckhY<br />
<br />
<source lang="js" line start="2" highlight="4-6"><br />
<br />
int sensorValue = 0;<br />
<br />
void setup(){<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop(){<br />
sensorValue = analogRead(A0);<br />
smoothValue = 0.6 * smoothValue + 0.4 * sensorValue; //you can tray with the values you multiply. It is just always under 1<br />
Serial.print(sensorValue);<br />
Serial.print("\t"); //TAB<br />
Serial.print(smoothValue);<br />
}<br />
<br />
</source><br />
<br />
==smoothing analog sensor values #2==<br />
==running average==</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3120Smoothing analog sensor values2022-05-24T14:26:39Z<p>Leoni: </p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
=smoothing analog sensor values #1 =<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.<br />
<br />
>> https://www.youtube.com/watch?v=AsQ4G1lckhY<br />
<br />
<source lang="js" line start="2" highlight="4-6"><br />
<br />
int sensorValue = 0;<br />
<br />
void setup(){<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop(){<br />
sensorValue = analogRead(A0);<br />
smoothValue = 0.6 * smoothValue + 0.4 * sensorValue; //you can tray with the values you multiply. It is just always under 1<br />
Serial.print(sensorValue);<br />
Serial.print("\t"); //TAB<br />
Serial.print(smoothValue);<br />
}<br />
<br />
</source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3119Smoothing analog sensor values2022-05-24T14:24:18Z<p>Leoni: </p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
=smoothing analog sensor values #1 =<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.<br />
<br />
>> https://www.youtube.com/watch?v=AsQ4G1lckhY<br />
<br />
<source lang="js" line start="2" highlight="4-6"><br />
<br />
int sensorValue = 0;<br />
<br />
void setup(){<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop(){<br />
sensorValue = analogRead(A0);<br />
smoothValue = 0.6 + smoothValue + 0.4 * sensorValue;<br />
Serial.print(sensorValue);<br />
Serial.print("\t"); //TAB<br />
Serial.print(smoothValue);<br />
}<br />
<br />
</source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3118Smoothing analog sensor values2022-05-24T14:22:54Z<p>Leoni: </p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
=smoothing analog sensor values #1 =<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.<br />
<br />
>> https://www.youtube.com/watch?v=AsQ4G1lckhY<br />
<br />
</source><br />
int sensorValue = 0;<br />
<br />
void setup(){<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop(){<br />
sensorValue = analogRead(A0);<br />
smoothValue = 0.6 + smoothValue + 0.4 * sensorValue;<br />
Serial.print(sensorValue);<br />
Serial.print("\t"); //TAB<br />
Serial.print(smoothValue);<br />
}<br />
<br />
</source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3117Smoothing analog sensor values2022-05-24T14:16:55Z<p>Leoni: /* smooth out sensor values */</p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
=smoothing analog sensor values #1 =<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.<br />
<br />
>> https://www.youtube.com/watch?v=AsQ4G1lckhY</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Smoothing_analog_sensor_values&diff=3116Smoothing analog sensor values2022-05-24T14:13:48Z<p>Leoni: Die Seite wurde neu angelegt: „If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks. =smooth out sensor values= Tremors can come from fluc…“</p>
<hr />
<div>If the sensor value on your analog pin has some unwanted amplitudes, you can smooth it with some tricks.<br />
<br />
=smooth out sensor values=<br />
Tremors can come from fluctuating power supply, interference or a circuit inside the Arduino chip. <br />
<br />
In this example, we simply take a portion of the new measurement and combine it with a portion of the value measured last time. The part of the old value is always a bit bigger than the new value and so the new value influences the measurement but we overwrite the tremor.</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Hauptseite&diff=3080Hauptseite2022-05-17T14:04:10Z<p>Leoni: /* ESP mit Arduino */</p>
<hr />
<div><br />
<br />
Willkommen auf dem Spiel und Objekt Wiki!<br><br />
<br />
Auf diesen Seiten legen wir Referenzen, Projektdokumentationen, Literaturhinweise, Kursmitschriften und Best Practices ab.<br><br />
<br />
=P R A X I S=<br />
<br />
== Kurse ==<br />
<br />
=== Spiel && Objekt ===<br />
<br />
====WS2018/19====<br />
*[[SpieleDesign|Spiel und Theater]] <br />
*[[PartizipationÜbungen|Übungen Partizipation]]<br />
*[[NeueMedienGesellschaft|Neue Medien und Gesellschaft]] <br />
<br />
====SS2020====<br />
*[[Vernetzte Räume]]<br />
*[[From Space to Space]]<br />
<br />
====WS2020/21====<br />
*[[Least Likely]]<br />
*[[Soft Soft]]<br />
*[[Cyber+Technofeminism]]<br />
<br />
====SS2021====<br />
*[[Everything is Talkative]]<br />
<br />
====WS2021/22====<br />
*[[Communicating Bodies]]<br />
*[[Soziale Architektur 2]]<br />
*[[Spekulative Objekte]]<br />
*[[Künstlerische Forschung]]<br />
<br />
====SS2022====<br />
*[[Wireless Workshop]]<br />
<br />
=== Zeitgenössische Puppenspielkunst HfS ===<br />
*[https://www.kobakant.at/DIY/?p=8139 #e-textile-adventures] (SS2020)<br />
*[https://www.kobakant.at/DIY/?p=9038 #paper-adventures] (SS2021)<br />
*[https://www.kobakant.at/DIY/?p=9545 Sensitive Puppets] (SS2022)<br />
<br />
=== Kooperation Uni Bremen ===<br />
*[[OeffentlichkeitTheorie| Öffentlichkeit bei Habermas und Luhmann]]<br />
<br />
<br />
==Projekte==<br />
<br />
===1. Jahrgang (2018-2020)===<br />
*[[Be Bernd]]<br />
*[[Wir Alle Spielen Theater]]<br />
*[[Altruistic Modification]]<br />
*[[Archäologischer Park- Die Villa]]<br />
*[[Futopolis]]<br />
*[[Kalte Ecken im Koffer]]<br />
<br />
===2. Jahrgang (2020-2022)===<br />
*[[Random Acts of Vulnerability]]<br />
*[[Wir Haben Fragen]]<br />
<br />
== Recherchen ==<br />
*[[BioArt]]<br />
*[[Feminismus]]<br />
*[[VideoAsSculpture]]<br />
*[[SpieleDesign]]<br />
*[[NoScreens]]<br />
*[[DesignFiction]]<br />
*[[NetworkedArt|Networked Theatre, Performance, Art, Culture...]]<br />
*[[Donna Haraway]]<br />
*[[Schreiben]]<br />
*[[Capturing Process]]<br />
*[[Websites]]<br />
<br />
<br />
<br />
= T E C H N I K =<br />
== Inventar ==<br />
*[[Spiel&&Objekt Gadgets]]<br />
<br />
=== KITS ===<br />
*[[S&&O KIT]] (brought to you by the [[Labor für Digitalität]])<br />
*[[world meets computer KIT]] (from the course [[Least Likely]] Scenario)<br />
*[[softsoft KIT]] (from the course [[Soft Soft]])<br />
*[[spaghetti monster KIT]] (from the course [[Communicating Bodies]])<br />
*[[Dome Pod KIT]]s<br />
*[[mini Dome Pod Staw KIT]]<br />
<br />
== Fabrication ==<br />
*[[How to: 3D Drucken]]<br />
*[[How to: build a mini Dome Pod from Drinking Straws]]<br />
*[[How to: make PCBs]] (coming soon...)<br />
<br />
== Physical Computing ==<br />
<br />
*[[Arduino| Arduino Übersicht]]<br />
<br />
*[[Sensors]]<br />
*[[Actuators]]<br />
*[[Motors]]<br />
*[[Widerstände]]<br />
*[[Voltage Divider]]<br />
<br />
=== Physical Computing Examples ===<br />
*[[Making Sound with Sensors]]<br />
*[[Bewässerungsanlage mit Arduino Uno und DIY-Feuchtigkeitssensor]]<br />
<br />
== Programming ==<br />
<br />
=== Unity ===<br />
*[[Unity]]<br />
*[[Online_Multiplayer]]<br />
*[[BasicMultiplayerFramework|Virtuelle Multiuser Räume]]<br />
<br />
=== p5.js (Javascript) ===<br />
*[[p5 Overview]]<br />
<br />
===ESP mit Arduino===<br />
*[[ESP32 mit Arduino]] programmieren<br />
*[[ESP8266 Lolin mit Arduino]] programmieren<br />
<br />
===ESP32,ESP8266 mit micropython===<br />
*[[arduino vs. micropython]]<br />
*[[micropython install]]<br />
*[[Empfehlungen micropython]]<br />
*[[uPyCraft]]<br />
*[[DMX_MQTT_CONTROLLER]]<br />
<br />
===Miscellaneous===<br />
*[[Multiple_Keyboards_with_RaspberryPi_and_OSC|Mehrere Keyboards/RFID Reader an ein RaspberryPi, mit OSC ins Netzwerk]]<br />
*[[Raspberry Pi - Helfende Befehle]]<br />
<br />
== Kommunikation / Netzwerkommunikation ==<br />
<br />
=== Wireless Kommunikation ===<br />
*see: [[Wireless Workshop]]<br />
<br />
=== WIFI ===<br />
*[[Wifi what?]]<br />
*[[Ubiquiti WiFi|Stabiles WiFi auf der Bühne]]<br />
*[[AsusRP-N53|Access Point mit dem Asus RP-N53]]<br />
*[[Asus RT-AC68U|WLan mit dem Asus RT-AC68U]]<br />
<br />
=== OSC Protocol ===<br />
*[[OSC what?]]<br />
*[[OSC in Arduino]]<br />
*[[OSC in Processing]]<br />
*[[OSC between Arduino and Processing]]<br />
*[[OSC in vvvv]]<br />
*[[OSC in Unity]]<br />
<br />
=== MQTT Protocol ===<br />
*[[MQTT what?]]<br />
MQTT Brokers:<br />
*[[MQTT Brokers]] (online server, localhost)<br />
*[[Build your own MQTT Broker]]<br />
MQTT Clients:<br />
*[[MQTT in Arduino]] (Shiftr library)<br />
*[[MQTT in Processing]] (Shiftr library)<br />
*[[MQTT in vvvv]]<br />
*[[MQTT in pure data]] (mika's <br />
*[[MQTT in Unity]]<br />
<br />
*[[Mqtt to Unity via shiftr.io | How to send Data from ESP to Unity with Mqtt protocol]]<br />
*[[MQTT implementation in Basic Multiplayer via webGL Client | Shiftr.io/MQTT implementation in Basic Multiplayer via webGL Client]]<br />
<br />
==== MQTT Examples ====<br />
*[[PubSub_3sensors_onChange_asSeperateTopics]] (ESP & Arduino)<br />
*[[PubSub_3sensors_continuous_asStringList]] (ESP & Arduino)<br />
*[[Pub_3sensors_continuous_asStringList and Sub_3sensors_control3Servos]] (ESP & Arduino)<br />
<br />
=== RFID ===<br />
*[[User Login|Einloggen an einer Station mit einem Avatar]]<br />
<br />
=== XY Plotter ===<br />
The following code connects a xy-plotter to unity and also simulates the movement of the plotter in the game view. A simple white plane represents the scale of the plotter and a white cube its movement.<br />
The movement is controlled by the arrow keys.<br />
<br />
GitHub [https://github.com/HfSDigital/XY-Plotter-Unity]<br />
<br />
== Video Technik ==<br />
''Alles, was dir deine Eltern nicht zum Thema '''Videoübertragung''' erzählt haben.'' <br />
Oft ist ein PC als Schnittstelle zwischer Kamera und Bildschirm/Projektor sinnvoll oder nötig. Doch es gibt auch Fälle, in denen eine unkomplizierte, direkte Verbindung einfacher und besser ist.<br />
<br />
=== Verbindung Kamera<->Ausgabegerät ===<br />
*[[NX500|NX500 &rArr; Bildschirm oder Projektor]]<br />
<br />
=== PC als Schnittstelle ===<br />
*[[Der Videomischer]]<br />
*[[Blackmagic Intensity|Blackmagic Intensity &rArr; PC]]<br />
<br />
= T H E O R I E =<br />
<br />
== Glossare, Begriffe und Konzepte ==<br />
* [[GlossarCG|Begriffe der Computergrafik]]<br />
* [[GlossarSensorActuator|Sensoren und Aktuatoren]]<br />
* [[Algorithms|Common Algorithms]]<br />
* [[Glossar Code|Code Glossar]]<br />
* [[Glossar Elektronik|Elektronik Glossar]]<br />
* [[Netzwerk]]<br />
* [[Interaktionstaxonomie AR]]<br />
* [[Bibliothek|Literatur Bibliothek]]<br />
<br />
=P R A K T I S C H E S=<br />
<br />
==Stuff==<br />
** [[Shopping]]<br />
** [[Events]]<br />
<br />
==Hack your "Theater" - How To==<br />
*[[for Theaterleitung]]<br />
*[[for Künstler*innen]]<br />
<br />
==Wiki Help==<br />
*[[how to structure documentation well]]<br />
*[[cheatsheet]]<br />
*[https://www.mediawiki.org/wiki/Help:Formatting Hilfe: Formatierung]<br />
*[https://www.mediawiki.org/wiki/Help:Links Hilfe: Links]<br />
*[[ignore wiki syntax]]<br />
*[[code syntax highlighting]]<br />
*[[text scroll box]<br />
<br />
=In Arbeit=<br />
*[[OSC Kommunikation in Processing]]<br />
*[[software architecture in theatre]]<br />
*[[Verbindung Arduino / Unity - Research Diary]]<br />
*[[TFT LCD Shield|2.6"/2.8" TFT LCD Shield mit Touch]]<br />
*[[Trying out Wikistuff]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Hauptseite&diff=3079Hauptseite2022-05-17T14:03:18Z<p>Leoni: /* ESP32 mit Arduino */</p>
<hr />
<div><br />
<br />
Willkommen auf dem Spiel und Objekt Wiki!<br><br />
<br />
Auf diesen Seiten legen wir Referenzen, Projektdokumentationen, Literaturhinweise, Kursmitschriften und Best Practices ab.<br><br />
<br />
=P R A X I S=<br />
<br />
== Kurse ==<br />
<br />
=== Spiel && Objekt ===<br />
<br />
====WS2018/19====<br />
*[[SpieleDesign|Spiel und Theater]] <br />
*[[PartizipationÜbungen|Übungen Partizipation]]<br />
*[[NeueMedienGesellschaft|Neue Medien und Gesellschaft]] <br />
<br />
====SS2020====<br />
*[[Vernetzte Räume]]<br />
*[[From Space to Space]]<br />
<br />
====WS2020/21====<br />
*[[Least Likely]]<br />
*[[Soft Soft]]<br />
*[[Cyber+Technofeminism]]<br />
<br />
====SS2021====<br />
*[[Everything is Talkative]]<br />
<br />
====WS2021/22====<br />
*[[Communicating Bodies]]<br />
*[[Soziale Architektur 2]]<br />
*[[Spekulative Objekte]]<br />
*[[Künstlerische Forschung]]<br />
<br />
====SS2022====<br />
*[[Wireless Workshop]]<br />
<br />
=== Zeitgenössische Puppenspielkunst HfS ===<br />
*[https://www.kobakant.at/DIY/?p=8139 #e-textile-adventures] (SS2020)<br />
*[https://www.kobakant.at/DIY/?p=9038 #paper-adventures] (SS2021)<br />
*[https://www.kobakant.at/DIY/?p=9545 Sensitive Puppets] (SS2022)<br />
<br />
=== Kooperation Uni Bremen ===<br />
*[[OeffentlichkeitTheorie| Öffentlichkeit bei Habermas und Luhmann]]<br />
<br />
<br />
==Projekte==<br />
<br />
===1. Jahrgang (2018-2020)===<br />
*[[Be Bernd]]<br />
*[[Wir Alle Spielen Theater]]<br />
*[[Altruistic Modification]]<br />
*[[Archäologischer Park- Die Villa]]<br />
*[[Futopolis]]<br />
*[[Kalte Ecken im Koffer]]<br />
<br />
===2. Jahrgang (2020-2022)===<br />
*[[Random Acts of Vulnerability]]<br />
*[[Wir Haben Fragen]]<br />
<br />
== Recherchen ==<br />
*[[BioArt]]<br />
*[[Feminismus]]<br />
*[[VideoAsSculpture]]<br />
*[[SpieleDesign]]<br />
*[[NoScreens]]<br />
*[[DesignFiction]]<br />
*[[NetworkedArt|Networked Theatre, Performance, Art, Culture...]]<br />
*[[Donna Haraway]]<br />
*[[Schreiben]]<br />
*[[Capturing Process]]<br />
*[[Websites]]<br />
<br />
<br />
<br />
= T E C H N I K =<br />
== Inventar ==<br />
*[[Spiel&&Objekt Gadgets]]<br />
<br />
=== KITS ===<br />
*[[S&&O KIT]] (brought to you by the [[Labor für Digitalität]])<br />
*[[world meets computer KIT]] (from the course [[Least Likely]] Scenario)<br />
*[[softsoft KIT]] (from the course [[Soft Soft]])<br />
*[[spaghetti monster KIT]] (from the course [[Communicating Bodies]])<br />
*[[Dome Pod KIT]]s<br />
*[[mini Dome Pod Staw KIT]]<br />
<br />
== Fabrication ==<br />
*[[How to: 3D Drucken]]<br />
*[[How to: build a mini Dome Pod from Drinking Straws]]<br />
*[[How to: make PCBs]] (coming soon...)<br />
<br />
== Physical Computing ==<br />
<br />
*[[Arduino| Arduino Übersicht]]<br />
<br />
*[[Sensors]]<br />
*[[Actuators]]<br />
*[[Motors]]<br />
*[[Widerstände]]<br />
*[[Voltage Divider]]<br />
<br />
=== Physical Computing Examples ===<br />
*[[Making Sound with Sensors]]<br />
*[[Bewässerungsanlage mit Arduino Uno und DIY-Feuchtigkeitssensor]]<br />
<br />
== Programming ==<br />
<br />
=== Unity ===<br />
*[[Unity]]<br />
*[[Online_Multiplayer]]<br />
*[[BasicMultiplayerFramework|Virtuelle Multiuser Räume]]<br />
<br />
=== p5.js (Javascript) ===<br />
*[[p5 Overview]]<br />
<br />
===ESP mit Arduino===<br />
*[[ESP32 mit Arduino]] programmieren<br />
<br />
===ESP32,ESP8266 mit micropython===<br />
*[[arduino vs. micropython]]<br />
*[[micropython install]]<br />
*[[Empfehlungen micropython]]<br />
*[[uPyCraft]]<br />
*[[DMX_MQTT_CONTROLLER]]<br />
<br />
===Miscellaneous===<br />
*[[Multiple_Keyboards_with_RaspberryPi_and_OSC|Mehrere Keyboards/RFID Reader an ein RaspberryPi, mit OSC ins Netzwerk]]<br />
*[[Raspberry Pi - Helfende Befehle]]<br />
<br />
== Kommunikation / Netzwerkommunikation ==<br />
<br />
=== Wireless Kommunikation ===<br />
*see: [[Wireless Workshop]]<br />
<br />
=== WIFI ===<br />
*[[Wifi what?]]<br />
*[[Ubiquiti WiFi|Stabiles WiFi auf der Bühne]]<br />
*[[AsusRP-N53|Access Point mit dem Asus RP-N53]]<br />
*[[Asus RT-AC68U|WLan mit dem Asus RT-AC68U]]<br />
<br />
=== OSC Protocol ===<br />
*[[OSC what?]]<br />
*[[OSC in Arduino]]<br />
*[[OSC in Processing]]<br />
*[[OSC between Arduino and Processing]]<br />
*[[OSC in vvvv]]<br />
*[[OSC in Unity]]<br />
<br />
=== MQTT Protocol ===<br />
*[[MQTT what?]]<br />
MQTT Brokers:<br />
*[[MQTT Brokers]] (online server, localhost)<br />
*[[Build your own MQTT Broker]]<br />
MQTT Clients:<br />
*[[MQTT in Arduino]] (Shiftr library)<br />
*[[MQTT in Processing]] (Shiftr library)<br />
*[[MQTT in vvvv]]<br />
*[[MQTT in pure data]] (mika's <br />
*[[MQTT in Unity]]<br />
<br />
*[[Mqtt to Unity via shiftr.io | How to send Data from ESP to Unity with Mqtt protocol]]<br />
*[[MQTT implementation in Basic Multiplayer via webGL Client | Shiftr.io/MQTT implementation in Basic Multiplayer via webGL Client]]<br />
<br />
==== MQTT Examples ====<br />
*[[PubSub_3sensors_onChange_asSeperateTopics]] (ESP & Arduino)<br />
*[[PubSub_3sensors_continuous_asStringList]] (ESP & Arduino)<br />
*[[Pub_3sensors_continuous_asStringList and Sub_3sensors_control3Servos]] (ESP & Arduino)<br />
<br />
=== RFID ===<br />
*[[User Login|Einloggen an einer Station mit einem Avatar]]<br />
<br />
=== XY Plotter ===<br />
The following code connects a xy-plotter to unity and also simulates the movement of the plotter in the game view. A simple white plane represents the scale of the plotter and a white cube its movement.<br />
The movement is controlled by the arrow keys.<br />
<br />
GitHub [https://github.com/HfSDigital/XY-Plotter-Unity]<br />
<br />
== Video Technik ==<br />
''Alles, was dir deine Eltern nicht zum Thema '''Videoübertragung''' erzählt haben.'' <br />
Oft ist ein PC als Schnittstelle zwischer Kamera und Bildschirm/Projektor sinnvoll oder nötig. Doch es gibt auch Fälle, in denen eine unkomplizierte, direkte Verbindung einfacher und besser ist.<br />
<br />
=== Verbindung Kamera<->Ausgabegerät ===<br />
*[[NX500|NX500 &rArr; Bildschirm oder Projektor]]<br />
<br />
=== PC als Schnittstelle ===<br />
*[[Der Videomischer]]<br />
*[[Blackmagic Intensity|Blackmagic Intensity &rArr; PC]]<br />
<br />
= T H E O R I E =<br />
<br />
== Glossare, Begriffe und Konzepte ==<br />
* [[GlossarCG|Begriffe der Computergrafik]]<br />
* [[GlossarSensorActuator|Sensoren und Aktuatoren]]<br />
* [[Algorithms|Common Algorithms]]<br />
* [[Glossar Code|Code Glossar]]<br />
* [[Glossar Elektronik|Elektronik Glossar]]<br />
* [[Netzwerk]]<br />
* [[Interaktionstaxonomie AR]]<br />
* [[Bibliothek|Literatur Bibliothek]]<br />
<br />
=P R A K T I S C H E S=<br />
<br />
==Stuff==<br />
** [[Shopping]]<br />
** [[Events]]<br />
<br />
==Hack your "Theater" - How To==<br />
*[[for Theaterleitung]]<br />
*[[for Künstler*innen]]<br />
<br />
==Wiki Help==<br />
*[[how to structure documentation well]]<br />
*[[cheatsheet]]<br />
*[https://www.mediawiki.org/wiki/Help:Formatting Hilfe: Formatierung]<br />
*[https://www.mediawiki.org/wiki/Help:Links Hilfe: Links]<br />
*[[ignore wiki syntax]]<br />
*[[code syntax highlighting]]<br />
*[[text scroll box]<br />
<br />
=In Arbeit=<br />
*[[OSC Kommunikation in Processing]]<br />
*[[software architecture in theatre]]<br />
*[[Verbindung Arduino / Unity - Research Diary]]<br />
*[[TFT LCD Shield|2.6"/2.8" TFT LCD Shield mit Touch]]<br />
*[[Trying out Wikistuff]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=1406Benutzerin:Leoni2020-07-22T09:08:15Z<p>Leoni: /* Short Bio */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
<br />
<br />
Leoni Voegelin hat Geschichte und Kunstgeschichte an der Universität Basel und im Masterstudiengang Spiel und Objekt der HfS Ernst Busch Berlin studiert. Sie interessiert sich für mediatisierte theatrale sowie künstlerische Ereignisse und arbeitet daneben zur Erweiterung ihrer visuellen Erfahrungswelt mit Video. In ihrer künstlerischen Auseinandersetzung untersucht sie das Zusammenwirken von Gedankenwelten und -konzepten und physischer Hardware um spekulative Objekte der Zukunft mittels Physical Computing zu entwerfen. <br />
Mit Anna Vera Kelle arbeitet sie zusammen als VERAVOEGELIN. 2019 entwickelten sie für das SchauSpielHaus Hamburg die partizipative Gesellschaftsimulation „FUTOPOLIS“.<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland, and "Spiel und Objekt" at the HfS Ernst Busch in Berlin. In her Masters program, she was exploring the world of physical computing, coding, and new media and is constantly expanding her visual research with video. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die Sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]<br />
<br />
<br />
'''MQTT'''<br/><br />
<br />
[[Datei:ShifterIo.PNG]]<br />
<br />
ShifterIO kann man für die Kommunikation zwischen IOT Objekten benutzen. Die Webseite fungiert als Broker zwischen Sender und reciever der Daten:<br />
https://shiftr.io/<br />
<br />
Artikel über Netzwerke:<br />
https://processing.org/tutorials/network/</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=1371Benutzerin:Leoni2020-06-17T11:12:50Z<p>Leoni: /* Short Bio */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
<br />
<br />
Leoni Voegelin hat Geschichte und Kunstgeschichte an der Universität Basel studiert und ist zur Zeit im Masterstudiengang Spiel und Objekt der HfS Ernst Busch Berlin eingeschrieben. Sie interessiert sich für mediatisierte theatrale sowie künstlerische Ereignisse und arbeitet daneben zur Erweiterung ihrer visuellen Erfahrungswelt mit Video. In ihrer künstlerischen Auseinandersetzung untersucht sie das Zusammenwirken von Gedankenwelten und -konzepten und physischer Hardware um spekulative Objekte der Zukunft mittels Physical Computing zu entwerfen. Der Grenzbereich zwischen analoger Materialität und virtuellem Raum steht momentan im Zentrum ihrer Aufmerksamkeit.<br />
Mit Leoni Voegelin arbeitet sie zusammen als VERAVOEGELIN. 2019 entwickelten sie für das SchauSpielHaus Hamburg die partizipative Gesellschaftsimulation „FUTOPOLIS“.<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland, and "Spiel und Objekt" at the HfS Ernst Busch in Berlin. In her Masters program, she was exploring the world of physical computing, coding, and new media and is constantly expanding her visual research with video. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die Sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]<br />
<br />
<br />
'''MQTT'''<br/><br />
<br />
[[Datei:ShifterIo.PNG]]<br />
<br />
ShifterIO kann man für die Kommunikation zwischen IOT Objekten benutzen. Die Webseite fungiert als Broker zwischen Sender und reciever der Daten:<br />
https://shiftr.io/<br />
<br />
Artikel über Netzwerke:<br />
https://processing.org/tutorials/network/</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=1337Benutzerin:Leoni2020-06-04T15:18:41Z<p>Leoni: /* Short Bio */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
<br />
<br />
Leoni Voegelin hat Geschichte und Kunstgeschichte an der Universität Basel studiert und ist zur Zeit im Masterstudiengang Spiel und Objekt der HfS Ernst Busch Berlin eingeschrieben. Sie interessiert sich für mediatisierte theatrale sowie künstlerische Ereignisse und arbeitet daneben zur Erweiterung ihrer visuellen Erfahrungswelt mit Video. In ihrer künstlerischen Auseinandersetzung untersucht sie das Zusammenwirken von Gedankenwelten und -konzepten und physischer Hardware um spekulative Objekte der Zukunft mittels Physical Computing zu entwerfen. Der Grenzbereich zwischen analoger Materialität und virtuellem Raum steht momentan im Zentrum ihrer Aufmerksamkeit.<br />
Mit Leoni Voegelin arbeitet sie zusammen als VERAVOEGELIN. 2019 entwickelten sie für das SchauSpielHaus Hamburg die partizipative Gesellschaftsimulation „FUTOPOLIS“.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die Sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]<br />
<br />
<br />
'''MQTT'''<br/><br />
<br />
[[Datei:ShifterIo.PNG]]<br />
<br />
ShifterIO kann man für die Kommunikation zwischen IOT Objekten benutzen. Die Webseite fungiert als Broker zwischen Sender und reciever der Daten:<br />
https://shiftr.io/<br />
<br />
Artikel über Netzwerke:<br />
https://processing.org/tutorials/network/</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=1250Benutzerin:Leoni2020-05-11T12:49:08Z<p>Leoni: /* Hinweise */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die Sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]<br />
<br />
<br />
'''MQTT'''<br/><br />
<br />
[[Datei:ShifterIo.PNG]]<br />
<br />
ShifterIO kann man für die Kommunikation zwischen IOT Objekten benutzen. Die Webseite fungiert als Broker zwischen Sender und reciever der Daten:<br />
https://shiftr.io/<br />
<br />
Artikel über Netzwerke:<br />
https://processing.org/tutorials/network/</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=1249Benutzerin:Leoni2020-05-11T12:48:20Z<p>Leoni: /* Hinweise */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die Sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]<br />
<br />
<br />
'''MQTT'''<br/><br />
<br />
[[Datei:ShifterIo.PNG]]<br />
<br />
ShifterIO kann man für die Kommunikation zwischen IOT Objekten benutzen. Die Webseite fungiert als Broker zwischen Sender und reciever der Daten.<br />
https://shiftr.io/</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Datei:ShifterIo.PNG&diff=1248Datei:ShifterIo.PNG2020-05-11T12:45:28Z<p>Leoni: </p>
<hr />
<div></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Squares_together&diff=1247Squares together2020-05-11T12:43:39Z<p>Leoni: </p>
<hr />
<div>This sketch receives OnMouseClick and MousePosition input. <br />
Each position of the mouse is visible on the screen as a little square and sent to the other player,<br />
and you receive the other player's keys in a different colour.<br />
<br />
[[Datei:Squares.jpg]]<br />
<br />
<br />
<source lang="java" line start="2" highlight="4-6"><br />
////////////////////////////////////////////////////////////////////<br />
// S&&O SS2020 // course: *From Space to Space*<br />
////////////////////////////////////////////////////////////////////<br />
<br />
import mqtt.*;<br />
MQTTClient client;<br />
<br />
////////////////////////////////////////////////////////////////////<br />
///////////////////// DECLARE GLOBAL VARIABLES /////////////////////<br />
////////////////////////////////////////////////////////////////////<br />
<br />
// !!! CHANGE p1 and p2 depending on which player you are !!! //<br />
String mePlayer = "/typing-together/orange/p2";<br />
String otherPlayer = "/typing-together/orange/p1";<br />
////////////////////////////////////////////////////////////////////<br />
<br />
int otherMouseX = 0; //for incoming values from other player's mouse xy<br />
int otherMouseY = 0;<br />
int otherPreviousMouseX = 0; //to keep track of last mouse position for drawing line<br />
int otherPreviousMouseY = 0;<br />
<br />
long timeStamp; //to keep track of time<br />
int delayTime = 2000/35; //for use to publish messages only every 35 milliseconds!<br />
<br />
int mouseClick = 1; //used to toggle between background fade and no-fade<br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void setup() {<br />
client = new MQTTClient(this);<br />
client.connect("mqtt://YOUR_SHIFTER_IO_Username:YOUR_SHIFTER_IO_Password@broker.shiftr.io", "YOUR_SHIFTER_IO_Username");<br />
<br />
size(600, 600);<br />
background(100); //set background colour<br />
}<br />
<br />
void clientConnected() {<br />
println("client connected");<br />
client.subscribe(otherPlayer);<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
// RECEIVE //<br />
////////////////////////////////////////////////////////////////////<br />
void messageReceived(String topic, byte[] payload) {<br />
// the incoming MQTT "message" is a String: "xValue,yValue"<br />
// to unpack it we use the "split" function:<br />
String incomingPayload = new String(payload); <br />
String[] xy = split(incomingPayload, ',');<br />
println("new message: " + topic + " x: " + xy[0] + " y: " +xy[1]);<br />
otherMouseX = int(xy[0]);<br />
otherMouseY = int(xy[1]);<br />
}<br />
////////////////////////////////////////////////////////////////////<br />
// SEND & DRAW my line //<br />
////////////////////////////////////////////////////////////////////<br />
<br />
//!only DRAW my line and publish my coordinates when my mouse moves:<br />
void mouseMoved() { <br />
rect(60,60,100,100);<br />
fill(230, 170, 70); //set line colour R,G,B<br />
strokeWeight(5); //line thickness<br />
rect(random(pmouseX, pmouseY),random(pmouseY,pmouseX), random(10, 60), random(10,60));<br />
<br />
//the MQTT connection will close if you send more than 25 operations per second!<br />
//so we implement a delay to SEND my coordinates only every xxx milliseconds:<br />
if (millis() - timeStamp > delayTime) {<br />
timeStamp = millis();<br />
client.publish(mePlayer, mouseX + "," + mouseY); // ("topic", "message")<br />
}<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
// DRAW other line //<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void draw() {<br />
<br />
//click mouse to turn on/off fade effect:<br />
if (mouseClick % 2 == 0) { //if even number of clicks<br />
noStroke();<br />
fill(10, 10); //fill(grayscale, alpha)<br />
rect(0, 0, width, height); //draw rect full screen<br />
}<br />
<br />
rect(60,60,100,100);<br />
fill(70, 230, 160); //set line colour R,G,B<br />
strokeWeight(5); //line thickness<br />
rect(otherPreviousMouseX, otherPreviousMouseY, otherMouseX, otherMouseY);<br />
otherPreviousMouseX = otherMouseX; //update previous to be current<br />
otherPreviousMouseY = otherMouseY; //update previous to be current<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void mouseClicked() {<br />
mouseClick++;<br />
println(mouseClick);<br />
} <br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void connectionLost() {<br />
println("connection lost");<br />
}<br />
</source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=1213Benutzerin:Leoni2020-05-10T10:31:04Z<p>Leoni: /* Hinweise */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die Sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=1212Benutzerin:Leoni2020-05-10T10:29:14Z<p>Leoni: /* Short Bio */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature, and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=NetworkedArt&diff=1211NetworkedArt2020-05-09T21:33:46Z<p>Leoni: /* slavoy zizek? */</p>
<hr />
<div><h1>Networked Theater, Performance, Art, Culture...</h1><br />
<br />
<br />
<br />
=ARTICLES=<br />
<br />
==The Network, The Internet and the Arts==<br />
Very nice chapter in the [https://processing.org/tutorials/network/ "Processing Book"] that introduces historically, there have been two basic strands of networked art: <br />
*art of the Internet: art where the network is used as the actual medium of art–making.<br />
*art for the Internet: art where the network is used as the transportation medium for dissemination of the work.<br />
<br />
"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."<br />
<br />
"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,..."<br />
<br />
<br />
<br />
=Theater=<br />
<br />
==interrobang==<br />
<br />
==sophiensäle==<br />
<br />
==no 99 in tallinn/ rise and fall of estonai 2011==<br />
<br />
==!Mediengruppe Bitnik, Opera Calling (2007)==<br />
«Opera Calling» was an artistic intervention into the cultural system of the Zurich Opera. By means of audio bugs placed within the auditorium of the local opera house, the outside public is given access to the performances on stage. The performances are retransmitted to the public not through broadcasting, but by telephoning each person individually.<br />
https://wwwwwwwwwwwwwwwwwwwwww.bitnik.org/o/<br />
<br />
=Performance Art=<br />
<br />
<br />
<br />
<br />
<br />
<br />
=(Media) Art=<br />
<br />
===The Robot in the Garden===<br />
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.<br />
http://atc.berkeley.edu/201/readings/Robot_In_The_Garden_Intro.pdf<br />
<br />
===The Stellvertreter shoes===<br />
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.<br />
>> https://blog.shiftr.io/showcase-1-2a4ef797cefc<br />
<br />
===Dialog===<br />
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.<br />
>> https://blog.shiftr.io/showcase-2-5bba0cccbddd<br />
<br />
===Rambler Shoes===<br />
* https://www.onascimento.com/new-page-4<br />
* https://twitter.com/ramblershoes?lang=en<br />
<br />
===Tangible Media Group===<br />
https://tangible.media.mit.edu/projects/<br />
<br />
===inTouch===<br />
https://tangible.media.mit.edu/project/intouch/<br />
<br />
<br />
<br />
<br />
==(Media) ARTISTS==<br />
<br />
===Bertolt Brecht=== <br />
on the early revolutionary potential of radio networks<br />
<br />
===John Maeda===<br />
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. <br />
<br />
===Joshua Davis=== <br />
emerged as an important figure through his online works Praystation and Once–Upon–A–Forest.<br />
<br />
===Hans Magnus Enzensberger===<br />
1974 essay on new media, “Constituents for a Theory of the Media”<br />
<br />
===Niklas's Roy===<br />
ARS/Africa connected project<br><br />
>> https://www.niklasroy.com/#menuTop<br />
<br />
===Metahaven===<br />
critical research and designstudio based in amsterdam<br />
<br />
<br />
==(Media) Philosophers==<br />
<br />
===Deleuze and Guattari===<br />
emblematic literary concept of the “rhizome”<br />
<br />
===McLuhan===<br />
<br />
===slavoy zizek?===<br />
A talk about Ideologie and Media: <br />
https://www.youtube.com/watch?v=Lsc1e3pYtRw<br />
<br />
===Geert Lovink===<br />
what else—the possibilities of networking, generative code, and open software projects<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
=Net Art=<br />
<br />
===Cosic===<br />
===Shulgin===<br />
===Olia Lialina===<br />
===Heath Bunting===<br />
<br />
===Lisa Jevbratt’s work 1:1===<br />
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). <br />
<br />
===Mark Napier’s two works Shredder and Digital Landfill ===<br />
rely on a seemingly endless influx of online data, rearranging and overlaying source material in ways unintended by the original creators. <br />
<br />
===Carnivore and Minitasking===<br />
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. <br />
<br />
===>I/O/D 4 (known as “The Webstalker”)===<br />
Jodi’s Wrongbrowser series of alternative web browsers <br />
also illustrate this approach, that the network itself is the art. <br />
All of these works automate the process of grabbing data from the Internet and manipulating it in some way. <br />
<br />
===Jodi===<br />
http://wwwwwwwww.jodi.org</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=NetworkedArt&diff=1210NetworkedArt2020-05-09T21:33:28Z<p>Leoni: /* slavoy zizek? */</p>
<hr />
<div><h1>Networked Theater, Performance, Art, Culture...</h1><br />
<br />
<br />
<br />
=ARTICLES=<br />
<br />
==The Network, The Internet and the Arts==<br />
Very nice chapter in the [https://processing.org/tutorials/network/ "Processing Book"] that introduces historically, there have been two basic strands of networked art: <br />
*art of the Internet: art where the network is used as the actual medium of art–making.<br />
*art for the Internet: art where the network is used as the transportation medium for dissemination of the work.<br />
<br />
"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."<br />
<br />
"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,..."<br />
<br />
<br />
<br />
=Theater=<br />
<br />
==interrobang==<br />
<br />
==sophiensäle==<br />
<br />
==no 99 in tallinn/ rise and fall of estonai 2011==<br />
<br />
==!Mediengruppe Bitnik, Opera Calling (2007)==<br />
«Opera Calling» was an artistic intervention into the cultural system of the Zurich Opera. By means of audio bugs placed within the auditorium of the local opera house, the outside public is given access to the performances on stage. The performances are retransmitted to the public not through broadcasting, but by telephoning each person individually.<br />
https://wwwwwwwwwwwwwwwwwwwwww.bitnik.org/o/<br />
<br />
=Performance Art=<br />
<br />
<br />
<br />
<br />
<br />
<br />
=(Media) Art=<br />
<br />
===The Robot in the Garden===<br />
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.<br />
http://atc.berkeley.edu/201/readings/Robot_In_The_Garden_Intro.pdf<br />
<br />
===The Stellvertreter shoes===<br />
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.<br />
>> https://blog.shiftr.io/showcase-1-2a4ef797cefc<br />
<br />
===Dialog===<br />
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.<br />
>> https://blog.shiftr.io/showcase-2-5bba0cccbddd<br />
<br />
===Rambler Shoes===<br />
* https://www.onascimento.com/new-page-4<br />
* https://twitter.com/ramblershoes?lang=en<br />
<br />
===Tangible Media Group===<br />
https://tangible.media.mit.edu/projects/<br />
<br />
===inTouch===<br />
https://tangible.media.mit.edu/project/intouch/<br />
<br />
<br />
<br />
<br />
==(Media) ARTISTS==<br />
<br />
===Bertolt Brecht=== <br />
on the early revolutionary potential of radio networks<br />
<br />
===John Maeda===<br />
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. <br />
<br />
===Joshua Davis=== <br />
emerged as an important figure through his online works Praystation and Once–Upon–A–Forest.<br />
<br />
===Hans Magnus Enzensberger===<br />
1974 essay on new media, “Constituents for a Theory of the Media”<br />
<br />
===Niklas's Roy===<br />
ARS/Africa connected project<br><br />
>> https://www.niklasroy.com/#menuTop<br />
<br />
===Metahaven===<br />
critical research and designstudio based in amsterdam<br />
<br />
<br />
==(Media) Philosophers==<br />
<br />
===Deleuze and Guattari===<br />
emblematic literary concept of the “rhizome”<br />
<br />
===McLuhan===<br />
<br />
===slavoy zizek?===<br />
A talk about Ideologie and Media: https://www.youtube.com/watch?v=Lsc1e3pYtRw<br />
<br />
===Geert Lovink===<br />
what else—the possibilities of networking, generative code, and open software projects<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
=Net Art=<br />
<br />
===Cosic===<br />
===Shulgin===<br />
===Olia Lialina===<br />
===Heath Bunting===<br />
<br />
===Lisa Jevbratt’s work 1:1===<br />
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). <br />
<br />
===Mark Napier’s two works Shredder and Digital Landfill ===<br />
rely on a seemingly endless influx of online data, rearranging and overlaying source material in ways unintended by the original creators. <br />
<br />
===Carnivore and Minitasking===<br />
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. <br />
<br />
===>I/O/D 4 (known as “The Webstalker”)===<br />
Jodi’s Wrongbrowser series of alternative web browsers <br />
also illustrate this approach, that the network itself is the art. <br />
All of these works automate the process of grabbing data from the Internet and manipulating it in some way. <br />
<br />
===Jodi===<br />
http://wwwwwwwww.jodi.org</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=NetworkedArt&diff=1209NetworkedArt2020-05-09T21:29:09Z<p>Leoni: /* !Mediengruppe Bitnik, Opera Calling (2007) */</p>
<hr />
<div><h1>Networked Theater, Performance, Art, Culture...</h1><br />
<br />
<br />
<br />
=ARTICLES=<br />
<br />
==The Network, The Internet and the Arts==<br />
Very nice chapter in the [https://processing.org/tutorials/network/ "Processing Book"] that introduces historically, there have been two basic strands of networked art: <br />
*art of the Internet: art where the network is used as the actual medium of art–making.<br />
*art for the Internet: art where the network is used as the transportation medium for dissemination of the work.<br />
<br />
"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."<br />
<br />
"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,..."<br />
<br />
<br />
<br />
=Theater=<br />
<br />
==interrobang==<br />
<br />
==sophiensäle==<br />
<br />
==no 99 in tallinn/ rise and fall of estonai 2011==<br />
<br />
==!Mediengruppe Bitnik, Opera Calling (2007)==<br />
«Opera Calling» was an artistic intervention into the cultural system of the Zurich Opera. By means of audio bugs placed within the auditorium of the local opera house, the outside public is given access to the performances on stage. The performances are retransmitted to the public not through broadcasting, but by telephoning each person individually.<br />
https://wwwwwwwwwwwwwwwwwwwwww.bitnik.org/o/<br />
<br />
=Performance Art=<br />
<br />
<br />
<br />
<br />
<br />
<br />
=(Media) Art=<br />
<br />
===The Robot in the Garden===<br />
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.<br />
http://atc.berkeley.edu/201/readings/Robot_In_The_Garden_Intro.pdf<br />
<br />
===The Stellvertreter shoes===<br />
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.<br />
>> https://blog.shiftr.io/showcase-1-2a4ef797cefc<br />
<br />
===Dialog===<br />
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.<br />
>> https://blog.shiftr.io/showcase-2-5bba0cccbddd<br />
<br />
===Rambler Shoes===<br />
* https://www.onascimento.com/new-page-4<br />
* https://twitter.com/ramblershoes?lang=en<br />
<br />
===Tangible Media Group===<br />
https://tangible.media.mit.edu/projects/<br />
<br />
===inTouch===<br />
https://tangible.media.mit.edu/project/intouch/<br />
<br />
<br />
<br />
<br />
==(Media) ARTISTS==<br />
<br />
===Bertolt Brecht=== <br />
on the early revolutionary potential of radio networks<br />
<br />
===John Maeda===<br />
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. <br />
<br />
===Joshua Davis=== <br />
emerged as an important figure through his online works Praystation and Once–Upon–A–Forest.<br />
<br />
===Hans Magnus Enzensberger===<br />
1974 essay on new media, “Constituents for a Theory of the Media”<br />
<br />
===Niklas's Roy===<br />
ARS/Africa connected project<br><br />
>> https://www.niklasroy.com/#menuTop<br />
<br />
===Metahaven===<br />
critical research and designstudio based in amsterdam<br />
<br />
<br />
==(Media) Philosophers==<br />
<br />
===Deleuze and Guattari===<br />
emblematic literary concept of the “rhizome”<br />
<br />
===McLuhan===<br />
<br />
===slavoy zizek?===<br />
<br />
===Geert Lovink===<br />
what else—the possibilities of networking, generative code, and open software projects<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
=Net Art=<br />
<br />
===Cosic===<br />
===Shulgin===<br />
===Olia Lialina===<br />
===Heath Bunting===<br />
<br />
===Lisa Jevbratt’s work 1:1===<br />
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). <br />
<br />
===Mark Napier’s two works Shredder and Digital Landfill ===<br />
rely on a seemingly endless influx of online data, rearranging and overlaying source material in ways unintended by the original creators. <br />
<br />
===Carnivore and Minitasking===<br />
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. <br />
<br />
===>I/O/D 4 (known as “The Webstalker”)===<br />
Jodi’s Wrongbrowser series of alternative web browsers <br />
also illustrate this approach, that the network itself is the art. <br />
All of these works automate the process of grabbing data from the Internet and manipulating it in some way. <br />
<br />
===Jodi===<br />
http://wwwwwwwww.jodi.org</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=NetworkedArt&diff=1208NetworkedArt2020-05-09T21:28:20Z<p>Leoni: /* !Mediengruppe Bitnik, Opera Calling (2007) */</p>
<hr />
<div><h1>Networked Theater, Performance, Art, Culture...</h1><br />
<br />
<br />
<br />
=ARTICLES=<br />
<br />
==The Network, The Internet and the Arts==<br />
Very nice chapter in the [https://processing.org/tutorials/network/ "Processing Book"] that introduces historically, there have been two basic strands of networked art: <br />
*art of the Internet: art where the network is used as the actual medium of art–making.<br />
*art for the Internet: art where the network is used as the transportation medium for dissemination of the work.<br />
<br />
"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."<br />
<br />
"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,..."<br />
<br />
<br />
<br />
=Theater=<br />
<br />
==interrobang==<br />
<br />
==sophiensäle==<br />
<br />
==no 99 in tallinn/ rise and fall of estonai 2011==<br />
<br />
==!Mediengruppe Bitnik, Opera Calling (2007)==<br />
«Opera Calling» was an artistic intervention into the cultural system of the Zurich Opera. By means of audio bugs placed within the auditorium of the local opera house, the outside public is given access to the performances on stage. The performances are retransmitted to the public not through broadcasting, but by telephoning each person individually.<br />
<br />
=Performance Art=<br />
<br />
<br />
<br />
<br />
<br />
<br />
=(Media) Art=<br />
<br />
===The Robot in the Garden===<br />
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.<br />
http://atc.berkeley.edu/201/readings/Robot_In_The_Garden_Intro.pdf<br />
<br />
===The Stellvertreter shoes===<br />
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.<br />
>> https://blog.shiftr.io/showcase-1-2a4ef797cefc<br />
<br />
===Dialog===<br />
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.<br />
>> https://blog.shiftr.io/showcase-2-5bba0cccbddd<br />
<br />
===Rambler Shoes===<br />
* https://www.onascimento.com/new-page-4<br />
* https://twitter.com/ramblershoes?lang=en<br />
<br />
===Tangible Media Group===<br />
https://tangible.media.mit.edu/projects/<br />
<br />
===inTouch===<br />
https://tangible.media.mit.edu/project/intouch/<br />
<br />
<br />
<br />
<br />
==(Media) ARTISTS==<br />
<br />
===Bertolt Brecht=== <br />
on the early revolutionary potential of radio networks<br />
<br />
===John Maeda===<br />
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. <br />
<br />
===Joshua Davis=== <br />
emerged as an important figure through his online works Praystation and Once–Upon–A–Forest.<br />
<br />
===Hans Magnus Enzensberger===<br />
1974 essay on new media, “Constituents for a Theory of the Media”<br />
<br />
===Niklas's Roy===<br />
ARS/Africa connected project<br><br />
>> https://www.niklasroy.com/#menuTop<br />
<br />
===Metahaven===<br />
critical research and designstudio based in amsterdam<br />
<br />
<br />
==(Media) Philosophers==<br />
<br />
===Deleuze and Guattari===<br />
emblematic literary concept of the “rhizome”<br />
<br />
===McLuhan===<br />
<br />
===slavoy zizek?===<br />
<br />
===Geert Lovink===<br />
what else—the possibilities of networking, generative code, and open software projects<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
=Net Art=<br />
<br />
===Cosic===<br />
===Shulgin===<br />
===Olia Lialina===<br />
===Heath Bunting===<br />
<br />
===Lisa Jevbratt’s work 1:1===<br />
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). <br />
<br />
===Mark Napier’s two works Shredder and Digital Landfill ===<br />
rely on a seemingly endless influx of online data, rearranging and overlaying source material in ways unintended by the original creators. <br />
<br />
===Carnivore and Minitasking===<br />
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. <br />
<br />
===>I/O/D 4 (known as “The Webstalker”)===<br />
Jodi’s Wrongbrowser series of alternative web browsers <br />
also illustrate this approach, that the network itself is the art. <br />
All of these works automate the process of grabbing data from the Internet and manipulating it in some way. <br />
<br />
===Jodi===<br />
http://wwwwwwwww.jodi.org</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=NetworkedArt&diff=1207NetworkedArt2020-05-09T21:24:39Z<p>Leoni: /* Mediengruppe Bitnik mit der Oper (über Telefon) */</p>
<hr />
<div><h1>Networked Theater, Performance, Art, Culture...</h1><br />
<br />
<br />
<br />
=ARTICLES=<br />
<br />
==The Network, The Internet and the Arts==<br />
Very nice chapter in the [https://processing.org/tutorials/network/ "Processing Book"] that introduces historically, there have been two basic strands of networked art: <br />
*art of the Internet: art where the network is used as the actual medium of art–making.<br />
*art for the Internet: art where the network is used as the transportation medium for dissemination of the work.<br />
<br />
"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."<br />
<br />
"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,..."<br />
<br />
<br />
<br />
=Theater=<br />
<br />
==interrobang==<br />
<br />
==sophiensäle==<br />
<br />
==no 99 in tallinn/ rise and fall of estonai 2011==<br />
<br />
==!Mediengruppe Bitnik, Opera Calling (2007)==<br />
<br />
=Performance Art=<br />
<br />
<br />
<br />
<br />
<br />
<br />
=(Media) Art=<br />
<br />
===The Robot in the Garden===<br />
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.<br />
http://atc.berkeley.edu/201/readings/Robot_In_The_Garden_Intro.pdf<br />
<br />
===The Stellvertreter shoes===<br />
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.<br />
>> https://blog.shiftr.io/showcase-1-2a4ef797cefc<br />
<br />
===Dialog===<br />
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.<br />
>> https://blog.shiftr.io/showcase-2-5bba0cccbddd<br />
<br />
===Rambler Shoes===<br />
* https://www.onascimento.com/new-page-4<br />
* https://twitter.com/ramblershoes?lang=en<br />
<br />
===Tangible Media Group===<br />
https://tangible.media.mit.edu/projects/<br />
<br />
===inTouch===<br />
https://tangible.media.mit.edu/project/intouch/<br />
<br />
<br />
<br />
<br />
==(Media) ARTISTS==<br />
<br />
===Bertolt Brecht=== <br />
on the early revolutionary potential of radio networks<br />
<br />
===John Maeda===<br />
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. <br />
<br />
===Joshua Davis=== <br />
emerged as an important figure through his online works Praystation and Once–Upon–A–Forest.<br />
<br />
===Hans Magnus Enzensberger===<br />
1974 essay on new media, “Constituents for a Theory of the Media”<br />
<br />
===Niklas's Roy===<br />
ARS/Africa connected project<br><br />
>> https://www.niklasroy.com/#menuTop<br />
<br />
===Metahaven===<br />
critical research and designstudio based in amsterdam<br />
<br />
<br />
==(Media) Philosophers==<br />
<br />
===Deleuze and Guattari===<br />
emblematic literary concept of the “rhizome”<br />
<br />
===McLuhan===<br />
<br />
===slavoy zizek?===<br />
<br />
===Geert Lovink===<br />
what else—the possibilities of networking, generative code, and open software projects<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
=Net Art=<br />
<br />
===Cosic===<br />
===Shulgin===<br />
===Olia Lialina===<br />
===Heath Bunting===<br />
<br />
===Lisa Jevbratt’s work 1:1===<br />
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). <br />
<br />
===Mark Napier’s two works Shredder and Digital Landfill ===<br />
rely on a seemingly endless influx of online data, rearranging and overlaying source material in ways unintended by the original creators. <br />
<br />
===Carnivore and Minitasking===<br />
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. <br />
<br />
===>I/O/D 4 (known as “The Webstalker”)===<br />
Jodi’s Wrongbrowser series of alternative web browsers <br />
also illustrate this approach, that the network itself is the art. <br />
All of these works automate the process of grabbing data from the Internet and manipulating it in some way. <br />
<br />
===Jodi===<br />
http://wwwwwwwww.jodi.org</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space&diff=1206From Space to Space2020-05-09T20:41:13Z<p>Leoni: /* OUR SENSORS + CODE */</p>
<hr />
<div>Zeitraum: 5. - 7.05. und 12. - 14.05. jeweils 11:00 - 13:00 und 14:00 bis 16:00 Uhr<br />
<br />
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.<br />
<br />
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.<br />
<br />
Wir streben eine direkte Kontrolle unterschiedlichster Auswirkungen in das Ladenlokal hinein und aus dem Ladenlokal hinaus an.<br />
<br />
Im Rahmen des Workshops wird es konzeptionelle und technische Aufgaben geben, die ausserhalb der Workshopzeit bearbeitet werden sollen.<br />
<br />
see also: [[http://hyperdramatik.net/mediawiki/index.php?title=Vernetzte_R%C3%A4ume VERNETZTE RÄUME]]<br />
<br />
https://live.staticflickr.com/65535/49809367048_eccc936c8f_z.jpg<br />
<br />
<br />
=DAY_1: PLAYING TOGETHER=<br />
<br />
==PROCESSING--><--MQTT--><--PROCESSING==<br />
<br />
===Shiftr.io===<br />
https://docs.shiftr.io/interfaces/mqtt/<br />
https://shiftr.io/<br />
<br />
<br />
==CHALLENGE: write a 2+ player processing sketch==<br />
NACHMITTAGS PLAN:<br />
<br />
1) alle erstellen shiftr.io account und einen Namespace (think about a name for your namespace.....:-)<br />
((( maybe something like: hannahSPACE, friedrichSPACE..... )))<br />
<br />
2) challenge: work by yourself to write a sketch that involves 2 (or more?) players<br />
<br />
3) playtest your sketch with others<br />
document on wiki (description/anleitung, screenshot, code)<br />
<br />
4) go out and enjoy the sun<br />
<br />
((( hannah bleibt bis 16:00 online um fragen zu beantworten und kann auch mit helfen spiele testen )))<br />
<br />
<br />
===OUR SKETCHES===<br />
*[[typing together]] (by hannah)<br />
*[[squares together]] (by leoni fom hannah)<br />
*[[particles together]] (by tomás)<br />
*[[strange connections]] (by anna vera)<br />
*[[connected mouse]] (by anna vera)<br />
*[[Drawing bodies]] (by janne nora)<br />
<br />
=DAY_2: GETTING PHYSICAL=<br />
<br />
((( translating: WORLD —> COMPUTER )))<br />
<br />
*arduino recap<br />
*reading analog sensors (voltage divider, ADC, internal pull-up)<br />
<br />
—> challenge: make your own textile sensor(s)<br />
((( send your sensor data to the network! )))<br />
<br />
LUNCH<br />
<br />
*breathe together<br />
*discuss ideas<br />
<br />
—> choose a challenge: <br />
make more sensors<br />
connect more sensors<br />
draw with sensor data<br />
<br />
—> document what your sensors + code in a wiki post:<br />
http://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space<br />
<br />
<br />
* = video call<br />
—> = offline working (with chat for questions)<br />
<br />
<br />
==TEXTILE SENSORS==<br />
<br />
BREATHING BELT (knit stretch sensor)<br />
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”. <br />
https://www.kobakant.at/DIY/?p=8171<br />
<br />
NEOPRENE BEND SENSOR (also a pressure sensor)<br />
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.<br />
https://www.kobakant.at/DIY/?p=20<br />
<br />
PAPER MULTI-TOUCHPAD<br />
Build our own muti-touch pressure-sensitive touchpads from paper, copper tape and velostat – a carbon impregnated plastic film with piezoresistive properties.<br />
<br />
pressure matrix code + circuit:<br />
https://www.kobakant.at/DIY/?p=7943<br />
<br />
photos:<br />
https://www.flickr.com/photos/plusea/albums/72157708415692535<br />
<br />
<br />
===OUR SENSORS + CODE===<br />
<br />
====hannahs====<br />
<br />
https://live.staticflickr.com/65535/33984536188_30760c37e5_m.jpg<br />
<br />
https://live.staticflickr.com/65535/49781644002_ea097aef85_m.jpg<br />
<br />
https://live.staticflickr.com/3621/3468358570_e5faecd054_m.jpg<br />
<br />
<br />
====tomás====<br />
<br />
[[Datei:tomas_bend_sensor.png]]<br />
<br />
<br />
[[Datei:tomas_breathe_sensor1.png]]<br />
<br />
<br />
<br />
[[Datei:tomas_touchpad.png]]<br />
<br />
<br />
<br />
====leonis====<br />
<br />
<br />
[[Datei:P5090798.JPG|200px|thumb|left|bend_sensor]]<br />
<br />
[[Datei:P5090797.JPG|200px|thumb|left|breathe_sensor]]<br />
<br />
[[Datei:P5090802(kopie.jpg|200px|thumb|left|circuit with a sensor and an actuator connected]]<br />
<br />
===janne===<br />
<br />
[[Datei:Touch sensor janne.jpeg]]<br />
<br />
===janne===<br />
<br />
[[Datei:TouchSensor.jpg]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space&diff=1205From Space to Space2020-05-09T20:38:04Z<p>Leoni: /* OUR SENSORS + CODE */</p>
<hr />
<div>Zeitraum: 5. - 7.05. und 12. - 14.05. jeweils 11:00 - 13:00 und 14:00 bis 16:00 Uhr<br />
<br />
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.<br />
<br />
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.<br />
<br />
Wir streben eine direkte Kontrolle unterschiedlichster Auswirkungen in das Ladenlokal hinein und aus dem Ladenlokal hinaus an.<br />
<br />
Im Rahmen des Workshops wird es konzeptionelle und technische Aufgaben geben, die ausserhalb der Workshopzeit bearbeitet werden sollen.<br />
<br />
see also: [[http://hyperdramatik.net/mediawiki/index.php?title=Vernetzte_R%C3%A4ume VERNETZTE RÄUME]]<br />
<br />
https://live.staticflickr.com/65535/49809367048_eccc936c8f_z.jpg<br />
<br />
<br />
=DAY_1: PLAYING TOGETHER=<br />
<br />
==PROCESSING--><--MQTT--><--PROCESSING==<br />
<br />
===Shiftr.io===<br />
https://docs.shiftr.io/interfaces/mqtt/<br />
https://shiftr.io/<br />
<br />
<br />
==CHALLENGE: write a 2+ player processing sketch==<br />
NACHMITTAGS PLAN:<br />
<br />
1) alle erstellen shiftr.io account und einen Namespace (think about a name for your namespace.....:-)<br />
((( maybe something like: hannahSPACE, friedrichSPACE..... )))<br />
<br />
2) challenge: work by yourself to write a sketch that involves 2 (or more?) players<br />
<br />
3) playtest your sketch with others<br />
document on wiki (description/anleitung, screenshot, code)<br />
<br />
4) go out and enjoy the sun<br />
<br />
((( hannah bleibt bis 16:00 online um fragen zu beantworten und kann auch mit helfen spiele testen )))<br />
<br />
<br />
===OUR SKETCHES===<br />
*[[typing together]] (by hannah)<br />
*[[squares together]] (by leoni fom hannah)<br />
*[[particles together]] (by tomás)<br />
*[[strange connections]] (by anna vera)<br />
*[[connected mouse]] (by anna vera)<br />
*[[Drawing bodies]] (by janne nora)<br />
<br />
=DAY_2: GETTING PHYSICAL=<br />
<br />
((( translating: WORLD —> COMPUTER )))<br />
<br />
*arduino recap<br />
*reading analog sensors (voltage divider, ADC, internal pull-up)<br />
<br />
—> challenge: make your own textile sensor(s)<br />
((( send your sensor data to the network! )))<br />
<br />
LUNCH<br />
<br />
*breathe together<br />
*discuss ideas<br />
<br />
—> choose a challenge: <br />
make more sensors<br />
connect more sensors<br />
draw with sensor data<br />
<br />
—> document what your sensors + code in a wiki post:<br />
http://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space<br />
<br />
<br />
* = video call<br />
—> = offline working (with chat for questions)<br />
<br />
<br />
==TEXTILE SENSORS==<br />
<br />
BREATHING BELT (knit stretch sensor)<br />
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”. <br />
https://www.kobakant.at/DIY/?p=8171<br />
<br />
NEOPRENE BEND SENSOR (also a pressure sensor)<br />
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.<br />
https://www.kobakant.at/DIY/?p=20<br />
<br />
PAPER MULTI-TOUCHPAD<br />
Build our own muti-touch pressure-sensitive touchpads from paper, copper tape and velostat – a carbon impregnated plastic film with piezoresistive properties.<br />
<br />
pressure matrix code + circuit:<br />
https://www.kobakant.at/DIY/?p=7943<br />
<br />
photos:<br />
https://www.flickr.com/photos/plusea/albums/72157708415692535<br />
<br />
<br />
===OUR SENSORS + CODE===<br />
<br />
====hannahs====<br />
<br />
https://live.staticflickr.com/65535/33984536188_30760c37e5_m.jpg<br />
<br />
https://live.staticflickr.com/65535/49781644002_ea097aef85_m.jpg<br />
<br />
https://live.staticflickr.com/3621/3468358570_e5faecd054_m.jpg<br />
<br />
<br />
====tomás====<br />
<br />
[[Datei:tomas_bend_sensor.png]]<br />
<br />
<br />
[[Datei:tomas_breathe_sensor1.png]]<br />
<br />
<br />
<br />
[[Datei:tomas_touchpad.png]]<br />
<br />
<br />
<br />
====leonis====<br />
<br />
<br />
[[Datei:P5090798.JPG|200px|thumb|left]]]]<br />
<br />
[[Datei:P5090797.JPG|200px|thumb|left]]]]<br />
<br />
[[Datei:P5090802(kopie.jpg|200px|thumb|left]]]]<br />
<br />
===janne===<br />
<br />
[[Datei:Touch sensor janne.jpeg]]<br />
<br />
===janne===<br />
<br />
[[Datei:TouchSensor.jpg]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Datei:P5090802(kopie.jpg&diff=1204Datei:P5090802(kopie.jpg2020-05-09T20:37:25Z<p>Leoni: </p>
<hr />
<div></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space&diff=1203From Space to Space2020-05-09T20:36:49Z<p>Leoni: /* leonis */</p>
<hr />
<div>Zeitraum: 5. - 7.05. und 12. - 14.05. jeweils 11:00 - 13:00 und 14:00 bis 16:00 Uhr<br />
<br />
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.<br />
<br />
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.<br />
<br />
Wir streben eine direkte Kontrolle unterschiedlichster Auswirkungen in das Ladenlokal hinein und aus dem Ladenlokal hinaus an.<br />
<br />
Im Rahmen des Workshops wird es konzeptionelle und technische Aufgaben geben, die ausserhalb der Workshopzeit bearbeitet werden sollen.<br />
<br />
see also: [[http://hyperdramatik.net/mediawiki/index.php?title=Vernetzte_R%C3%A4ume VERNETZTE RÄUME]]<br />
<br />
https://live.staticflickr.com/65535/49809367048_eccc936c8f_z.jpg<br />
<br />
<br />
=DAY_1: PLAYING TOGETHER=<br />
<br />
==PROCESSING--><--MQTT--><--PROCESSING==<br />
<br />
===Shiftr.io===<br />
https://docs.shiftr.io/interfaces/mqtt/<br />
https://shiftr.io/<br />
<br />
<br />
==CHALLENGE: write a 2+ player processing sketch==<br />
NACHMITTAGS PLAN:<br />
<br />
1) alle erstellen shiftr.io account und einen Namespace (think about a name for your namespace.....:-)<br />
((( maybe something like: hannahSPACE, friedrichSPACE..... )))<br />
<br />
2) challenge: work by yourself to write a sketch that involves 2 (or more?) players<br />
<br />
3) playtest your sketch with others<br />
document on wiki (description/anleitung, screenshot, code)<br />
<br />
4) go out and enjoy the sun<br />
<br />
((( hannah bleibt bis 16:00 online um fragen zu beantworten und kann auch mit helfen spiele testen )))<br />
<br />
<br />
===OUR SKETCHES===<br />
*[[typing together]] (by hannah)<br />
*[[squares together]] (by leoni fom hannah)<br />
*[[particles together]] (by tomás)<br />
*[[strange connections]] (by anna vera)<br />
*[[connected mouse]] (by anna vera)<br />
*[[Drawing bodies]] (by janne nora)<br />
<br />
=DAY_2: GETTING PHYSICAL=<br />
<br />
((( translating: WORLD —> COMPUTER )))<br />
<br />
*arduino recap<br />
*reading analog sensors (voltage divider, ADC, internal pull-up)<br />
<br />
—> challenge: make your own textile sensor(s)<br />
((( send your sensor data to the network! )))<br />
<br />
LUNCH<br />
<br />
*breathe together<br />
*discuss ideas<br />
<br />
—> choose a challenge: <br />
make more sensors<br />
connect more sensors<br />
draw with sensor data<br />
<br />
—> document what your sensors + code in a wiki post:<br />
http://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space<br />
<br />
<br />
* = video call<br />
—> = offline working (with chat for questions)<br />
<br />
<br />
==TEXTILE SENSORS==<br />
<br />
BREATHING BELT (knit stretch sensor)<br />
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”. <br />
https://www.kobakant.at/DIY/?p=8171<br />
<br />
NEOPRENE BEND SENSOR (also a pressure sensor)<br />
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.<br />
https://www.kobakant.at/DIY/?p=20<br />
<br />
PAPER MULTI-TOUCHPAD<br />
Build our own muti-touch pressure-sensitive touchpads from paper, copper tape and velostat – a carbon impregnated plastic film with piezoresistive properties.<br />
<br />
pressure matrix code + circuit:<br />
https://www.kobakant.at/DIY/?p=7943<br />
<br />
photos:<br />
https://www.flickr.com/photos/plusea/albums/72157708415692535<br />
<br />
<br />
===OUR SENSORS + CODE===<br />
<br />
====hannahs====<br />
<br />
https://live.staticflickr.com/65535/33984536188_30760c37e5_m.jpg<br />
<br />
https://live.staticflickr.com/65535/49781644002_ea097aef85_m.jpg<br />
<br />
https://live.staticflickr.com/3621/3468358570_e5faecd054_m.jpg<br />
<br />
<br />
====tomás====<br />
<br />
[[Datei:tomas_bend_sensor.png]]<br />
<br />
<br />
[[Datei:tomas_breathe_sensor1.png]]<br />
<br />
<br />
<br />
[[Datei:tomas_touchpad.png]]<br />
<br />
<br />
<br />
====leonis====<br />
<br />
<br />
[[Datei:P5090798.JPG|200px|thumb|left]]]]<br />
<br />
[[Datei:P5090797.JPG|200px|thumb|left]]]]<br />
<br />
===janne===<br />
<br />
[[Datei:Touch sensor janne.jpeg]]<br />
<br />
===janne===<br />
<br />
[[Datei:TouchSensor.jpg]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space&diff=1202From Space to Space2020-05-09T20:36:27Z<p>Leoni: /* leonis */</p>
<hr />
<div>Zeitraum: 5. - 7.05. und 12. - 14.05. jeweils 11:00 - 13:00 und 14:00 bis 16:00 Uhr<br />
<br />
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.<br />
<br />
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.<br />
<br />
Wir streben eine direkte Kontrolle unterschiedlichster Auswirkungen in das Ladenlokal hinein und aus dem Ladenlokal hinaus an.<br />
<br />
Im Rahmen des Workshops wird es konzeptionelle und technische Aufgaben geben, die ausserhalb der Workshopzeit bearbeitet werden sollen.<br />
<br />
see also: [[http://hyperdramatik.net/mediawiki/index.php?title=Vernetzte_R%C3%A4ume VERNETZTE RÄUME]]<br />
<br />
https://live.staticflickr.com/65535/49809367048_eccc936c8f_z.jpg<br />
<br />
<br />
=DAY_1: PLAYING TOGETHER=<br />
<br />
==PROCESSING--><--MQTT--><--PROCESSING==<br />
<br />
===Shiftr.io===<br />
https://docs.shiftr.io/interfaces/mqtt/<br />
https://shiftr.io/<br />
<br />
<br />
==CHALLENGE: write a 2+ player processing sketch==<br />
NACHMITTAGS PLAN:<br />
<br />
1) alle erstellen shiftr.io account und einen Namespace (think about a name for your namespace.....:-)<br />
((( maybe something like: hannahSPACE, friedrichSPACE..... )))<br />
<br />
2) challenge: work by yourself to write a sketch that involves 2 (or more?) players<br />
<br />
3) playtest your sketch with others<br />
document on wiki (description/anleitung, screenshot, code)<br />
<br />
4) go out and enjoy the sun<br />
<br />
((( hannah bleibt bis 16:00 online um fragen zu beantworten und kann auch mit helfen spiele testen )))<br />
<br />
<br />
===OUR SKETCHES===<br />
*[[typing together]] (by hannah)<br />
*[[squares together]] (by leoni fom hannah)<br />
*[[particles together]] (by tomás)<br />
*[[strange connections]] (by anna vera)<br />
*[[connected mouse]] (by anna vera)<br />
*[[Drawing bodies]] (by janne nora)<br />
<br />
=DAY_2: GETTING PHYSICAL=<br />
<br />
((( translating: WORLD —> COMPUTER )))<br />
<br />
*arduino recap<br />
*reading analog sensors (voltage divider, ADC, internal pull-up)<br />
<br />
—> challenge: make your own textile sensor(s)<br />
((( send your sensor data to the network! )))<br />
<br />
LUNCH<br />
<br />
*breathe together<br />
*discuss ideas<br />
<br />
—> choose a challenge: <br />
make more sensors<br />
connect more sensors<br />
draw with sensor data<br />
<br />
—> document what your sensors + code in a wiki post:<br />
http://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space<br />
<br />
<br />
* = video call<br />
—> = offline working (with chat for questions)<br />
<br />
<br />
==TEXTILE SENSORS==<br />
<br />
BREATHING BELT (knit stretch sensor)<br />
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”. <br />
https://www.kobakant.at/DIY/?p=8171<br />
<br />
NEOPRENE BEND SENSOR (also a pressure sensor)<br />
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.<br />
https://www.kobakant.at/DIY/?p=20<br />
<br />
PAPER MULTI-TOUCHPAD<br />
Build our own muti-touch pressure-sensitive touchpads from paper, copper tape and velostat – a carbon impregnated plastic film with piezoresistive properties.<br />
<br />
pressure matrix code + circuit:<br />
https://www.kobakant.at/DIY/?p=7943<br />
<br />
photos:<br />
https://www.flickr.com/photos/plusea/albums/72157708415692535<br />
<br />
<br />
===OUR SENSORS + CODE===<br />
<br />
====hannahs====<br />
<br />
https://live.staticflickr.com/65535/33984536188_30760c37e5_m.jpg<br />
<br />
https://live.staticflickr.com/65535/49781644002_ea097aef85_m.jpg<br />
<br />
https://live.staticflickr.com/3621/3468358570_e5faecd054_m.jpg<br />
<br />
<br />
====tomás====<br />
<br />
[[Datei:tomas_bend_sensor.png]]<br />
<br />
<br />
[[Datei:tomas_breathe_sensor1.png]]<br />
<br />
<br />
<br />
[[Datei:tomas_touchpad.png]]<br />
<br />
<br />
<br />
====leonis====<br />
<br />
<br />
[[Datei:P5090798.JPG|200px|thumb|left|Alternativer Text]]]]<br />
<br />
[[Datei:P5090797.JPG|200px|thumb|left|Alternativer Text]]]]<br />
<br />
===janne===<br />
<br />
[[Datei:Touch sensor janne.jpeg]]<br />
<br />
===janne===<br />
<br />
[[Datei:TouchSensor.jpg]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space&diff=1201From Space to Space2020-05-09T20:34:04Z<p>Leoni: /* OUR SENSORS + CODE */</p>
<hr />
<div>Zeitraum: 5. - 7.05. und 12. - 14.05. jeweils 11:00 - 13:00 und 14:00 bis 16:00 Uhr<br />
<br />
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.<br />
<br />
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.<br />
<br />
Wir streben eine direkte Kontrolle unterschiedlichster Auswirkungen in das Ladenlokal hinein und aus dem Ladenlokal hinaus an.<br />
<br />
Im Rahmen des Workshops wird es konzeptionelle und technische Aufgaben geben, die ausserhalb der Workshopzeit bearbeitet werden sollen.<br />
<br />
see also: [[http://hyperdramatik.net/mediawiki/index.php?title=Vernetzte_R%C3%A4ume VERNETZTE RÄUME]]<br />
<br />
https://live.staticflickr.com/65535/49809367048_eccc936c8f_z.jpg<br />
<br />
<br />
=DAY_1: PLAYING TOGETHER=<br />
<br />
==PROCESSING--><--MQTT--><--PROCESSING==<br />
<br />
===Shiftr.io===<br />
https://docs.shiftr.io/interfaces/mqtt/<br />
https://shiftr.io/<br />
<br />
<br />
==CHALLENGE: write a 2+ player processing sketch==<br />
NACHMITTAGS PLAN:<br />
<br />
1) alle erstellen shiftr.io account und einen Namespace (think about a name for your namespace.....:-)<br />
((( maybe something like: hannahSPACE, friedrichSPACE..... )))<br />
<br />
2) challenge: work by yourself to write a sketch that involves 2 (or more?) players<br />
<br />
3) playtest your sketch with others<br />
document on wiki (description/anleitung, screenshot, code)<br />
<br />
4) go out and enjoy the sun<br />
<br />
((( hannah bleibt bis 16:00 online um fragen zu beantworten und kann auch mit helfen spiele testen )))<br />
<br />
<br />
===OUR SKETCHES===<br />
*[[typing together]] (by hannah)<br />
*[[squares together]] (by leoni fom hannah)<br />
*[[particles together]] (by tomás)<br />
*[[strange connections]] (by anna vera)<br />
*[[connected mouse]] (by anna vera)<br />
*[[Drawing bodies]] (by janne nora)<br />
<br />
=DAY_2: GETTING PHYSICAL=<br />
<br />
((( translating: WORLD —> COMPUTER )))<br />
<br />
*arduino recap<br />
*reading analog sensors (voltage divider, ADC, internal pull-up)<br />
<br />
—> challenge: make your own textile sensor(s)<br />
((( send your sensor data to the network! )))<br />
<br />
LUNCH<br />
<br />
*breathe together<br />
*discuss ideas<br />
<br />
—> choose a challenge: <br />
make more sensors<br />
connect more sensors<br />
draw with sensor data<br />
<br />
—> document what your sensors + code in a wiki post:<br />
http://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space<br />
<br />
<br />
* = video call<br />
—> = offline working (with chat for questions)<br />
<br />
<br />
==TEXTILE SENSORS==<br />
<br />
BREATHING BELT (knit stretch sensor)<br />
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”. <br />
https://www.kobakant.at/DIY/?p=8171<br />
<br />
NEOPRENE BEND SENSOR (also a pressure sensor)<br />
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.<br />
https://www.kobakant.at/DIY/?p=20<br />
<br />
PAPER MULTI-TOUCHPAD<br />
Build our own muti-touch pressure-sensitive touchpads from paper, copper tape and velostat – a carbon impregnated plastic film with piezoresistive properties.<br />
<br />
pressure matrix code + circuit:<br />
https://www.kobakant.at/DIY/?p=7943<br />
<br />
photos:<br />
https://www.flickr.com/photos/plusea/albums/72157708415692535<br />
<br />
<br />
===OUR SENSORS + CODE===<br />
<br />
====hannahs====<br />
<br />
https://live.staticflickr.com/65535/33984536188_30760c37e5_m.jpg<br />
<br />
https://live.staticflickr.com/65535/49781644002_ea097aef85_m.jpg<br />
<br />
https://live.staticflickr.com/3621/3468358570_e5faecd054_m.jpg<br />
<br />
<br />
====tomás====<br />
<br />
[[Datei:tomas_bend_sensor.png]]<br />
<br />
<br />
[[Datei:tomas_breathe_sensor1.png]]<br />
<br />
<br />
<br />
[[Datei:tomas_touchpad.png]]<br />
<br />
<br />
<br />
====leonis====<br />
<br />
<br />
[[Datei:P5090798.JPG]]<br />
<br />
[[Datei:P5090797.JPG]]<br />
<br />
===janne===<br />
<br />
[[Datei:Touch sensor janne.jpeg]]<br />
<br />
===janne===<br />
<br />
[[Datei:TouchSensor.jpg]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Datei:P5090797.JPG&diff=1200Datei:P5090797.JPG2020-05-09T20:32:06Z<p>Leoni: </p>
<hr />
<div></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Datei:P5090798.JPG&diff=1199Datei:P5090798.JPG2020-05-09T20:28:09Z<p>Leoni: </p>
<hr />
<div></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Squares_together&diff=1135Squares together2020-05-05T13:52:31Z<p>Leoni: </p>
<hr />
<div>This sketch receives OnMouseClick and MousePosition input. <br />
Each position of the mouse is visible on the screen as a little square and sent to the other player,<br />
and you receive the other player's keys in a different colour.<br />
<br />
[[Datei:Squares.jpg]]<br />
<br />
<br />
<source lang="java" line start="2" highlight="4-6"><br />
////////////////////////////////////////////////////////////////////<br />
// S&&O SS2020 // course: *From Space to Space*<br />
////////////////////////////////////////////////////////////////////<br />
<br />
import mqtt.*;<br />
MQTTClient client;<br />
<br />
////////////////////////////////////////////////////////////////////<br />
///////////////////// DECLARE GLOBAL VARIABLES /////////////////////<br />
////////////////////////////////////////////////////////////////////<br />
<br />
// !!! CHANGE p1 and p2 depending on which player you are !!! //<br />
String mePlayer = "/typing-together/orange/p2";<br />
String otherPlayer = "/typing-together/orange/p1";<br />
////////////////////////////////////////////////////////////////////<br />
<br />
int otherMouseX = 0; //for incoming values from other player's mouse xy<br />
int otherMouseY = 0;<br />
int otherPreviousMouseX = 0; //to keep track of last mouse position for drawing line<br />
int otherPreviousMouseY = 0;<br />
<br />
long timeStamp; //to keep track of time<br />
int delayTime = 2000/35; //for use to publish messages only every 35 milliseconds!<br />
<br />
int mouseClick = 1; //used to toggle between background fade and no-fade<br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void setup() {<br />
client = new MQTTClient(this);<br />
client.connect("mqtt://LeoniLeoni:leonileoni@broker.shiftr.io", "LeoniLeoni");<br />
<br />
size(600, 600);<br />
background(100); //set background colour<br />
}<br />
<br />
void clientConnected() {<br />
println("client connected");<br />
client.subscribe(otherPlayer);<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
// RECEIVE //<br />
////////////////////////////////////////////////////////////////////<br />
void messageReceived(String topic, byte[] payload) {<br />
// the incoming MQTT "message" is a String: "xValue,yValue"<br />
// to unpack it we use the "split" function:<br />
String incomingPayload = new String(payload); <br />
String[] xy = split(incomingPayload, ',');<br />
println("new message: " + topic + " x: " + xy[0] + " y: " +xy[1]);<br />
otherMouseX = int(xy[0]);<br />
otherMouseY = int(xy[1]);<br />
}<br />
////////////////////////////////////////////////////////////////////<br />
// SEND & DRAW my line //<br />
////////////////////////////////////////////////////////////////////<br />
<br />
//!only DRAW my line and publish my coordinates when my mouse moves:<br />
void mouseMoved() { <br />
rect(60,60,100,100);<br />
fill(230, 170, 70); //set line colour R,G,B<br />
strokeWeight(5); //line thickness<br />
rect(random(pmouseX, pmouseY),random(pmouseY,pmouseX), random(10, 60), random(10,60));<br />
<br />
//the MQTT connection will close if you send more than 25 operations per second!<br />
//so we implement a delay to SEND my coordinates only every xxx milliseconds:<br />
if (millis() - timeStamp > delayTime) {<br />
timeStamp = millis();<br />
client.publish(mePlayer, mouseX + "," + mouseY); // ("topic", "message")<br />
}<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
// DRAW other line //<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void draw() {<br />
<br />
//click mouse to turn on/off fade effect:<br />
if (mouseClick % 2 == 0) { //if even number of clicks<br />
noStroke();<br />
fill(10, 10); //fill(grayscale, alpha)<br />
rect(0, 0, width, height); //draw rect full screen<br />
}<br />
<br />
rect(60,60,100,100);<br />
fill(70, 230, 160); //set line colour R,G,B<br />
strokeWeight(5); //line thickness<br />
rect(otherPreviousMouseX, otherPreviousMouseY, otherMouseX, otherMouseY);<br />
otherPreviousMouseX = otherMouseX; //update previous to be current<br />
otherPreviousMouseY = otherMouseY; //update previous to be current<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void mouseClicked() {<br />
mouseClick++;<br />
println(mouseClick);<br />
} <br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void connectionLost() {<br />
println("connection lost");<br />
}<br />
</source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Squares_together&diff=1134Squares together2020-05-05T13:50:38Z<p>Leoni: </p>
<hr />
<div>This sketch receives OnMouseClick and MousePosition input. <br />
Each position of the mouse is visible on the screen as a little square and sent to the other player,<br />
and you receive the other player's keys in a different colour.<br />
<br />
Bild<br />
<br />
<br />
<source lang="java" line start="2" highlight="4-6"><br />
////////////////////////////////////////////////////////////////////<br />
// S&&O SS2020 // course: *From Space to Space*<br />
////////////////////////////////////////////////////////////////////<br />
<br />
import mqtt.*;<br />
MQTTClient client;<br />
<br />
////////////////////////////////////////////////////////////////////<br />
///////////////////// DECLARE GLOBAL VARIABLES /////////////////////<br />
////////////////////////////////////////////////////////////////////<br />
<br />
// !!! CHANGE p1 and p2 depending on which player you are !!! //<br />
String mePlayer = "/typing-together/orange/p2";<br />
String otherPlayer = "/typing-together/orange/p1";<br />
////////////////////////////////////////////////////////////////////<br />
<br />
int otherMouseX = 0; //for incoming values from other player's mouse xy<br />
int otherMouseY = 0;<br />
int otherPreviousMouseX = 0; //to keep track of last mouse position for drawing line<br />
int otherPreviousMouseY = 0;<br />
<br />
long timeStamp; //to keep track of time<br />
int delayTime = 2000/35; //for use to publish messages only every 35 milliseconds!<br />
<br />
int mouseClick = 1; //used to toggle between background fade and no-fade<br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void setup() {<br />
client = new MQTTClient(this);<br />
client.connect("mqtt://LeoniLeoni:leonileoni@broker.shiftr.io", "LeoniLeoni");<br />
<br />
size(600, 600);<br />
background(100); //set background colour<br />
}<br />
<br />
void clientConnected() {<br />
println("client connected");<br />
client.subscribe(otherPlayer);<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
// RECEIVE //<br />
////////////////////////////////////////////////////////////////////<br />
void messageReceived(String topic, byte[] payload) {<br />
// the incoming MQTT "message" is a String: "xValue,yValue"<br />
// to unpack it we use the "split" function:<br />
String incomingPayload = new String(payload); <br />
String[] xy = split(incomingPayload, ',');<br />
println("new message: " + topic + " x: " + xy[0] + " y: " +xy[1]);<br />
otherMouseX = int(xy[0]);<br />
otherMouseY = int(xy[1]);<br />
}<br />
////////////////////////////////////////////////////////////////////<br />
// SEND & DRAW my line //<br />
////////////////////////////////////////////////////////////////////<br />
<br />
//!only DRAW my line and publish my coordinates when my mouse moves:<br />
void mouseMoved() { <br />
rect(60,60,100,100);<br />
fill(230, 170, 70); //set line colour R,G,B<br />
strokeWeight(5); //line thickness<br />
rect(random(pmouseX, pmouseY),random(pmouseY,pmouseX), random(10, 60), random(10,60));<br />
<br />
//the MQTT connection will close if you send more than 25 operations per second!<br />
//so we implement a delay to SEND my coordinates only every xxx milliseconds:<br />
if (millis() - timeStamp > delayTime) {<br />
timeStamp = millis();<br />
client.publish(mePlayer, mouseX + "," + mouseY); // ("topic", "message")<br />
}<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
// DRAW other line //<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void draw() {<br />
<br />
//click mouse to turn on/off fade effect:<br />
if (mouseClick % 2 == 0) { //if even number of clicks<br />
noStroke();<br />
fill(10, 10); //fill(grayscale, alpha)<br />
rect(0, 0, width, height); //draw rect full screen<br />
}<br />
<br />
rect(60,60,100,100);<br />
fill(70, 230, 160); //set line colour R,G,B<br />
strokeWeight(5); //line thickness<br />
rect(otherPreviousMouseX, otherPreviousMouseY, otherMouseX, otherMouseY);<br />
otherPreviousMouseX = otherMouseX; //update previous to be current<br />
otherPreviousMouseY = otherMouseY; //update previous to be current<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void mouseClicked() {<br />
mouseClick++;<br />
println(mouseClick);<br />
} <br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void connectionLost() {<br />
println("connection lost");<br />
}<br />
</source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Datei:Squares.jpg&diff=1133Datei:Squares.jpg2020-05-05T13:48:02Z<p>Leoni: </p>
<hr />
<div></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Squares_together&diff=1132Squares together2020-05-05T13:39:04Z<p>Leoni: Die Seite wurde neu angelegt: „This sketch receives OnMouseClick and MousePosition input. Each position of the mouse is visible on the screen as a little square and sent to the other player…“</p>
<hr />
<div>This sketch receives OnMouseClick and MousePosition input. <br />
Each position of the mouse is visible on the screen as a little square and sent to the other player,<br />
and you receive the other player's keys in a different colour.<br />
<br />
https://live.staticflickr.com/65535/49857401148_0f6b53579f_c.jpg<br />
<br />
<br />
<source lang="java" line start="2" highlight="4-6"><br />
////////////////////////////////////////////////////////////////////<br />
// S&&O SS2020 // course: *From Space to Space*<br />
////////////////////////////////////////////////////////////////////<br />
// this sketch receives keyboard input.<br />
// each keypress is typed to the screen and sent to the other player,<br />
// and you receive the other player's keys in a different colour.<br />
// code based on example by Joël Gähwiler<br />
// https://github.com/256dpi/processing-mqtt<br />
////////////////////////////////////////////////////////////////////<br />
<br />
import mqtt.*;<br />
MQTTClient client;<br />
<br />
////////////////////////////////////////////////////////////////////<br />
///////////////////// DECLARE GLOBAL VARIABLES /////////////////////<br />
////////////////////////////////////////////////////////////////////<br />
<br />
// !!! CHANGE p1 and p2 depending on which player you are !!! //<br />
String mePlayer = "/typing-together/grey/p2";<br />
String otherPlayer = "/typing-together/grey/p1";<br />
////////////////////////////////////////////////////////////////////<br />
<br />
PFont f;<br />
String t;<br />
int letterWidth = 15;<br />
int letterHeight = 40;<br />
int x = letterWidth;<br />
int y = letterHeight;<br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void setup() {<br />
client = new MQTTClient(this);<br />
client.connect("mqtt://SpielObjekt:5p13l0j3ct@broker.shiftr.io", "processing");<br />
<br />
size(600, 600);<br />
background(100); //set background colour<br />
<br />
//printArray(PFont.list()); //print out list of available fonts<br />
f = createFont("Courier", 24);<br />
textFont(f);<br />
textAlign(CENTER);<br />
}<br />
<br />
void clientConnected() {<br />
println("client connected");<br />
client.subscribe(otherPlayer);<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
// RECEIVE & TYPE //<br />
////////////////////////////////////////////////////////////////////<br />
void messageReceived(String topic, byte[] payload) {<br />
t = new String(payload);<br />
println("new message: " + topic + " - " + t);<br />
fill(200, 130, 130); //the other player's text will be this colour<br />
text(t, x, y); //draw key on screen<br />
x+=letterWidth; //increment position<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
// SEND & TYPE //<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void keyPressed() {<br />
client.publish(mePlayer, str(key)); //send key to other player<br />
fill(100, 150, 150); //your text will be this colour<br />
text(key, x, y); //draw key on screen<br />
x+=letterWidth; //increment position<br />
}<br />
<br />
void draw() {<br />
if (x > width-letterWidth) {<br />
x=letterWidth;<br />
y+=letterHeight;<br />
}<br />
if (y> height-letterHeight) {<br />
y=letterHeight;<br />
saveFrame(); //save an image of the window into sketch folder<br />
}<br />
}<br />
<br />
////////////////////////////////////////////////////////////////////<br />
<br />
void connectionLost() {<br />
println("connection lost");<br />
}<br />
</source></div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=From_Space_to_Space&diff=1131From Space to Space2020-05-05T13:36:32Z<p>Leoni: /* OUR SKETCHES */</p>
<hr />
<div>Zeitraum: 5. - 7.05. und 12. - 14.05. jeweils 11:00 - 13:00 und 14:00 bis 16:00 Uhr<br />
<br />
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.<br />
<br />
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.<br />
<br />
Wir streben eine direkte Kontrolle unterschiedlichster Auswirkungen in das Ladenlokal hinein und aus dem Ladenlokal hinaus an.<br />
<br />
Im Rahmen des Workshops wird es konzeptionelle und technische Aufgaben geben, die ausserhalb der Workshopzeit bearbeitet werden sollen.<br />
<br />
see also: [[http://hyperdramatik.net/mediawiki/index.php?title=Vernetzte_R%C3%A4ume VERNETZTE RÄUME]]<br />
<br />
https://live.staticflickr.com/65535/49809367048_eccc936c8f_z.jpg<br />
<br />
<br />
=DAY_1=<br />
<br />
==PROCESSING--><--MQTT--><--PROCESSING==<br />
<br />
===Shiftr.io===<br />
https://docs.shiftr.io/interfaces/mqtt/<br />
https://shiftr.io/<br />
<br />
<br />
==CHALLENGE: write a 2+ player processing sketch==<br />
NACHMITTAGS PLAN:<br />
<br />
1) alle erstellen shiftr.io account und einen Namespace (think about a name for your namespace.....:-)<br />
((( maybe something like: hannahSPACE, friedrichSPACE..... )))<br />
<br />
2) challenge: work by yourself to write a sketch that involves 2 (or more?) players<br />
<br />
3) playtest your sketch with others<br />
document on wiki (description/anleitung, screenshot, code)<br />
<br />
4) go out and enjoy the sun<br />
<br />
((( hannah bleibt bis 16:00 online um fragen zu beantworten und kann auch mit helfen spiele testen )))<br />
<br />
<br />
===OUR SKETCHES===<br />
*[[typing together]] (by hannah)<br />
*[[squares together]] (by leoni fom hannah)</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=563Benutzerin:Leoni2019-10-23T14:59:22Z<p>Leoni: /* Short Bio */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=562Benutzerin:Leoni2019-10-23T14:59:04Z<p>Leoni: /* Hinweise */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken. Klingt einfacher als es ist.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]</div>Leonihttp://hyperdramatik.net/mediawiki/index.php?title=Benutzerin:Leoni&diff=561Benutzerin:Leoni2019-10-23T14:58:35Z<p>Leoni: /* Hinweise */</p>
<hr />
<div><br />
=Short Bio=<br />
Leoni Voegelin hat an der Universität Basel Geschichte und Kunstgeschichte studiert. Nach ersten eigenen Arbeiten im Bereich der Video Kunst studiert sie zur Zeit im Master "Spiel && Objekt" an der HfS Ernst Busch in Berlin. In ihrer künstlerischen Auseinandersetzung beschäftigt sie sich mit Fragen betreffend dem Zusammenspiel von Natur und Gesellschaft, wobei insbesondere die durch diese Verschränkung enstehenden Hybride und Cyborgs im Zentrum ihrer Aufmerksamkeit stehen.<br />
<br />
Leoni Voegelin has studied Art History and History in Basel, Switzerland. After some projects in the field of video art, she began with the Master program "Spiel && Objekt" at the HfS Ernst Busch in Berlin. In her artistic research, she questions the nature of human society, the influence of the Anthropocene on nature and the generation of Hybrids and Cyborgs that are raised out of our intertwined living on this planet.<br />
<br />
=Hinweise=<br />
von Leoni (an Leoni)<br />
<br />
<br />
'''Wenn etwas nicht geht'''<br/>Ruhig Blut! Versuchen die sache in ihre einzelnen Bestandteile aufzudröseln und diese vereinfachen um sie durchzudenken.<br />
<br />
<br />
'''Wiederstände'''<br/>Wiederstände können direkt an die Kabel gelötet werden, sodass auf ein Board verzichtet werden kann. Ein + Kabel(5V-Pin)vom Arduino zum z.B. Sensor, und ein -Kabel (A0-Pin) vom Sensor zum Arduino. Darauf achten, dass das - Kabel sich verzweigt, an einen Zweig kommt der Wiederstand z.B. 10Ohm der zu einem GND-Pin führt, der anderen Zweig geht zu Pin (A0-Pin).<br />
<br />
<br />
'''OSC'''<br/>Bei OSC-Kommunikation immer darauf achten, dass die [http://hyperdramatik.net/mediawiki/index.php?title=OSC_Kommunikation_in_Processing&section=2 Firewall] augeschalten ist und dass keine Permanente IP Adresse vergeben ist [[OSC Kommunikation in Processing]]</div>Leoni