opacity

안녕하세요. 문의하신 질문에 대한 답변 드립니다~화면이 다 검은색으로 가려진다는 내용을 봤을 때,하단 팝업을 내리는 Tab 트리거의 Opacity 액션 설정값이 0%가 아니라 100%로 하신게 아닌가 합니다. 확인 부탁드리고, 가 문제가 아니라면 Opacity 액선의 설정값이 보이도록 추가 캡처 이미지를 보내주시기 바랍니다~

Reset the selected scene은 어느 상황에서 적용할 수 있나요?

안녕하세요. 강의를 수강해주셔서 감사합니다. 편집모드에서 나갈 때 선택했던 체크들을 모두 해제하고 싶으신 것 같습니다.그렇게 하기 위해서는 Scene을 Reset 하기 보다는 close 를 눌러서 편집모드에서 나갈 때 체크를 모두 해제하기 위한 메시지를 send 로 보내주면 됩니다.(Reset the selected scene을 사용하면 리스트의 스크롤 값 등이 초기화 되어서 UI 흐름이 매끄럽지 못할 것 같습니다.) 1.체크를 모두 해제하기 위한 메시지를 'none'으로 하기로 하고 '편집닫힘' 탭 트리거 안에 send 액션을 추가하고 Message 입력란에 none을 입력합니다.(사진) 2.체크박스 메인 컴포넌트로 가서 Receive 트리거를 추가하고 받을 메시지를 none으로 입력합니다.(사진)3.추가한 Receive 트리거 안에 Opacity 액션을 추가하여 check_on의 opacity 값을 0으로 합니다.(사진) 이렇게 하면 close 를 누르고 편집모드에서 나갈 때 모든 체크항목들(check_on)을 해제(opacity=0)할 수 있습니다.

tab네비게이션 만들기 강의 질문

안녕하세요.문의하신 X닫기 버튼과 오토체인지 페이지 링크 버튼은 모두 통이미지 위에 투명 버튼을 사용한 버튼 방식인데 링크가 동작하지 않는다고 하시니 두 가지를 체크해 주시기 바랍니다. 혹시 투명버튼으로 만든 Rectangle 의 투명처리를 Opacity로 하셨다면 화면에서 사라져서 눌리지 않으니 Opacity는 100%로 올려두고 대신 Fill 속성을 체크 해제하여 투명하게 해주세요. 그리고 하단의 오토체인지 페이지로 링크 버튼의 경우는 페이지를 스크롤 하여 눌러야 하는 버튼이라서투명버튼으로 만든 Rectangle 오브젝트가 스크롤 컨테이너 안에 같이 들어가 있는지도 확인해 주시기 바랍니다. 잘 해결되시길 바랍니다. 혹시 안되면 다시 질문해주세요.감사합니다.

priview 노랑색 버튼

안녕하세요. 먼저 프로토파이 강의를 수강해주셔서 감사합니다.문의주신 노란버튼이 투토리얼 화면 하단의 노란 점(페이지 표시)를 말씀하시는걸까요?조금 더 자세히 알려주시면 삐르게 도움을 드리도록 하겠습니다.

튜토리얼 진행중인데 불러오기가 2개 이상 안됩니다..

안녕하세요. 강의를 수강해주셔서 감사합니다.프로토파이가 점점 무료 사용자들이 할 수 있는 부분들을 줄여오고 있는거 같습니다. 처음에는 로컬에 저장을 막고, 지금은 Scenes 개수를 2개로 제한했군요.방법은 좀 번거로우시더라도 작업하는 Scene 외에 추가 Scene을 하나씩만 불러와서 작업 Scene으로 옮기고 불러온 Scene을 지우고 하시면 될 것 같습니다. 그렇다 하더라도 이제 무료 계정으로는 조금 뒤에 나오는 여러 Scene 간의 전환 작업은 강의대로 따라 하시기가 어려워진 것 같습니다. 이제 제대로 수업을 마시치려면 유료버전이 필요해진 것 같습니다.

jump로 씬을 넘어가면 send/receive로 변경한 디자인이 리셋됩니다

안녕하세요. 답변 드립니다.Send/Receive로는 현재 씬의 오브젝트나 같이 열려있는 다른 파일은 콘트롤이 가능하지만,같은 파일 안에 있는 다른 씬을 콘트롤 하기엔 무리가 있어서 Variable을 사용하는걸 추천드립니다.만약 도형이 3개라면, Variable을 for all scenes로 3개 만들어서 탭 트리거 등을 통해 도형의 상태값을 Assign 명령으로 해당 Variable에 넣고 다른 씬에서 해당 Variable 값을 체크하여 적용하는 방법으로 해보세요~

Access Settings이 보이지 않아요

안녕하세요~Access Setting 부분이 프로토파이 사이트가 업데이트 되면서 약간 이동되었습니다.두 곳에서 접근이 가능한데요,먼저 캡처해주신 메뉴화면에서 Share를 누르면 아래와 같은 모달화면이 나옵니다.(사진)여기서 Anyone with link 항목을 선택하시면 아래와 같은 화면으로 바뀌고 Access Setting을 할 수 있습니다.하지만, 무료계정에서는 항목들은 보이지만 변경기능은 비활성 됩니다.(사진)참고로 유료계정에서는 아래처럼 설정항목이 보여집니다.(사진) 다른 방법은, 프로토파이를 재생하는 화면 오른쪽 상단의 Share 버튼을 누르시면 됩니다.(사진)그러면, 아래처럼 이전 방법과 동일한 팝업이 나타납니다.여기서 Anyone with link 를 선택하여 들어가면 됩니다.(사진) 도움이 되셨길 바랍니다~

프로토파이 Share를 눌렀을 때 선생님 강의에선 다운로드 버튼이 있는데

안녕하세요. 프로토파이 강의를 수강해수셔서 감사합니다~최근 프로토파이가 웹사이트를 업데이트 하면서 UI가 살짝 이동하였습니다.웹사이트의 플레이 화면에서 설정이 왼쪽으로 이동하고, 핸드오프 버튼이 오른쪽으로 이동하였구요,문의하신 다운로드 버튼은 플레이 화면에서는 없어지고, Cloud 첫화면에 보이는 Pie 파일들의 썸네일 오른쪽 상단에 마우스를 올리면 나타나는 ... 메뉴를 누르시면 보입니다.감사합니다. (사진)

타이머 만들기

안녕하세요. 프로토파이 강의를 수강해주셔서 감사합니다~문의하신 부분이 혹시 숫자가 00 두자리씩만 표현되고 999가 넘어가면 다시 00이 되야 하는데 계속 올라간다는 말씀이실까요?99에서 다시 00으로 되려면 변수에 숫자를 1씩 더해서 입력하는 Assign 명령에 Condition을 추가하여 99보다 크거나 같으면 변수를 0으로 리셋하고나서 다시 1씩 더해서 입력하는 조건을 추가하면 될 것 같습니다.(아래 예시 이미지)(사진) 타이머가 좀 까다로운 모션이라 강의내용에는 추가하지 않았는데요, 다행히 프로토파이 사이트에 예제로 제공되고 있으니 참고해서 보시면 도움이 될 것 같습니다.아래 링크 달아드립니다.https://www.protopie.io/blog/create-a-stopwatch-timer

Figma 디자인 화면 import 관련 질문

안녕하세요. 프로토파이 과정을 수강해주셔서 감사합니다.강의에 사용되는 교재파일은 실제와 다르게 가공된 화면이거나 이미 서비스가 오픈되어 사용중인 화면을 조금 수정하여 사용하거나, 교재용으로 별도 제작된 파일들이라서 저작권에는 문제가 없습니다~ 또한 교재파일은 레이어를 단순화 하고 재활용 방지를 위해 교육과정에 필요없는 부분들은 하나의 이미지로 Merge 하여 사용한 것입니다.실제 RangRang 님이 작업하실때 일부러 Merge 하여 쓰실 필요는 없습니다. 피그마의 레이어를 그대로 프로토파이로 익스포트 하여 작업하시면 됩니다! 피그마에서 작업한 디자인 화면을 프로토파이로 익스포트 할때 위치나 크기가 뒤틀리는 부분은 없습니다.하지만, 피그마에서 사용한 마스크 처리(예, 텍스트 레이어를 마스크로 사용한 경우 등)가 프로토파이에서 지원되지 않는 경우에는 마스크가 풀려서 들어오고, 피그마에서 디자인한 비교적 복잡한 벡터 아이콘이 변형되어 들어오는 경우가 있을 수 있습니다. 이런 경우에는 적당한 png 마스크 이미지를 만들어 사용하시거나 아이콘을 피그마에서 3x 또는 4x 사이즈의 png 이미지로 익스포트 하여 프로토파이에서 사용하셔야 할 수 있습니다. 권장하는 방법은 피그마 디자인 파일을 그대로 프로토파이로 익스포트 하는 방법입니다.감사합니다!