Skip to content

Instantly share code, notes, and snippets.

Avatar
💜
Doing something

Jacob Foster AlcaDesign

💜
Doing something
View GitHub Profile
@AlcaDesign
AlcaDesign / compact.js
Last active Feb 19, 2016
Compact (or extract) a string into a different length but it comes out horribly disfigured.
View compact.js
var input = 'Now, this is a story all about how My life got flipped-turned upside down And I\'d like to take a minute Just sit right there I\'ll tell you how I became the prince of a town called Bel Air',
endLength = 165;
function rangeMap(n, in_min, in_max, out_min, out_max) {
return (n - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
}
function rangeMapFloor(n, a, b, c, d) {
return Math.floor(rangeMap(n, a, b, c, d));
}
View index.js
'use strict';
const _ = require('lodash'), // Just to handle a couple of things more easily
tmi = require('tmi.js'),
channel = ''; // Your channel
let mainConfig = {
options: {
debug: true // Debug to console
View Logger.js
// Ascii colors in console
function colorize(id, ...text) {
return `\u001b[${id}m${text.join()}\u001b[39m`;
}
// The brightest white text
function whiteBright(...text) {
return colorize(97, ...text);
}
// The brightest white text
function blackBright(...text) {
@AlcaDesign
AlcaDesign / Entity.java
Created Jan 7, 2017
[Processing] Particle thing
View Entity.java
class Entity {
PVector size = new PVector(entitySize, entitySize);
PVector pos = new PVector(0, 0);
PVector vel = new PVector(0, 0);
PVector acc = new PVector(0, 0);
color c;
boolean bounced = false;
int life = 0;
int lifeSpan = 200;
@AlcaDesign
AlcaDesign / DOMAugmentedCanvas-p5-ES2015.html
Last active Jan 22, 2017
DOM Augmented Canvas with P5.js
View DOMAugmentedCanvas-p5-ES2015.html
<!doctype html>
<html>
<head>
<title>DOM Augmented Canvas - ES2015</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.6/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.6/addons/p5.dom.min.js"></script>
<style>
html,
body {
margin: 0;
@AlcaDesign
AlcaDesign / DistToSegment_sketch.pde
Last active Jan 22, 2017
Animation to show how a distance of a point to a line segment looks. Ref: http://stackoverflow.com/a/1501725
View DistToSegment_sketch.pde
PVector lineStart, lineEnd, point;
void setup() {
size(600, 600);
updatePoints();
}
void draw() {
background(0);
View MysticRose_3D_sketch.pde
PVector[] points;
int pointCount = 0;
int lastPointCount = 0;
void setup() {
size(600, 600, P3D);
colorMode(HSB);
}
void draw() {
View StarPatterns.pde
float sliderA, sliderB;
float dim = 20;
void setup() {
size(600, 600);
sliderA = random(0, dim);
sliderB = random(0, dim * 2);
}
void draw() {
View TwitchAPI.js
const request = require('request'),
_kraken = request.defaults({
baseUrl: 'https://api.twitch.tv/kraken/',
headers: {
'Client-ID': 'CLIENT ID HERE',
Accept: 'Accept: application/vnd.twitchtv.v5+json'
},
json: true
});
View Rose.pde
class Rose {
PShape shape;
PVector stemStart, stemEnd;
float targetStemLength, growthTimeStart, growthTimeEnd;
float n, d, targetR, r;
float i;
Rose(int index) {
stemStart = new PVector(
random(