User:Thijshijsijsjss/Pen Plotting Panache/twitchplaysplotter: Difference between revisions

From XPUB & Lens-Based wiki
(Add 20240212 livestream outcome)
m (Add linebreaks)
 
Line 13: Line 13:
[[File:20240212-TPP-plot.jpg|thumb|550px|left|Outcome of the 2024-02-12 twitchplaysplotter livestream]]
[[File:20240212-TPP-plot.jpg|thumb|550px|left|Outcome of the 2024-02-12 twitchplaysplotter livestream]]


<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


=Setup=
=Setup=

Latest revision as of 12:36, 21 May 2024

twitchplaysplotter is a pen plotter project inspired by TwitchPlaysPokemon in which a pen plotter can be controlled through the chat of a Twitch livestream. This project, worked on by Rosa, Victor and Thijs, was initiated both to experiment with the collaborative and performative nature of plotters, and to facililate participation of pen plotter enthusiasts who were not able to make it to the 2024-02-12 pen plotting party physically[1].

  • A Git repository containing the project can be found here
  • The twitch channel can be found here

This page describes the project, provide some documentation and some imagery.

Imagery

A webcam pointed to an XY-plotter connected to a livestreaming laptop
The setup during the 2024-02-12 Pen Plotting Party

twitchplaysplotter live during the 2024-05-04 Pen Plotting Party in Brussels
Outcome of the 2024-02-12 twitchplaysplotter livestream

































Setup

Node.js packages

serialport

We use the serialport package to communicate with the serialport the plotter is connected to:

const { SerialPort } = require('serialport')

const port = new SerialPort({
    path: '/dev/ttyUSB0',
    baudRate: 9600,
})

tmi.js

We use tmi.js for communication with the Twitch chat.

const tmi = require('tmi.js');

const client = new tmi.Client({
    // specify what channel to connect to:
    channels: ['twitchplaysplotter']
});
client.connect();

// function for receiving chat messages:
client.on('message', (channel, tags, message, self) => {

    // print name of chatter and their message
    console.log(`${tags['display-name']}: ${message}`);

});

Supported Commands

In app.js, there's a list of commands supported by twitchplaysplotter. These commands are detected in with tmi.js as described above. In a switch statement, each command calls (an) appropriate funstion(s) in hpgl.js. Some of these make use of a variable distance.

The version of twitchplaysplotter used at the 2024-02-12 Pen Plotting Party supports the following commands:

  • init: initalize the plotter (in particular, sending IN;IP0,0,${width},${height};SC0,100,0,100;SP1; to the plotter)
  • reset: reset the plotter by performing init and resetting distance to 3
  • lb [text]: print a label with text at current position
  • pu, pd: perform pen up resp. down
  • up, down, right, left: move pen respectively up, down, right or left with 'distance'
  • rectangle: draw a rectangle with sides of length 'distance' at the current position
  • circle: draw a circle with radius 'distance' at the current position



  1. Coincidentally, this Pen Plotting Party, the deput of twitchplaysplotter, coincides with the 10 year anniversary of TwitchPlaysPokemon!