앱의 버튼이나 화면 요소가 목표 위치에 도착한 뒤 조금 튕겼다가 멈추는 움직임을 만들 때, 숫자만 바꾸며 결과를 상상하기는 어렵습니다. Elastic은 스프링 애니메이션의 값을 조정하고 실제 동작을 미리 보며 곡선과 길이를 확인하는 무료 Linux 프로그램입니다. GNOME 공식 제품 페이지가 Flathub 설치를 안내합니다.
Elastic은 특히 libadwaita에 사용할 스프링 동작을 설계하고 C·JavaScript·Python·Rust·Vala 코드로 옮기는 작업에 맞습니다. 미리보기 화면의 움직임이 좋아 보인다고 끝내지 말고 그래프에서 진동이 얼마나 남는지, 코드 탭에서 어떤 값이 나왔는지 확인해야 실제 앱에 적용하기 쉽습니다.
움직임을 보면서 스프링 값을 고릅니다
GNOME 공식 설명은 Elastic으로 이동, 회전, 크기 변화를 미리 보고 애니메이션 곡선과 지속 시간을 그래프로 확인할 수 있다고 안내합니다. 손잡이를 끌었다 놓으면 스프링 물리에 따라 돌아오는 동작도 시험할 수 있습니다. 사용자는 값의 이름만 외우는 대신 원하는 반응을 눈으로 비교할 수 있습니다.
공식 기본 화면에는 Initial Velocity, Damping Ratio, Mass, Stiffness, Epsilon 항목과 각각의 숫자·슬라이더가 있습니다. 위쪽의 여러 도형은 동작 미리보기이고 옆에는 재생 버튼과 곡선 전환 아이콘이 보입니다. 수치를 하나씩 바꾸며 변화를 보는 편이 여러 값을 한꺼번에 수정하는 것보다 원인을 파악하기 쉽습니다.
그래프 화면에서는 곡선이 처음 목표를 지나쳤다가 오르내리며 점차 평평해지는 모습과 Duration 3289 ms 표시를 볼 수 있습니다. 이 값은 공식 예시 화면에 나타난 한 설정의 결과이며 모든 애니메이션이 3289밀리초라는 뜻은 아닙니다. 값을 바꾸면 자기 설정의 지속 시간과 흔들림을 다시 확인해야 합니다.
Elastic이 만드는 것은 libadwaita 스프링 애니메이션에 쓸 매개변수와 코드입니다. 영상 파일을 편집하거나 완성된 동영상을 내보내는 도구로 소개하면 목적이 달라집니다. 먼저 구현할 앱의 기술 환경이 이 코드와 맞는지 확인하세요.
실제 화면: 도형 미리보기·곡선·손잡이·코드
GNOME이 제공한 네 화면입니다. 기본 슬라이더, 진동 곡선, 드래그 손잡이, 언어별 코드 탭을 순서대로 보여 줍니다.
| 프로그램 | Elastic · Apps for GNOME |
| 개발자 | Alice Mikhaylenko |
| 앱 ID | app.drey.Elastic |
| 배포 | Flathub 무료 Flatpak |
| 지원 환경 | Linux x86_64 · aarch64 |
| 표시 버전 | 1.0.4 |
| 코드 탭 | C · JavaScript · Python · Rust · Vala |
무료 Linux 설치 파일과 지원 범위
GNOME 제품 페이지는 최신 릴리스를 1.0.4로 표시하고 Flathub 설치를 안내합니다. Flathub는 Elastic을 무료로 표시하며 Linux x86_64와 aarch64 아키텍처를 나열합니다. 확인한 공식 파일의 앱 ID는 app.drey.Elastic입니다. 설치 화면에서 이 ID와 이름이 같은지 대조하면 비슷한 이름의 다른 앱을 피할 수 있습니다.
공식 app.drey.Elastic.flatpakref는 앱 전체가 담긴 오프라인 실행 파일이 아니라 설치 대상을 지정하는 Flatpak 참조 파일입니다. Linux에 Flatpak과 Flathub가 설정돼 있어야 실제 앱과 필요한 구성 요소를 받아 설치할 수 있습니다. 파일만 저장해 두면 앱 목록에 Elastic이 나타나지 않습니다.
Flathub의 무료 표시는 파일을 받기 위해 비용을 내지 않아도 된다는 뜻입니다. 소스 라이선스는 GPL-3.0-or-later로 표시됩니다. 현재 확인한 배포는 Linux용이므로 다른 운영체제의 설치 파일을 찾는다면 공식 GNOME·Flathub의 제공 범위를 먼저 확인하세요.
- Linux에 Flatpak과 Flathub를 준비합니다.
- 설치 대상의 이름 Elastic과 ID app.drey.Elastic을 확인합니다.
- 설치를 마친 뒤 앱 목록에서 Elastic을 엽니다.
앱 요소가 튕겨 돌아오는 움직임 고르기
버튼을 눌렀을 때 도형이 목표 위치를 지나 조금 되돌아오는 느낌을 만들고 싶다면 기본 미리보기를 출발점으로 삼을 수 있습니다. 공식 화면에는 크기와 모양이 다른 도형이 있으며 재생 버튼으로 현재 설정을 시험할 수 있습니다. 먼저 기본값으로 한 번 재생해 움직임의 속도와 멈추는 시점을 기억해 두세요.
Damping Ratio는 진동이 얼마나 남는지 비교할 때 살필 값입니다. 공식 그래프 예시는 감쇠비 0.21일 때 목표선을 넘는 곡선을 보여 줍니다. 화면의 값을 조금 조절한 뒤 재생과 그래프를 다시 보면 튕김이 더 남는지 줄어드는지 확인할 수 있습니다. 특정 수치가 모든 버튼에 정답이라고 단정하지 말고 의도한 동작을 기준으로 고르세요.
Stiffness와 Mass도 같은 화면에서 조절할 수 있습니다. 두 값을 한꺼번에 크게 바꾸면 어느 변화 때문에 동작이 달라졌는지 알기 어려우므로 한 항목씩 바꿔 보세요. 마음에 드는 반응을 찾았다면 그때의 숫자와 그래프의 지속 시간을 함께 적어 두면 다른 후보와 비교하기 편합니다.
- 기본 설정을 재생해 기준 동작을 봅니다.
- 슬라이더 하나를 바꾼 뒤 다시 재생합니다.
- 그래프와 지속 시간을 비교해 쓸 값을 고릅니다.
곡선과 지속 시간으로 과한 흔들림 확인하기
움직임이 눈에는 자연스러워 보여도 끝부분의 잔진동이 길게 남으면 연속된 화면 조작에서 느리게 느껴질 수 있습니다. Elastic의 그래프 화면은 목표선 주변으로 곡선이 몇 번 오르내리는지와 Duration을 함께 보여 줍니다. 도형 미리보기에서 놓치기 쉬운 끝부분을 살필 수 있는 이유입니다.
공식 화면의 3289 ms는 예시 설정의 길이입니다. 같은 화면에는 Min 0.00, Max 1.51과 같은 범위도 표시됩니다. 자신의 설정에서 다른 숫자가 나온다면 스크린샷 수치를 복사하지 말고 현재 그래프를 기준으로 판단해야 합니다. 튕김이 의도보다 과하면 감쇠비 등 값을 조정하고 곡선이 수렴하는 모습을 다시 봅니다.
앱 화면 전환이라면 사용자가 다음 조작을 하기 전 동작이 마무리되는지도 살펴보세요. 지속 시간이 길다고 항상 나쁜 것은 아니지만 메뉴나 버튼처럼 자주 반복하는 요소에는 체감 속도가 중요합니다. 그래프 숫자와 실제 미리보기를 같이 보는 편이 한쪽만 보고 결정하는 것보다 안전합니다.
Interactive 손잡이로 복귀 동작 시험하기
공식 세 번째 화면에는 Basic과 Interactive 탭 중 Interactive가 선택돼 있고 가운데 빨간 원형 손잡이가 보입니다. GNOME 설명에 따르면 손잡이를 끌어 움직인 뒤 놓으면 설정한 스프링 물리에 따라 원래 위치로 돌아옵니다. 정해진 재생 동작만 보는 것과 달리, 사용자가 끄는 거리나 방향에 따른 반응을 느낄 수 있습니다.
드래그했다 놓았을 때 지나치게 멀리 튀거나 늦게 멈춘다면 아래의 감쇠비·질량·강성 값을 하나씩 바꾸고 같은 방향으로 다시 시험하세요. 공식 이미지의 수치는 예시일 뿐, 자신의 앱에서 손으로 움직이는 요소에 맞는 값은 시험할 동작에 따라 다를 수 있습니다.
Interactive 탭을 쓰더라도 최종 판단은 코드가 들어갈 실제 앱에서 해야 합니다. Elastic의 손잡이는 물리 반응을 미리 보는 데 좋지만 배치, 입력 장치, 화면 크기까지 똑같이 재현하는 것은 아닙니다. 선택한 설정을 앱에 적용한 뒤 사용자가 드래그하는 실제 요소를 다시 확인하세요.
설정한 값을 코드로 옮기기
공식 코드 화면에는 C, JavaScript, Python, Rust, Vala 탭과 Copy Snippet이 표시됩니다. 미리보기와 그래프에서 값을 정했다면 사용하는 언어 탭을 열어 코드에 반영된 숫자를 확인하세요. 언어를 바꿀 때마다 같은 이름으로 보이는 항목이 실제 프로젝트에서 어떤 API와 연결되는지 살펴봐야 합니다.
공식 Rust 예시에는 SpringParams::new 안에 감쇠비·질량·강성 수치가 들어가고, 별도 줄에 epsilon과 initial velocity가 보입니다. 이것은 설정값을 코드로 옮기는 출발점입니다. 복사한 조각이 프로젝트에서 바로 빌드되는지, 필요한 libadwaita 바인딩과 객체가 준비돼 있는지는 자신의 코드 환경에서 확인해야 합니다.
Copy Snippet으로 필요한 부분을 복사한 뒤 프로젝트의 알맞은 위치에 붙여 넣고 실행 결과를 미리보기와 비교하세요. 애니메이션이 다르게 보이면 복사한 수치, 적용한 대상, 언어 바인딩을 먼저 대조합니다. 다른 언어 탭의 문법을 섞어 넣지 않는 것도 중요합니다.
- 프로젝트에서 사용하는 언어 탭을 선택합니다.
- 코드에 반영된 스프링 값을 확인하고 Copy Snippet으로 복사합니다.
- 앱에 적용한 뒤 실제 화면의 움직임을 비교합니다.
결과가 예상과 다르거나 설치가 안 될 때
앱은 열렸지만 미리보기가 기대한 대로 튕기지 않으면 먼저 Basic과 Interactive 중 어느 화면을 보고 있는지 확인하세요. Basic은 정해진 도형의 이동·회전·크기 변화를, Interactive는 손잡이를 끌었다 놓는 반응을 살피는 데 맞습니다. 같은 설정에서도 시험 방식이 다르면 느낌이 달라질 수 있습니다.
그래프가 거의 평평하다면 재생 동작을 눈으로 보고 슬라이더를 한 항목씩 바꾸어 다시 비교하세요. 여러 수치를 한 번에 바꿔 원인을 잃었다면 화면의 Reset을 이용해 시작 상태로 돌아가 다시 조정할 수 있습니다. 공식 화면에는 Reset 버튼이 표시됩니다.
.flatpakref 파일을 열었는데 설치 도구가 뜨지 않거나 앱 목록에 Elastic이 없다면 Flatpak·Flathub 설정과 설치 완료 여부를 먼저 확인하세요. 앱 이름이나 ID가 공식 정보와 다르게 보이면 같은 이름의 다른 파일을 받은 것은 아닌지 살펴보세요. 파일 확장자를 바꾸는 것은 해결책이 아닙니다.
자주 묻는 질문
Elastic은 무료인가요?
네. 공식 Flathub 목록에 Free로 표시되고 GPL-3.0-or-later 라이선스가 확인됩니다.
Windows 설치 파일도 있나요?
이번에 확인한 공식 다운로드는 Linux용 Flatpak입니다. Windows 설치 파일은 확인되지 않았습니다.
완성된 동영상 파일을 내보낼 수 있나요?
공식 설명은 libadwaita 스프링 동작 설계와 코드 내보내기를 안내합니다. 동영상 편집·내보내기는 확인되지 않았습니다.
움직임의 길이를 볼 수 있나요?
네. 공식 그래프 화면에 애니메이션 곡선과 Duration이 표시됩니다.
어떤 언어의 코드를 내보내나요?
GNOME 공식 설명과 코드 화면에 C, JavaScript, Python, Rust, Vala가 표시됩니다.
움직임을 고른 뒤 실제 앱에서 확인하세요
Elastic은 스프링 애니메이션의 수치를 움직임과 그래프로 비교할 수 있는 무료 Linux 앱입니다. 기본 도형을 재생하거나 Interactive 손잡이를 끌었다 놓으면서 원하는 반응을 찾고, 곡선의 흔들림과 지속 시간까지 확인하세요.
결정한 설정은 프로젝트 언어의 코드 탭에서 복사해 libadwaita 앱에 적용할 수 있습니다. 복사한 값이 실제 화면에서도 같은 느낌을 내는지 실행 결과를 비교하면 설계 작업을 마칠 수 있습니다.
공식 자료와 확인일
GNOME 공식 제품 페이지 · Flathub 공식 앱 목록 · 개발자 공식 저장소 · Flathub 앱 메타데이터 | 2026년 10월 26일
