forresto

noflo = require 'noflo'

class Measure extends noflo.AsyncComponent
  description: 'Load image from URL and get dimensions'
  icon: 'picture-o'
  constructor: ->
    @inPorts =
      url: new noflo.Port 'string'
    @outPorts =
      dimensions: new noflo.Port 'array'

forresto

var noflo = require('noflo');

exports.getComponent = function () {
  var c = new noflo.Component();
  
  c.icon = "circle-o"
  
  c.inPorts.add('faces');  
  c.outPorts.add('circles');
  c.outPorts.add('dimensions');

forresto

{
    "properties": {
        "name": "mousebez",
        "id": "af975fd9fd7408002676",
        "environment": {
            "type": "noflo-browser",
            "content": ""
        }
    },
    "inports": {},

forresto

{
    "properties": {
        "name": "makepath",
        "id": "gd8s5",
        "environment": {
            "type": "noflo-browser",
            "content": "<canvas id=\"canvas\" width=\"200\" height=\"200\"></canvas>"
        }
    },
    "inports": {},

forresto

# Canvas stuff

canvas = document.getElementById 'fireworks'
context = canvas.getContext '2d'
width = canvas.width = window.innerWidth
w2 = Math.floor width/2
height = canvas.height = window.innerHeight
h2 = Math.floor height/2
TAU = Math.PI*2

forresto

{
    "properties": {
        "name": "geo",
        "environment": {
            "type": "noflo-browser"
        }
    },
    "inports": {},
    "outports": {},
    "groups": [],

forresto

{
    "properties": {
        "name": "yin-yang",
        "environment": {
            "type": "noflo-browser",
            "content": "<style>body{background-color:grey;}</style>\nradius <input id=\"radius\" type=\"range\" min=\"1\" max=\"150\" value=\"150\"></input><br>\nhole <input id=\"hole\" type=\"range\" min=\"0\" max=\"1\" step=\"0.001\" value=\"0.6\"></input><br>"
        },
        "id": "a1096a406131e109f836"
    },
    "inports": {},

forresto

{
  "info": {
    "title": "cam to gif station",
    "author": "forresto",
    "description": "webcam to animated gif",
    "url": "kiosk",
    "parents": [
      "https://gist.github.com/ea32c33a741119e82c35"
    ]
  },

forresto

{
    "properties": {
        "name": "ccv-test",
        "environment": {
            "type": "noflo-browser",
            "content": ""
        }
    },
    "inports": {},
    "outports": {},

forresto

b = require('browserify');
console.log(b);