Beam Bench 문서

캔버스 끊김

캔버스를 이동하거나 확대/축소하거나 선택할 때 버벅거립니다. 프레임이 끊깁니다.

나타나는 현상

캔버스 이동이나 고무 밴드 선택처럼 매끄럽던 상호작용이 끊깁니다. 프레임 속도가 눈에 띄게 떨어집니다.

원인

캔버스 렌더러는 상호작용이 발생하는 모든 프레임마다 다시 그려야 합니다. 대부분의 프로젝트에서는 문제가 되지 않습니다. 하지만 무거운 프로젝트(많은 객체, 복잡한 경로, 큰 래스터)는 렌더링 예산을 초과합니다.

해결 방법

테스트를 위해 Antialiasing 끄기

Settings → Display에서 Antialiasing을 일시적으로 끕니다. 끊김이 사라지면 프로젝트가 렌더링 성능에 제한된 것입니다. 다음 중 하나를 수행하세요.

  • 무거운 프로젝트 작업 중에는 Antialiasing을 끄고, 그 외에는 켭니다.
  • 프로젝트의 형상 복잡도를 줄입니다(대용량 파일에서 앱이 느림 참조).

Filled rendering 전환

Filled rendering은 와이어프레임보다 렌더링 비용이 큽니다. 크게 이동하거나 확대/축소하는 동안에는 (Alt+Shift+W) 끄고, 레이아웃 작업 시 다시 켭니다.

모션 줄이기

Settings → Display에서 Reduce motion을 켭니다. 이렇게 하면 프레임 예산을 사용하는 일부 애니메이션이 비활성화됩니다.

필요하지 않은 패널 닫기

열려 있는 각 패널은 캔버스가 변경될 때마다 업데이트됩니다. 현재 사용하지 않는 패널을 닫으면 이러한 오버헤드를 줄일 수 있습니다.

캔버스 객체 수 확인

일반 배열과 가상 배열은 모두 복사본마다 별도의 캔버스 객체를 생성합니다. 따라서 큰 가상 배열은 여전히 렌더링 비용이 클 수 있습니다. 다음을 고려하세요.

  • 배열 개수를 줄입니다.
  • 배열을 만들기 전에 원본 형상을 단순화합니다.
  • 매우 큰 반복 레이아웃을 더 작은 프로젝트 배치로 나눕니다.

고DPI 디스플레이가 문제인 경우

해상도가 높을수록 프레임마다 처리해야 하는 픽셀이 많아집니다. Retina 디스플레이에서는 캔버스가 2x 해상도로 렌더링될 수 있습니다. 이 경우 조정할 수 있는 방법이 적습니다. 이는 시각적 품질을 높이는 대신 성능을 저하시키는 운영 체제 수준의 배율 조정입니다.

작동 여부 확인

  • 이동 및 확대/축소가 매끄럽습니다(대부분의 최신 하드웨어에서 60 fps).
  • 선택이 즉시 반응합니다.

그래도 문제가 해결되지 않나요?

On this page