jordandobson

// Framer X Utils.modulate equivalent

function modulate(value, rangeA, rangeB, limit = false) {
    const [fromLow, fromHigh] = rangeA;
    const [toLow, toHigh] = rangeB;
    const result = toLow + ((value - fromLow) / (fromHigh - fromLow)) * (toHigh - toLow);
    if (limit === true) {
        if (toLow < toHigh) {
            if (result < toLow) {
                return toLow;

jordandobson

var s = document.createElement("script"); s.setAttribute("src", "https://magic-motion-intro.koenbok.now.sh/MagicMotionIntro.d93f8ba0.js");document.body.appendChild(s);

jordandobson

// Changes XML to JSON
// Modified version from here: http://davidwalsh.name/convert-xml-json
function xmlToJson(xml) {

	// Create the return object
	var obj = {};

	if (xml.nodeType == 1) { // element
		// do attributes
		if (xml.attributes.length > 0) {

jordandobson

getBoundingLayerForRotatedLayer = (layer) ->
	tr = "topRight"; bl = "bottomLeft"; tl = "topLeft"; br = "bottomRight";
	center   = x: layer.midX,  y: layer.midY
	size     = w: layer.width, h: layer.height
	rotation = layer.rotation
	corners  = 
		"#{tr}": x:  (size.w/2), y:  (size.h/2)
		"#{bl}": x: -(size.w/2), y: -(size.h/2)
	
	getRotatedPoint = (p) ->

jordandobson

# Project Info
# This info is presented in a widget when you share.
# http://framerjs.com/docs/#info.info

Framer.Info =
	title: "Triangle Layer Rebound"
	author: "Jordan Dobson"
	twitter: "jordandobson"
	description: "[email protected]\n\nThis rebound of jrdn.io/haJ2 \nby Black Ray adds direction checking, allows you to set direction as an option when creating a layer and sets the bounding box of the layer to it's intrinsic size."

jordandobson

print "hello world"

jordandobson

Set inline width & height.
Video, img alternative natural width & height: 1920 x 1080

21mb video O_O
http://codepen.io/MikeMcChillin/pen/wKGFz

jordandobson

- (UIView *)applyBlurToView:(UIView *)view withEffectStyle:(UIBlurEffectStyle)style andConstraints:(BOOL)addConstraints {
    //only apply the blur if the user hasn't disabled transparency effects
    if (!UIAccessibilityIsReduceTransparencyEnabled()) {
        UIBlurEffect * blurEffect = [UIBlurEffect effectWithStyle:style];
        UIVisualEffectView * blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
        blurEffectView.frame = view.bounds;
        [view addSubview:blurEffectView];
        blurEffectView.layer.opacity = 0;
        if (addConstraints) {
            //add auto layout constraints so that the blur fills the screen upon rotating device

jordandobson

- (UIImage *)createDimImage:(UIImage *)image; {

    CGSize size   = image.size;
    CGRect bounds = CGRectMake(0, 0,size.width, size.height);
    UIImage * dimImage;

    UIGraphicsBeginImageContextWithOptions(size, NO, 0.0f);
    [msColorNeutralLight setFill];
    UIRectFill(bounds);
    [image drawInRect:bounds blendMode:kCGBlendModeMultiply alpha:1.0f];

jordandobson

var QcValueConverter = {
  tensionFromQcValue: function(qcValue) {
    return (qcValue - 30.0) * 3.62 + 194.0;
  },

  qcValueFromTension: function(tension) {
    return (tension - 194.0) / 3.62 + 30.0;
  },

  frictionFromQcValue: function(qcValue) {