brunch

매거진 프로토파이 업데이트 소식

라이킷 10 댓글

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 이세호 Apr 27. 2018

프로토파이 3.8 업데이트

폰트설정과 Range/Chain/Condition의 Property추가

지난 4월 11일에 프로토파이 스튜디오 3.8 업데이트가 이뤄졌습니다.

뒤늦게 이번 업데이트의 내용을 정리해봅니다.

공식업데이트 소개글이 있지만 나름대로 업데이트 사항에 대해 팁이나 설명을 붙여보았습니다.

이번 업데이트의 핵심적인 사항은 다음의 두가지입니다.

- Text 레이어의 Font 설정

- Chain / Range / Condition의 Property에 Color와 Text, Video Playtime이 추가

업데이트 된 기능에 대해 살펴보겠습니다.

레이어/인터랙션 패널

Text의 Font를 설정 할 수 있습니다.

c | 스케치에서 Text를 가져오지 않더라도 '드디어' 프로토파이 내부에서 Text개체에 대한 Font설정이 가능합니다. 폰트가 임베드되는 것은 아니므로 Protopie Player (모바일)에서 불러올때나 웹으로 공유될때에는 폰트가 없으므로, 시스템폰트로 보여질 수 있습니다. 그래서 시연이 필요하실때에는 모바일보다는 해당 폰트가 설정된 PC에서 시연하는 것이 좋습니다. 아직 자간은 설정할 수 없습니다.

Font Family 지원 소개 영상

조건형 트리거인 Chain / Range / Condition에 Color / Text / Video Playtime을 사용할 수 있습니다.

c | 조건형 트리거에 넣을 수 있는 Property에 3개의 항목이 더 추가되어 총 11개(트리거종류나 레이어에 따라 다름)가 되었고, 보다 다채로운 인터랙션을 만들 수 있습니다. Text리스폰스에서 폰트를 바꿀 수도 있게 되었습니다. Text는 문자열의 아스키코드, Color는 헥스코드와 비교하게 됩니다.

Range / Chain / Condition에 추가된 3개의 Property (출처 : Protopie Medium)

이미지와 컨테이너에 Radius속성을 사용할 수 있습니다.

c | 새로 지원되는 Radius속성과 Clip Sublayers기능(크롭 또는 마스킹 대신 활용 가능)을 조합하여 스케치를 사용하지 않아도 원형 마스크에 준하는 수준으로 사용할 수 있습니다.

이미지와 컨테이너에 Radius / Clip Sublayers 적용

Condition 트리거의 UI가 개선되었습니다.

3.7과 3.8의 Condition UI비교

프리뷰 창

- 프리뷰 화면에서 터치패드 또는 마우스 휠로 Scroll 트리거 실행 가능

c | 맥북에서 터치패드 스크롤을 해도 스크롤이 되지 않아 실패했다고 느끼고 다시 클릭해서 드래그하게 되는 반복적 유저의 습관을 방지하기 위한 것으로 보입니다. 엄밀히 보면 터치패드의 Scroll이지 Drag는 아니기 때문에, Drag 트리거에 대한 리스폰스는 실행되지 않습니다. 예를 들면 Drag로 구현된 스티키헤더는 터치패드나 마우스휠로 실행할때 관련 리스폰스들이 실행되지 않습니다. 모바일의 터치디바이스에서는 Drag와 스크롤이 구분되지 않으므로 해당케이스가 발생하지 않습니다.