How to use the popmotion.valueType.scale function in popmotion

To help you get started, we’ve selected a few popmotion examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Popmotion / popmotion / packages / popmotion-adapter-aframe / src / aframe-adapter.js View on Github external
return prop[dictionary[key].unit];
    }
  },

  stateMap: {
    x: POSITION + 'X',
    y: POSITION + 'Y',
    z: POSITION + 'Z',
    rotateX: ROTATION + 'X',
    rotateY: ROTATION + 'Y',
    rotateZ: ROTATION + 'Z'
  },

  valueTypeMap: {
    scale: valueType.scale,
    scaleX: valueType.scale,
    scaleY: valueType.scale,
    scaleZ: valueType.scale,
    color: valueType.color
  }
});
github Popmotion / popmotion / packages / popmotion-adapter-aframe / src / aframe-adapter.js View on Github external
const prop = element.getAttribute(dictionary[key].prop);
      return prop[dictionary[key].unit];
    }
  },

  stateMap: {
    x: POSITION + 'X',
    y: POSITION + 'Y',
    z: POSITION + 'Z',
    rotateX: ROTATION + 'X',
    rotateY: ROTATION + 'Y',
    rotateZ: ROTATION + 'Z'
  },

  valueTypeMap: {
    scale: valueType.scale,
    scaleX: valueType.scale,
    scaleY: valueType.scale,
    scaleZ: valueType.scale,
    color: valueType.color
  }
});
github Popmotion / popmotion / packages / popmotion-adapter-aframe / src / aframe-adapter.js View on Github external
},

  stateMap: {
    x: POSITION + 'X',
    y: POSITION + 'Y',
    z: POSITION + 'Z',
    rotateX: ROTATION + 'X',
    rotateY: ROTATION + 'Y',
    rotateZ: ROTATION + 'Z'
  },

  valueTypeMap: {
    scale: valueType.scale,
    scaleX: valueType.scale,
    scaleY: valueType.scale,
    scaleZ: valueType.scale,
    color: valueType.color
  }
});
github Popmotion / popmotion / packages / popmotion-adapter-three / src / three-adapter.js View on Github external
if (props.hasOwnProperty(key)) {
        if (setSelectors[key]) {
          setSelectors[key](element, props[key]);
        } else {
          element[key] = props[key];
        }
      }
    }
  },

  getter: (element, key) => getSelectors[key] ? getSelectors[key](element) : element[key],

  valueTypeMap: {
    color: valueType.color,
    scale: valueType.scale,
    scaleX: valueType.scale,
    scaleY: valueType.scale,
    scaleZ: valueType.scale
  }
});
github Popmotion / popmotion / packages / popmotion-adapter-aframe / src / aframe-adapter.js View on Github external
}
  },

  stateMap: {
    x: POSITION + 'X',
    y: POSITION + 'Y',
    z: POSITION + 'Z',
    rotateX: ROTATION + 'X',
    rotateY: ROTATION + 'Y',
    rotateZ: ROTATION + 'Z'
  },

  valueTypeMap: {
    scale: valueType.scale,
    scaleX: valueType.scale,
    scaleY: valueType.scale,
    scaleZ: valueType.scale,
    color: valueType.color
  }
});
github Popmotion / popmotion / packages / popmotion-adapter-three / src / three-adapter.js View on Github external
setSelectors[key](element, props[key]);
        } else {
          element[key] = props[key];
        }
      }
    }
  },

  getter: (element, key) => getSelectors[key] ? getSelectors[key](element) : element[key],

  valueTypeMap: {
    color: valueType.color,
    scale: valueType.scale,
    scaleX: valueType.scale,
    scaleY: valueType.scale,
    scaleZ: valueType.scale
  }
});
github Popmotion / popmotion / packages / popmotion-adapter-three / src / three-adapter.js View on Github external
for (let key in props) {
      if (props.hasOwnProperty(key)) {
        if (setSelectors[key]) {
          setSelectors[key](element, props[key]);
        } else {
          element[key] = props[key];
        }
      }
    }
  },

  getter: (element, key) => getSelectors[key] ? getSelectors[key](element) : element[key],

  valueTypeMap: {
    color: valueType.color,
    scale: valueType.scale,
    scaleX: valueType.scale,
    scaleY: valueType.scale,
    scaleZ: valueType.scale
  }
});
github Popmotion / popmotion / packages / popmotion-adapter-three / src / three-adapter.js View on Github external
if (setSelectors[key]) {
          setSelectors[key](element, props[key]);
        } else {
          element[key] = props[key];
        }
      }
    }
  },

  getter: (element, key) => getSelectors[key] ? getSelectors[key](element) : element[key],

  valueTypeMap: {
    color: valueType.color,
    scale: valueType.scale,
    scaleX: valueType.scale,
    scaleY: valueType.scale,
    scaleZ: valueType.scale
  }
});