최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰

   Alpha 와 Tint 구현



Alpha 의 선행 지식)


-fl.getDocumentDOM


Document 객체를 반환하거나 열려 있는 문서가 없으면 null을 반환한다.


-document.setInstanceAlpha( opacity )


선택된 인스턴스의 투명도를 0부터 100 까지의 정수로 표현.


구현포인트)


현재 활성화된 문서(FLA파일)의 DOM객체를 가져와서 선택된 인스턴스의 불투명도를 아래와 같이 할당한다.


fl.getDocumentDOM().setInstanceAlpha(0); // 0%


fl.getDocumentDOM().setInstanceAlpha(50); //50%


fl.getDocumentDOM().setInstanceAlpha(90); //90%



Tint 의 선행 지식)


document.setInstanceTint(color, strength) : 


선택된 인스턴스의 color 형식이 0xRRGGBB의 16진수 이거나 "#RRGGBB" 형식의 문자열로 표현 하고


strength 에는 불투명도를 지정하는 0부터 100까지의 정수를 입력한다.


구현포인트)


선택한 인스턴스의 색상을 #000000으로 변경하고, 불투명도를 90%로 설정한다.


fl.getDocumentDOM().setInstanceTint('#000000', 90);



   None 구현


-setElementProperty( property, valure )


property 에 Element속성의 이름을 지정하는 문자열 속성과 값의 전체 목록은 여기를 참고하기 바란다.


value에 지정된 속성에 설정할 값을 지정하는 정수.


fl.getDocumentDOM().setElementProperty('colorMode', 'none'); //컬러속성(Alpha, Tint)을 없앤다.




   Alpha, Tint, None - JSFL다운로드



자, 이제 이론은 모두 끝났다. 다음의 압축 파일을 다운로드 받아서 압축을 풀고 commands 폴더로 복사한다.



commands.zip




   Keyboard 연결



앞서 설명한 단축키 연결 포스트를 참고하여 단축키를 설정해 보도록 하자.


알파, 틴트블랙, 틴트화이트는 단순한 메서드에 비해서 엄청난 빈도수와 편리함을 가지고 있다.


등록 할 갯수와 양이 많지만 한번만 등록하면 .wfx 을 가지고 있게 되므로 설정 화면은 처음이자 마지막 작업이 될 것이다.




일단 알파계열이다. 0부터 90% 까지 있으며, 100%는 필요가 없기에 제외하였으며


이는 키보드 넘버패드가 가지고있는 0~9 까지 딱 맞아 떨어진다. 


단축키를 다음과 같이 등록한다.





두번째는 틴트 블랙이다. 10~90% 까지 있다.


마찬가지로 넘버패드를 사용하긴 하나 Alt 키와 같이 사용한다.


다음과 같이 등록한다.




세번째는 틴트 블랙이다. 10~90% 까지 있다.


마찬가지로 넘버패드를 사용하긴 하나 Ctrl 키와 같이 사용한다.


다음과 같이 등록한다.






마지막으로 None 이다. None 은 Color Effect 속성을 none으로 바꿔주기 때문에


위에 언급한 각각의 Alpha 혹은 Tint 같은 ColorMode의 속성을 다시 원본 속성으로 되돌려 놓는다.


다음과 같이 등록한다.







   정리



정리해 보면 키보드의 넘버패드 만으로 Alpha, Tint White, Tint Black, None을 모두 손쉽게 직관적으로 제어 할 수 있게 되었다.


컨트롤키

 동작

 넘패드 0 ~ 9

 알파0 ~ 90%

Alt + 넘패드 0~9

 틴트블랙 10 ~ 100%

 Ctrl + 넘패드 0~ 9

 틴트화이트 10 ~ 100%

 넘패드 .

 효과 없애기


다음 포스팅 에서는 오브젝트의 크기(Transform)및 회전(CW, CCW), Skew(Horizon, Vertical) 에 대해서 알아보겠으며


속도를 내기위해 구현부 설명은 나중에 하고 다운로드와 키 설정 부분만 일단 작성하도록 함.










댓글