Matt Lundstrom mattlundstrom

Technology + Aesthetics @ http://mattlundstrom.net Advertising @ http://palisadesmedia.com Music @ http://fuzzybeats.com

mattlundstrom / snaptToIncrement.js

Last active October 24, 2020 21:28

JS Snap a number to an increment

mattlundstrom / functionWithDefaultProperties.js

Last active October 24, 2020 21:30

JS Functions with default properties

	var func = function( props ){

	props = (typeof props !== "object") ? {} : props;

	var mx = props.mx \|\| 10;
	var my = props.my \|\| 10;
	var mz = props.mz \|\| 10;
	var time = props.time \|\| 1;
	var delay = props.delay \|\| 0;
	var ease = props.ease \|\| Linear.easeNone;

mattlundstrom / rectangle circle collision.js

Last active October 24, 2020 21:29

JS is a rectangle colliding with a circle?

	function RectCircleColliding(circle,rect){
	var distX = Math.abs(circle.x - rect.x-rect.w/2);
	var distY = Math.abs(circle.y - rect.y-rect.h/2);

	if (distX > (rect.w/2 + circle.r)) { return false; }
	if (distY > (rect.h/2 + circle.r)) { return false; }

	if (distX <= (rect.w/2)) { return true; }
	if (distY <= (rect.h/2)) { return true; }

mattlundstrom / once_poll.js

Last active October 24, 2020 21:30

JS function that can only be fired once.

	// ONCE

	function once(fn, context) {
	var result;

	return function() {
	if(fn) {
	result = fn.apply(context \|\| this, arguments);
	fn = null;
	}

mattlundstrom / iframe communication

Created March 28, 2016 23:42

	// FROM http://stackoverflow.com/questions/25098021/securityerror-blocked-a-frame-with-origin-from-accessing-a-cross-origin-frame

	In your main page:

	var frame = document.getElementById('your-frame-id');
	frame.contentWindow.postMessage(/any variable or object here/, '*');

	In your <iframe> (contained in the main page):

	window.addEventListener('message', function(event) {

mattlundstrom / gist:cb962ae3f5b6d31d36b6

Created October 28, 2015 18:00

JS Canvas Noise

<body onload=setInterval('for(r.width=j=150,i=j*j;--i;)r.getContext(\'2d\').fillRect(i%j,i/j,1,Math.random())',9)><canvas id=r>

mattlundstrom / gist:9047b969679d5ec8e5de

Created September 16, 2015 19:00

Use Math without "Math"

	Object.getOwnPropertyNames(Math).map(function(p) {
	window[p] = Math[p];
	});

	// So instead of Math.random(), just use random();

mattlundstrom / random

Created June 3, 2015 23:13

	function randomRange(min, max) {
	return min + Math.random() * (max - min);
	}

	function randomWeightedRange(min, max, expo) {
	return toDecimal(((Math.random() * (max - min)) + min), expo);
	}

	function randomInt(min, max) {
	return Math.floor(min + Math.random() * (max - min + 1));

mattlundstrom / clamp

Created June 1, 2015 02:59

clamp

	function clamp( value, min, max ){
	return Math.min( Math.max( value, min ), max );
	}

mattlundstrom / random Int

Created June 1, 2015 02:29

	function randomInt(min,max) {
	return Math.floor( min + Math.random() * (max - min + 1) )
	}

	var func = function( props ){

	props = (typeof props !== "object") ? {} : props;

	var mx = props.mx \|\| 10;
	var my = props.my \|\| 10;
	var mz = props.mz \|\| 10;
	var time = props.time \|\| 1;
	var delay = props.delay \|\| 0;
	var ease = props.ease \|\| Linear.easeNone;