Writing Machine Directory/statemachines: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
 
(27 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
<h1>Writing-Machines/State-Machines</h1>
<html lang="en">
A state machine is a behavior model. Multiple states are connected through transitions and have accepting and non-accepting states. Based on the current state and a given input the machine performs state transitions and produces outputs. These state machines were made during class.
<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">
<div class=noprint>
    outcomes of the day can be found here:
State Writing Machines made during [[Prototyping/2025-2026/T1#SESSION_1|prototyping on 23 September]]''<br>
    <a href="https://hub.xpub.nl/sergio/state-writing-machines">
using [[:File:Prototyping_20250923_state_machines.pdf]] and [[Graphviz]]
      https://hub.xpub.nl/sergio/state-writing-machines
outcomes of the day can be found here: https://hub.xpub.nl/sergio/state-writing-machines
    </a>
</div>
  </div>


  <!-- Aquarium Conversation Simulator -->
== Aquarium Conversation Simulator ==
  <h2>Aquarium Conversation Simulator</h2>
<div style="display: flex; flex-wrap: wrap; max-width: 100%; justify-content: left;">
  <div class="photo">
[[File:Aquarium-conversation-simulator-20250923.jpg|Aquarium-conversation]]
    <img src="Aquarium-conversation-simulator-20250923.jpg"
</div>
        alt="Aquarium Conversation Simulator">
  </div>


  <!-- Nod-Blink-Yawn State Machine -->
== Nod-Blink-Yawn State Machine ==
  <h2>Nod-Blink-Yawn State Machine</h2>
<div style="white-space: pre-wrap;">
  <div class="text-block">
<syntaxhighlight>
    <p>&gt; in<br>
> in
    to give a touch of human warmth to our schematic demonstration<br>
to give a touch of human warmth  
    Clara van Bloemendaal is the dragon of Arnhem<br>
to our schematic demonstration
    &gt;<br>
Clara van Bloemendaal is the dragon of Arnhem
    touch<br>
>
    &gt;<br>
touch
    NOD<br>
>
    &gt;<br>
NOD
    TURN OPPOSITE x4<br>
>
    &gt;<br>
TURN OPPOSITE x4
    touch Clara<br>
>
    &gt;<br>
touch Clara
    touch Clara has<br>
>
    &gt;<br>
touch Clara has
    touch Clara has to do with<br>
>
    &gt;<br>
touch Clara has to do with
    touch Clara has to do with straightforward<br>
>
    &gt;<br>
touch Clara has to do with straightforward
    touch Clara has to do with straightforward dragon<br>
>
    &gt;<br>
touch Clara has to do with straightforward dragon
    touch Clara has to do with straightforward dragon<br>
>
    &gt; out
touch Clara has to do with straightforward dragon
    </p>
> out
  </div>
</div>
</syntaxhighlight><div style="display: flex; justify-content: left;">
[[File:LeaLuca-statemachine.svg]]
</div>


  <div class="photo">
== State Machine 2 ==
    <img src="LeaLuca-statemachine.svg"
<syntaxhighlight lang="graphviz">
        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
  labelloc="t"
( ^a          ) ^a "
  speaker [shape=doublecircle];
labelloc="t"
  listener [shape=doublecircle label="listener\n ^v (  ^`      ^m ^`    ) ^v "];
speaker [shape=doublecircle];
  input [shape=plaintext]
listener [shape=doublecircle label="listener\n ^v
  output [shape=plaintext]
(  ^`      ^m ^`    ) ^v "];
  rankdir=LR;
input [shape=plaintext]
  input -> speaker
output [shape=plaintext]
  speaker -> listener [label="quietly say the sentence"]
rankdir=LR;
  speaker -> speaker [label="I said..."]
        input -> speaker
  listener -> output
        speaker -> listener [label="quietly say  
  listener -> speaker [label="Pardon?"]
        the sentence"]
        speaker -> speaker [label="I said..."]
        listener -> output
        listener -> speaker [label="Pardon?"]
}
}
  </pre>
</div>
</syntaxhighlight><div style="display: flex; justify-content: left;">
[[File:Writingmachineyb.png|alt=Barbara and Youjung's Writing Machine|Barbara and Youjung's Writing Machine|left]]


  <div class="photo">
</div>
    <img src="Writingmachineyb.png"
        alt="Barbara and Youjung's Writing Machine">
  </div>


  <!-- Robin and Ema -->
== State Machine 3 ==
  <h2>Robin and Ema's State Machine</h2>
<div style="display: flex; justify-content: left;">
  <div class="photo">
[[File:greyandemasfirststatemachine.svg|alt=Robin&Ema's Writing Machine|Robin&Ema's Writing Machine|left]]
    <img src="greyandemasfirststatemachine.svg"
</div>
        alt="Robin & Ema's Writing Machine">
  </div>


  <!-- Bart and Daan -->
== State Machine 4 ==
  <h2>Bart and Daan's Writing Machine</h2>
<div style="display: flex; justify-content: left;">
  <div class="photo">
[[File:Bart_daan_machine.svg|Bart and Daan's writing machine|left]]
    <img src="Bart_daan_machine.svg"
</div>
        alt="Bart and Daan's writing machine">
  </div>
 
  <!-- Sibyl, Kiki, Tommi -->
  <h2>Sibyl, Kiki, Tommi's Writing Machine</h2>
  <div class="photo">
    <img src="Sibyl, Kiki, Tommi's writing machines.svg"
        alt="Sibyl, Kiki, Tommi's writing machines">
  </div>


== State Machine 5 ==
<div style="display: flex; justify-content: left;">
[[File:Sibyl, Kiki, Tommi's writing machines.svg|Sibyl, Kiki, Tommi's writing machines|left]]
</div>
</div>
 
[[Category: Writing Machines]]
</body>
</html>

Latest revision as of 15:03, 9 December 2025

Writing-Machines/State-Machines

A state machine is a behavior model. Multiple states are connected through transitions and have accepting and non-accepting states. Based on the current state and a given input the machine performs state transitions and produces outputs. These state machines were made during class.

State Writing Machines made during prototyping on 23 September
using File:Prototyping_20250923_state_machines.pdf and Graphviz outcomes of the day can be found here: https://hub.xpub.nl/sergio/state-writing-machines

Aquarium Conversation Simulator

Aquarium-conversation

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
</div>

LeaLuca-statemachine.svg

State Machine 2

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?"]
}
</div>
Barbara and Youjung's Writing Machine

State Machine 3

Robin&Ema's Writing Machine

State Machine 4

Bart and Daan's writing machine

State Machine 5

Sibyl, Kiki, Tommi's writing machines