@phaserjs/phaser/components/transform/UpdateTransforms.js

Phaser 4

import { TRANSFORM, Transform2DComponent } from "./Transform2DComponent";
import { ClearDirtyTransform } from "../dirty/ClearDirtyTransform";
import { GetParentID } from "../hierarchy/GetParentID";
import { SetDirtyWorldTransform } from "../dirty/SetDirtyWorldTransform";
import { SetQuadPosition } from "../vertices/SetQuadPosition";
import { WillTransformChildren } from "../permissions/WillTransformChildren";
export function UpdateTransforms(id, cx, cy, cright, cbottom, forceUpdate, parentIsDisplayList) {
  const data = Transform2DComponent.data[id];
  let tx = data[TRANSFORM.X];
  let ty = data[TRANSFORM.Y];
  const rotation = data[TRANSFORM.ROTATION];
  const scaleX = data[TRANSFORM.SCALE_X];
  const scaleY = data[TRANSFORM.SCALE_Y];
  const skewX = data[TRANSFORM.SKEW_X];
  const skewY = data[TRANSFORM.SKEW_Y];
  let axisAligned = Boolean(data[TRANSFORM.AXIS_ALIGNED]);
  let a = scaleX;
  let b = 0;
  let c = 0;
  let d = scaleY;
  if (!axisAligned) {
    a = Math.cos(rotation + skewY) * scaleX;
    b = Math.sin(rotation + skewY) * scaleX;
    c = -Math.sin(rotation - skewX) * scaleY;
    d = Math.cos(rotation - skewX) * scaleY;
  }
  data[TRANSFORM.LOCAL_A] = a;
  data[TRANSFORM.LOCAL_B] = b;
  data[TRANSFORM.LOCAL_C] = c;
  data[TRANSFORM.LOCAL_D] = d;
  data[TRANSFORM.LOCAL_TX] = tx;
  data[TRANSFORM.LOCAL_TY] = ty;
  if (data[TRANSFORM.IS_ROOT]) {
    data[TRANSFORM.WORLD_A] = a;
    data[TRANSFORM.WORLD_B] = b;
    data[TRANSFORM.WORLD_C] = c;
    data[TRANSFORM.WORLD_D] = d;
    data[TRANSFORM.WORLD_TX] = tx;
    data[TRANSFORM.WORLD_TY] = ty;
  } else {
    const parentID = GetParentID(id);
    const parentData = Transform2DComponent.data[parentID];
    const pa = parentData[TRANSFORM.WORLD_A];
    const pb = parentData[TRANSFORM.WORLD_B];
    const pc = parentData[TRANSFORM.WORLD_C];
    const pd = parentData[TRANSFORM.WORLD_D];
    const ptx = parentData[TRANSFORM.WORLD_TX];
    const pty = parentData[TRANSFORM.WORLD_TY];
    data[TRANSFORM.WORLD_A] = a * pa + b * pc;
    data[TRANSFORM.WORLD_B] = a * pb + b * pd;
    data[TRANSFORM.WORLD_C] = c * pa + d * pc;
    data[TRANSFORM.WORLD_D] = c * pb + d * pd;
    data[TRANSFORM.WORLD_TX] = tx * pa + ty * pc + ptx;
    data[TRANSFORM.WORLD_TY] = tx * pb + ty * pd + pty;
    a = data[TRANSFORM.WORLD_A];
    b = data[TRANSFORM.WORLD_B];
    c = data[TRANSFORM.WORLD_C];
    d = data[TRANSFORM.WORLD_D];
    tx = data[TRANSFORM.WORLD_TX];
    ty = data[TRANSFORM.WORLD_TY];
    axisAligned = false;
  }
  const x = data[TRANSFORM.FRAME_X1];
  const y = data[TRANSFORM.FRAME_Y1];
  const right = data[TRANSFORM.FRAME_X2];
  const bottom = data[TRANSFORM.FRAME_Y2];
  let x0 = x * a + tx;
  let y0 = y * d + ty;
  let x1 = x * a + tx;
  let y1 = bottom * d + ty;
  let x2 = right * a + tx;
  let y2 = bottom * d + ty;
  let x3 = right * a + tx;
  let y3 = y * d + ty;
  let inView = 0;
  if (axisAligned) {
    data[TRANSFORM.BOUNDS_X1] = x0;
    data[TRANSFORM.BOUNDS_Y1] = y0;
    data[TRANSFORM.BOUNDS_X2] = x2;
    data[TRANSFORM.BOUNDS_Y2] = y2;
    inView = Number(!(cright < x0 || cbottom < y0 || cx > x2 || cy > y2));
  } else {
    x0 += y * c;
    y0 += x * b;
    x1 += bottom * c;
    y1 += x * b;
    x2 += bottom * c;
    y2 += right * b;
    x3 += y * c;
    y3 += right * b;
    const bx = Math.min(x0, x1, x2, x3);
    const by = Math.min(y0, y1, y2, y3);
    const br = Math.max(x0, x1, x2, x3);
    const bb = Math.max(y0, y1, y2, y3);
    data[TRANSFORM.BOUNDS_X1] = bx;
    data[TRANSFORM.BOUNDS_Y1] = by;
    data[TRANSFORM.BOUNDS_X2] = br;
    data[TRANSFORM.BOUNDS_Y2] = bb;
    inView = Number(!(cright < bx || cbottom < by || cx > br || cy > bb));
  }
  data[TRANSFORM.IN_VIEW] = inView;
  if (inView === 1 || forceUpdate || parentIsDisplayList) {
    SetQuadPosition(id, x0, y0, x1, y1, x2, y2, x3, y3);
  }
  ClearDirtyTransform(id);
  if (WillTransformChildren(id)) {
    SetDirtyWorldTransform(id);
  }
}