본문 바로가기

My 프로젝트

퍼포먼스 최적화 : Bitmap 데이터형으로 전환하여 사용하라. 개요 이번 주제는 플래시 퍼포먼스를 어떻게 하면 최적화 시킬 수 있는지에 대한 글을 써보려한다. 액션스크립트를 공부한 유저라면 다들 한번쯤 트위너에 대해 들어봤거나, 자주 사용하고 있을 것이다. 한때 트위너 퍼포먼스란 주제로 많은 글들이 올라왔었고, 또 제조사가 다른 트위너API 퍼포먼스에 대한 비교예제를 소개하는 글들이 많았었다. 여기 사이트를 방문하면 각 제조사별 트위너API 퍼포먼스를 확인 할 수 있다. 오늘 주제의 목적은 타 트위너 API대한 성능을 비교하려는게 아니다. '왜 트위너들이 제각기 성능이 다르게 나올까?'하는 의문에서 시작되었고, 그걸 증명하기 위해 몇가지 테스트 결과를 소개하는데 목적이 있다. 구성 - 최종적으로 이미지가 그려질 canvas 스테이지. - 크기 6*6px 인 이미지 .. 더보기
뷰티솔루션 테크닉 : 베이지곡선을 이용한 자유변형객체 구현. 아이디어 그래픽 프로그램을 보면 사용하는 툴 중에 펜툴이 있는데, 보통 자유곡선을 그릴 때 많이 이용한다. 펜툴에 대한 핵심 기능을 간략히 살펴보면 마우스클릭시 포인터가 생성되고 그 점을 기점으로 양쪽 제어점이 생성된다. 그리고 포인터와 제어점을 이용해서 라인의 곡선과 위치를 제어할 수 있다. 그러한 기초개념을 도입해서 핵심 아이디어를 도출하게 됐다. 전체적인 아이디어 구성은 이미지로드 --> 각 부위별 제어포인트 설정 --> 포인트 제어를 통한 사이즈 및 형태조정 순으로 진행되야 되며, 여기에서는 핵심 부분인 포인트 제어를 통해 형태를 변형하는 과정만 구현했다. 구성 포인트점( 포인터개수에 따라 복사 ) 대상 아웃마스크 알고리즘 1. 초기 설정된 포인터개수에 따라 포인트점을 각 위치에 생성. 2. 포인.. 더보기
뷰티솔루션 테크닉 : BitmapData를 이용한 아웃마스크 구현 아이디어 플래시에서 많이 사용하는 기술중에 하나가 마스크 기법이다. 마스크 기법이란 선택영역을 제외한 나머지 영역을 숨기는 기술이다. 즉 선택된 곳만 보이게 된다. 그런데 생각을 바꿔서 선택된 영역만 사라지게 하려면 어떻게 해야할까? 회사에서 근무할 때 '뷰티솔루션' 관련 사이트를 알게됐었는데, taaz라는 사이트에서 그러한 기술을 적용해서 사용하고 있었다. 그 당시 2명이서 감당하기엔 기술력이나 인력이 너무 부족해서 잠시 보류해 뒀었다, 하지만 꼭 구현해 보고 싶었던 마음의 여운이 남아서 틈틈히 연구를 계속했었는데, 이제야 뭔가 결과물이 나온거 같아 소개한다. 기본 아이디어는 대상( 큰원 )이 있고, 마스크( 작은원 )를 클릭한 후 드래그 해서 큰원 위쪽 영역으로 올려 놓으면, 마스크영역 만큼 큰원영역.. 더보기