Skip to content

Instantly share code, notes, and snippets.

View forresto's full-sized avatar

Forrest O. forresto

View GitHub Profile
{
"properties": {
"name": "makepath",
"id": "gd8s5",
"environment": {
"type": "noflo-browser",
"content": "<canvas id=\"canvas\" width=\"200\" height=\"200\"></canvas>"
}
},
"inports": {},
@forresto
forresto / noflo.json
Created June 17, 2014 09:55
noflo-canvas demo: bezier curves follow mouse
{
"properties": {
"name": "mousebez",
"id": "af975fd9fd7408002676",
"environment": {
"type": "noflo-browser",
"content": ""
}
},
"inports": {},
@forresto
forresto / bounds.js
Created April 18, 2014 15:25
noflo-ccv to cropping bounds
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');
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
forresto / selfie-glitch.json
Last active November 5, 2017 23:55
meemoo app: selfie-glitch"2013 was the year of the selfie. 2013 is over. Welcome another you." —selfie-obliteration
{
"info": {
"author": "meemoo",
"title": "selfie-glitch, inspired by selfie-obliteration",
"description": "\"2013 was the year of the selfie. 2013 is over. Welcome another you.\" —selfie-obliteration",
"parents": [
"https://gist.github.com/8181561"
],
"url": "selfie-glitch"
},
@forresto
forresto / noflo.json
Last active January 16, 2017 16:32
photobooth app flowhub demo: flowhub.io/demo/photobooth/
{
"properties": {
"name": "photobooth",
"environment": {
"runtime": "html",
"src": "preview/iframe.html",
"width": 300,
"height": 300,
"content": " <video id=\"vid\" autoplay loop width=\"640\" height=\"480\" style=\"display:none;\"></video>\n <canvas id=\"out\" width=\"640\" height=\"480\" style=\"max-width:100%;\"></canvas>\n\n<input id=\"slider\" type=\"range\" min=\"0\" max=\"1\" value=\"0.5\" step=\"0.01\"></input>\n <button id=\"start\">start camera</button>\n <button id=\"prev\">prev</button>\n <button id=\"next\">next</button>\n <button id=\"save\">save</button>\n\n<style>\n #saved img { width: 160px; height: 120px;}\n</style>\n<div id=\"saved\"></div>",
"type": "noflo-browser"
@forresto
forresto / noflo.json
Last active December 29, 2015 23:59
noflo graph: seriously test
{
"properties": {
"name": "camTest",
"environment": {
"runtime": "html",
"src": "./preview/iframe.html",
"width": 300,
"height": 300,
"content": " <video id=\"video\" autoplay style=\"display:none\"></video><canvas id=\"filtered\" width=\"640\" height=\"480\" style=\"\"></canvas>\n "
}
@forresto
forresto / noflo.json
Last active December 29, 2015 21:29
getUserMedia test
{
"properties": {
"name": "camTest",
"environment": {
"runtime": "html",
"src": "./preview/iframe.html",
"width": 300,
"height": 300,
"content": " <video id=\"video\" autoplay style=\"width:100%\"></video>\n \n "
}
@forresto
forresto / noflo.json
Last active October 23, 2017 17:22
snapped to 30px for the-graph - NoFlo clock example
{
"properties": {
"environment": {
"runtime": "html",
"content": "<div class='area' title='.area'>\n <img id='clock' src='https://i.imgur.com/0S7R8OU.png' style='position:absolute; width:300px; height:300px; top:0; left:0;' />\n <img id='hours' src='https://i.imgur.com/Fw8L3L1.png' style='position:absolute; top:50px; left:130px; height:200px;' />\n <img id='minutes' src='https://i.imgur.com/WtSz99Q.png' style='position:absolute; top:0; left:140px; height:300px;' />\n <img id='seconds' src='https://i.imgur.com/m2PQs6E.png' style='position:absolute; top:0; left:145px; height:300px;' />\n</div>",
"width": 300,
"height": 300,
"src": "./preview/iframe.html"
},
"name": "NoFlo"