Matt DesLauriers mattdesl

## about.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mattdesl
                / about.md
            
            
              Last active Nov 11, 2019
            
          
      View about.md
  
    
    npm install electron electron-rebuild serialport --save
Then:
npx electron-rebuild -f -w serialport

  
## about.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mattdesl
                / about.md
            
            
              Last active Nov 11, 2019
            
          
      View about.md
  
    
    serial:
https://hackernoon.com/arduino-serial-data-796c4f7d27ce
ws server:
https://www.npmjs.com/package/ws#simple-server
client code for sketch.js:
https://github.com/mattdesl/bartlett-dfpi-rpi/blob/87fef204bfd42d1c994e9062f41505bc03f3a0b3/demos/accelerometer/sketch.js#L13-L26

  
## sketch.js
const canvasSketch = require("canvas-sketch");
const { GUI } = require("dat.gui");

const data = {
  background: "#de6060",
  number: 0.35
};

const settings = {
  dimensions: [2048, 2048],

## controller.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <input

## modules.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                mattdesl
                / modules.md
            
            
              Last active Nov 10, 2019
            
          
      View modules.md
  
    
    Modules for Creative Coding
This workshop encourages students to make use of npm modules to build complex and interesting artworks.
If you find a module you want to use, like riso-colors, you can install it from your project folder like so:
npm install riso-colors

  
## p5-global.js
const canvasSketch = require("canvas-sketch");
const triangulate = require("delaunay-triangulate");
const p5 = require("p5");

new p5();

const settings = {
  p5: true,
  dimensions: [2048, 2048]
};

## about.md

      
              4 files
            
          
              1 fork
            
          
              0 comments
            
          
              8 stars
            
          
                mattdesl
                / about.md
            
            
              Last active Nov 6, 2019
            
          
      View about.md
  
    
    high res tiled rendering with canvas-sketch
Copy these files in the gist to a new folder. Generate a package.json:
cd folder-with-code
npm init -y
Then install deps:

  
## about.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mattdesl
                / about.md
            
            
              Created Oct 29, 2019
            
          
      View about.md
  
    
    quick start

Copy launch.js into your local/offline project folder
Within terminal, run npm install open in the project folder
Then quit all Chrome tabs/windwos/apps etc and run node launch.js from the project folder

It should launch in full screen mode.
custom flags

  
## svg-parsing.js
var parse = require("parse-svg-path");
var contours = require("svg-path-contours");
var normalizePathScale = require("normalize-path-scale");
var getBounds = require("bound-points");

const defs = require("./svg-defs.js");

const shapes = [];

module.exports.settings = {

## background.hlsl

float2 background(float2 uv, float2 resolution, float2 texResolution) {
  float tAspect = texResolution.x / texResolution.y;
  float pAspect = resolution.x / resolution.y;
  float pwidth = resolution.x;
  float pheight = resolution.y;

  float width = 0.0;
  float height = 0.0;
  if (tAspect > pAspect) {