automata

vagrant@precise32:/vagrant/imgflo-server$ make check
mkdir -p /vagrant/imgflo-server/install || true
sed -e 's|@PREFIX@|/vagrant/imgflo-server/install|' runtime/env.sh.in > /vagrant/imgflo-server/install/env.sh
chmod +x /vagrant/imgflo-server/install/env.sh
cd runtime && make PREFIX=/vagrant/imgflo-server/install install
make[1]: Entering directory `/vagrant/imgflo-server/runtime'
mkdir -p /vagrant/imgflo-server/install || true
sed -e 's|@PREFIX@|/vagrant/imgflo-server/install|' env.sh.in > /vagrant/imgflo-server/install/env.sh
chmod +x /vagrant/imgflo-server/install/env.sh
/vagrant/imgflo-server/install/env.sh gcc -o ./bin/imgflo bin/imgflo.c -I. -Wall -Werror -std=c99 -g -DHAVE_UUID -I/vagrant/imgflo-server/install/include/uuid -pthread -I/vagrant/imgflo-server/install/include/gegl-0.3 -I/vagrant/imgflo-server/install/include/babl-0.1 -I/vagrant/imgflo-server/install/include/glib-2.0 -I/vagrant/imgflo-server/install/lib/glib-2.0/include -I/vagrant/imgflo-server/install/include/gio-unix-2.0/ -I/vagrant/imgfl

automata

vagrant@precise32:/vagrant/imgflo-server$ make install
mkdir -p /vagrant/imgflo-server/install || true
sed -e 's|@PREFIX@|/vagrant/imgflo-server/install|' runtime/env.sh.in > /vagrant/imgflo-server/install/env.sh
chmod +x /vagrant/imgflo-server/install/env.sh
cd runtime && make PREFIX=/vagrant/imgflo-server/install install
make[1]: Entering directory `/vagrant/imgflo-server/runtime'
mkdir -p /vagrant/imgflo-server/install || true
sed -e 's|@PREFIX@|/vagrant/imgflo-server/install|' env.sh.in > /vagrant/imgflo-server/install/env.sh
chmod +x /vagrant/imgflo-server/install/env.sh
/vagrant/imgflo-server/install/env.sh gcc -o ./bin/imgflo bin/imgflo.c -I. -Wall -Werror -std=c99 -g -DHAVE_UUID -I/vagrant/imgflo-server/install/include/uuid -pthread -I/vagrant/imgflo-server/install/include/gegl-0.3 -I/vagrant/imgflo-server/install/include/babl-0.1 -I/vagrant/imgflo-server/install/include/glib-2.0 -I/vagrant/imgflo-server/install/lib/glib-2.0/include -I/vagrant/imgflo-server/install/include/gio-unix-2.0/ -I/vagrant/img

automata

vagrant@precise32:/vagrant/imgflo$ make dependencies
cd dependencies && make PREFIX=/vagrant/imgflo/install dependencies
make[1]: Entering directory `/vagrant/imgflo/dependencies'
mkdir -p build || true
mkdir -p /vagrant/imgflo/install || true
sed -e 's|@PREFIX@|/vagrant/imgflo/install|' env.sh.in > /vagrant/imgflo/install/env.sh
chmod +x /vagrant/imgflo/install/env.sh
cp /vagrant/imgflo/install/share/aclocal/nls.m4 ./libsoup/m4/ || echo "HACK to get intltool working on Heroku not used"
cp: cannot stat `/vagrant/imgflo/install/share/aclocal/nls.m4': No such file or directory
HACK to get intltool working on Heroku not used

automata

# create a noflo-foo and publish that to github

# add noflo-foo to noflo-ui/preview/component.json:
"dependencies": {
   ...
   "you/noflo-foo": "*"
}

# after that, if you want to hack on you own noflo-flocking:
git clone https://github.com/you/noflo-foo.git

automata

# setup noflo ui (the-graph + noflo + utils)
git clone https://github.com/noflo/noflo-ui.git
cd noflo-ui
npm install

# to be sure, install grunt globally
sudo npm install -g grunt-cli

# build noflo-ui
grunt build

automata

/* 
 Stepper Motor Control - speed control
 
 This program drives a unipolar or bipolar stepper motor. 
 The motor is attached to digital pins 8 - 11 of the Arduino.
 A potentiometer is connected to analog input 0.
 
 The motor will rotate in a clockwise direction. The higher the potentiometer value,
 the faster the motor speed. Because setSpeed() sets the delay between steps, 

automata

{
    "properties": {
        "name": "Delaunay Mask",
        "id": "mask",
        "environment": {
            "environment": "noflo-browser",
            "content": "<button id=\"start\">Start</button><br />\n<input id=\"min\" type=\"range\" min=\"0\" max=\"360\">Color min.</input>\n<input id=\"max\" type=\"range\" min=\"0\" max=\"360\">Color max.</input>\n<input id=\"count\" type=\"range\" min=\"2\" max=\"200\">Color count</input>\n<input id=\"bg\" type=\"range\" min=\"0\" max=\"1\" step=\"0.05\">Background opacity</input>\n\n<video id=\"video\" width=\"640\" height=\"480\" style=\"position:absolute; top:120px; left:0px;\" autoplay></video>\n<canvas id=\"canvas\" width=\"640\" height=\"480\" style=\"position:absolute; top:120px; left:0px;\"></canvas>\n"
        }
    },
    "inports": {},

automata

{
    "properties": {
        "name": "face",
        "id": "face",
        "environment": {
            "type": "noflo-browser",
            "content": "<button id=\"start\">start camera</button>\n<input id=\"colorstart\" type=\"range\" min=\"0\" max=\"360\" value=\"0\"></input>\n<input id=\"colorend\" type=\"range\" min=\"0\" max=\"360\" value=\"360\"></input>\n<input id=\"colorcount\" type=\"range\" min=\"1\" max=\"100\" value=\"50\"></input>\n<video id=\"vid\" width=640 height=480 style=\"position:absolute; top:50px; left:0px\" autoplay></video>\n<canvas id=\"can\" width=640 height=480 style=\"position:absolute; top:50px; left:0px\"></canvas>\n"
        }
    },
    "inports": {},

automata

;; Cask
(require 'cask "~/.cask/cask.el")
(cask-initialize)

;; Graphene
(require 'graphene)

;; JavaScript Mode
(setq-default js-indent-level 2)
(setq-default indent-tabs-mode nil)

automata

Before any word, let's make some noise.

<iframe class="vine-embed" src="https://vine.co/v/ME1wdVX16iB/embed/simple?audio=1" width="480" height="480" frameborder="0"></iframe><script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>

This simple demo was presented by Forrest in his last Assembly talk. It illustrates how we are combining audio and visuals in NoFlo. You can play yourself with this demo clicking here.