Function newKeyframe

src/js/functions.js:2173–2306

(property, object, time, value, render)

// Create a keyframe
function newKeyframe(property, object, time, value, render) {
  // Check if property can be animated
  if (
    $.inArray(
      property,
      objects.find((x) => x.id == object.get('id')).animate
    ) != -1
  ) {
    const keyarr = $.grep(keyframes, function (e) {
      return (
        e.t == parseFloat(time) &&
        e.id == object.get('id') &&
        e.name == property
      );
    });
    const keyarr2 = $.grep(keyframes, function (e) {
      return e.id == object.get('id') && e.name == property;
    });
    if (keyarr2.length == 0) {
      if (property == 'left') {
        objects
          .find((x) => x.id == object.get('id'))
          .defaults.find((x) => x.name == property).value =
          object.get(property) - artboard.get('left');
      } else if (property == 'top') {
        objects
          .find((x) => x.id == object.get('id'))
          .defaults.find((x) => x.name == property).value =
          object.get(property) - artboard.get('top');
      } else {
        objects
          .find((x) => x.id == object.get('id'))
          .defaults.find((x) => x.name == property).value = value;
      }
    }
    if (keyarr.length == 0) {
      if (property == 'left') {
        keyframes.push({
          t: time,
          name: property,
          value: value - artboard.get('left'),
          id: object.get('id'),
          easing: 'linear',
        });
      } else if (property == 'top') {
        keyframes.push({
          t: time,
          name: property,
          value: value - artboard.get('top'),
          id: object.get('id'),
          easing: 'linear',
        });
      } else {
        keyframes.push({
          t: time,
          name: property,
          value: value,
          id: object.get('id'),