jshaw

//
// Circles of dots.
// Created using Processing 3.5.3.
//
// Code by @marcedwards from @bjango.
//
// A GIF of this code can be seen here:
// https://twitter.com/marcedwards/status/1144236924095234053
//

jshaw

float heleCirkel = TWO_PI; //tau

void setup() {
  size(500,500);
  background(0);
  smooth();
}

void draw() {
  background(0);

jshaw

/*
*   Stripe WebGl Gradient Animation
*   All Credits to Stripe.com
*   ScrollObserver functionality to disable animation when not scrolled into view has been disabled and 
*   commented out for now.
*   https://kevinhufnagl.com
*/

jshaw

// fragment shader
//
// RGBA color to RGBA greyscale
//
// smooth transition based on u_colorFactor: 0.0 = original, 1.0 = greyscale
//
// http://www.johndcook.com/blog/2009/08/24/algorithms-convert-color-grayscale/
// "The luminosity method is a more sophisticated version of the average method.
// It also averages the values, but it forms a weighted average to account for human perception.
// We’re more sensitive to green than other colors, so green is weighted most heavily. The formula

jshaw

var p1 = {
	x: 20,
	y: 20
};

var p2 = {
	x: 40,
	y: 40
};

jshaw

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
</style>
<table class="tg">
<thead>

jshaw

  if(label == "Start"){
    flippedVideo.loadPixels();
    noStroke();
    for (let y = 0; y < flippedVideo.height; y += 8) {
      for (let x = 0; x < flippedVideo.width; x += 8) {
        let offset = ((y*flippedVideo.width)+x)*4;
        fill(flippedVideo.pixels[offset],
          flippedVideo.pixels[offset+1],
          flippedVideo.pixels[offset+2]);
        rect(x, y, 8, 8); 

jshaw

{
    email: "email@gmail.com"
}

jshaw

{
    email: "email@gmail.com"    
}

jshaw

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);
	return mix(rand(fl), rand(fl + 1.0), fc);
}