Writing Machine Directory/statemachines: Difference between revisions
No edit summary |
|||
| Line 1: | Line 1: | ||
< | <!DOCTYPE html> | ||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<title>Writing-Machines / State-Machines</title> | |||
<link rel="stylesheet" href="style.css"> | |||
</head> | |||
<body> | |||
<h1>Writing-Machines / State-Machines</h1> | |||
<p> | |||
State Writing Machines made during prototyping on 23 September<br> | |||
using <a href="Prototyping_20250923_state_machines.pdf">this PDF</a> and Graphviz. | |||
</p> | |||
<div class="box"> | <div class="box"> | ||
<div class=noprint>outcomes of the day can be found here: https://hub.xpub.nl/sergio/state-writing-machines</div> | <div class="noprint"> | ||
outcomes of the day can be found here: | |||
<a href="https://hub.xpub.nl/sergio/state-writing-machines"> | |||
https://hub.xpub.nl/sergio/state-writing-machines | |||
</a> | |||
</div> | |||
<!-- Aquarium Conversation Simulator --> | |||
<div | <h2>Aquarium Conversation Simulator</h2> | ||
<div class="photo"> | |||
</div> | <img src="Aquarium-conversation-simulator-20250923.jpg" | ||
alt="Aquarium Conversation Simulator"> | |||
</div> | |||
<!-- Nod-Blink-Yawn State Machine --> | |||
<div | <h2>Nod-Blink-Yawn State Machine</h2> | ||
<div class="text-block"> | |||
<p>> in<br> | |||
to give a touch of human warmth to our schematic demonstration<br> | |||
Clara van Bloemendaal is the dragon of Arnhem<br> | |||
><br> | |||
touch<br> | |||
><br> | |||
NOD<br> | |||
><br> | |||
TURN OPPOSITE x4<br> | |||
><br> | |||
touch Clara<br> | |||
><br> | |||
touch Clara has<br> | |||
><br> | |||
touch Clara has to do with<br> | |||
><br> | |||
touch Clara has to do with straightforward<br> | |||
><br> | |||
touch Clara has to do with straightforward dragon<br> | |||
><br> | |||
touch Clara has to do with straightforward dragon<br> | |||
</div> | > out | ||
</p> | |||
</div> | |||
<div | <div class="photo"> | ||
<img src="LeaLuca-statemachine.svg" | |||
</div> | alt="Lea & Luca state machine"> | ||
</div> | |||
<!-- Barbara and Youjung's Writing Machine --> | |||
< | <h2>Barbara and Youjung's Writing Machine</h2> | ||
< | <pre class="code-block"> | ||
igraph { | igraph { | ||
label="Youjung and Barbara's writing machine ( ^a ) ^a " | label="Youjung and Barbara's writing machine ( ^a ) ^a " | ||
labelloc="t" | labelloc="t" | ||
speaker [shape=doublecircle]; | speaker [shape=doublecircle]; | ||
listener [shape=doublecircle label="listener\n ^v ( ^` ^m ^` ) ^v "]; | listener [shape=doublecircle label="listener\n ^v ( ^` ^m ^` ) ^v "]; | ||
input [shape=plaintext] | input [shape=plaintext] | ||
output [shape=plaintext] | output [shape=plaintext] | ||
rankdir=LR; | rankdir=LR; | ||
input -> speaker | |||
speaker -> listener [label="quietly say the sentence"] | |||
speaker -> speaker [label="I said..."] | |||
listener -> output | |||
listener -> speaker [label="Pardon?"] | |||
} | } | ||
</ | </pre> | ||
</div> | |||
<div class="photo"> | |||
<img src="Writingmachineyb.png" | |||
alt="Barbara and Youjung's Writing Machine"> | |||
</div> | |||
<div | <!-- Robin and Ema --> | ||
<h2>Robin and Ema's State Machine</h2> | |||
<div class="photo"> | |||
<img src="greyandemasfirststatemachine.svg" | |||
alt="Robin & Ema's Writing Machine"> | |||
</div> | |||
</div> | <!-- Bart and Daan --> | ||
<h2>Bart and Daan's Writing Machine</h2> | |||
<div class="photo"> | |||
<img src="Bart_daan_machine.svg" | |||
alt="Bart and Daan's writing machine"> | |||
</div> | |||
<!-- Sibyl, Kiki, Tommi --> | |||
<div | <h2>Sibyl, Kiki, Tommi's Writing Machine</h2> | ||
<div class="photo"> | |||
</div> | <img src="Sibyl, Kiki, Tommi's writing machines.svg" | ||
alt="Sibyl, Kiki, Tommi's writing machines"> | |||
</div> | |||
</div> | </div> | ||
</body> | |||
</html> | |||
</ | |||
</ | |||
Revision as of 23:05, 6 December 2025
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8"> <title>Writing-Machines / State-Machines</title> <link rel="stylesheet" href="style.css">
</head> <body>
Writing-Machines / State-Machines
State Writing Machines made during prototyping on 23 September
using <a href="Prototyping_20250923_state_machines.pdf">this PDF</a> and Graphviz.
Aquarium Conversation Simulator
<img src="Aquarium-conversation-simulator-20250923.jpg"
alt="Aquarium Conversation Simulator">
Nod-Blink-Yawn State Machine
> in
to give a touch of human warmth to our schematic demonstration
Clara van Bloemendaal is the dragon of Arnhem
>
touch
>
NOD
>
TURN OPPOSITE x4
>
touch Clara
>
touch Clara has
>
touch Clara has to do with
>
touch Clara has to do with straightforward
>
touch Clara has to do with straightforward dragon
>
touch Clara has to do with straightforward dragon
> out
<img src="LeaLuca-statemachine.svg"
alt="Lea & Luca state machine">
Barbara and Youjung's Writing Machine
igraph {
label="Youjung and Barbara's writing machine ( ^a ) ^a "
labelloc="t"
speaker [shape=doublecircle];
listener [shape=doublecircle label="listener\n ^v ( ^` ^m ^` ) ^v "];
input [shape=plaintext]
output [shape=plaintext]
rankdir=LR;
input -> speaker
speaker -> listener [label="quietly say the sentence"]
speaker -> speaker [label="I said..."]
listener -> output
listener -> speaker [label="Pardon?"]
}
<img src="Writingmachineyb.png"
alt="Barbara and Youjung's Writing Machine">
Robin and Ema's State Machine
<img src="greyandemasfirststatemachine.svg"
alt="Robin & Ema's Writing Machine">
Bart and Daan's Writing Machine
<img src="Bart_daan_machine.svg"
alt="Bart and Daan's writing machine">
Sibyl, Kiki, Tommi's Writing Machine
<img src="Sibyl, Kiki, Tommi's writing machines.svg"
alt="Sibyl, Kiki, Tommi's writing machines">
</body> </html>