🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙
🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙
🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙
🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙
🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙
🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙 🝙
Forrest O. forresto
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "properties": { | |
| "name": "noflo-canvas line chart", | |
| "id": "77f213fb32c9b22527e2", | |
| "environment": { | |
| "type": "noflo-browser", | |
| "content": "<canvas id=\"mycanvas\" width=\"200\" height=\"200\"></canvas>\n" | |
| }, | |
| "icon": "" | |
| }, |
forresto
/ noflo.json
Last active
October 24, 2017 08:50
noflo-demo-cam-to-palette : https://twitter.com/forresto/status/560366778266574848
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "properties": { | |
| "name": "main", | |
| "environment": { | |
| "type": "noflo-browser", | |
| "content": "<video id=\"video\" autoplay loop style=\"max-width:100%;\"></video><br>\n<canvas id=\"colors\" width=\"640\" height=\"100\" style=\"max-width:100%;\"></canvas>\n<button id=\"start\">start camera</button>\n" | |
| }, | |
| "icon": "" | |
| }, | |
| "inports": {}, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| b = require('browserify'); | |
| console.log(b); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "properties": { | |
| "name": "ccv-test", | |
| "environment": { | |
| "type": "noflo-browser", | |
| "content": "" | |
| } | |
| }, | |
| "inports": {}, | |
| "outports": {}, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "info": { | |
| "title": "cam to gif station", | |
| "author": "forresto", | |
| "description": "webcam to animated gif", | |
| "url": "kiosk", | |
| "parents": [ | |
| "https://gist.github.com/ea32c33a741119e82c35" | |
| ] | |
| }, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "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": {}, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "properties": { | |
| "name": "face", | |
| "environment": { | |
| "type": "noflo-browser", | |
| "content": "<video id=\"vid\" width=\"640\" height=\"480\" style=\"position:absolute; top:0px; left:0px\" autoplay></video>\n<canvas id=\"can\" width=\"640\" height=\"480\" style=\"position:absolute; top:0px; left:0px\"></canvas>\n<div id=\"start\" style=\"position:absolute; top:0px; left:0px;\"><button id=\"start\">start camera</button><br/>\ncolor start <input id=\"colorstart\" type=\"range\" min=\"0\" max=\"360\" value=\"0\"></input><br/>\ncolor end<input id=\"colorend\" type=\"range\" min=\"0\" max=\"360\" value=\"360\"></input><br />\ncolor count<input id=\"colorcount\" type=\"range\" min=\"1\" max=\"100\" value=\"50\"></input><br/>\n" | |
| } | |
| }, | |
| "inports": {}, | |
| "outports": {}, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "properties": { | |
| "name": "geo", | |
| "environment": { | |
| "type": "noflo-browser" | |
| } | |
| }, | |
| "inports": {}, | |
| "outports": {}, | |
| "groups": [], |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # 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 |