Flash platform2012.03.25 18:47


출처 : http://goo.gl/Je692


얼마 전에 Image Sprite 를 사용했을때의 효과에 대해서 포스팅을 한적이 있는데요. 이제서야 그 두번째 포스팅을 하게 되네요. 

테스트에 사용한 이미지들이 얼마전에 스토어에 오픈한 Pix : Pixel Mixer의 이미지들이라서 이제서야 블로그 포스팅을 할 수 있게 되었습니다. :D  생각 보다 Pix 에 대한 사용자들의 반응이 좋아서, 작업에 참여한 사람들 모두 싱글 벙글 하고 있습니다. 


이 포스팅은 이전에 작성된 Flash App Performance : Image Sprite Sheet 와 이어지는 내용입니다. 아직 이전 포스팅을 안읽으신 분들은 읽고 본 포스팅을 보시는게 좋을것 같습니다.



Image Sprite 로 만들어서 작업하는게 좋다는건 알고 있는데, 얼마나 차이가 발생할까 궁금해서 테스트를 해 봤습니다. 테스트 대상은 모바일이고 OS에 따라 차이가 나겠지만, 이정도 차이라면 확실하게 좋다고 말할 수 있겠네요. 비교는 단순히 Embed 태그를 이용해서 각각의 이미지를 따로 사용했을때와 (Image Embed) 이미지들을 Sprit 해서 하나의 이미지를 사용했을때 (Image Sprite) 경우는 비교 했습니다.


Flash Builder Profiler

Flash Builder Profiler 상에서 나타나는 메모리 점유율

왼쪽 : Image Embed (176K) , 오른쪽 : Image Sprite (68K) , 차이 108K


왼쪽 : Image Embed (5296K) , 오른쪽 : Image Sprite (5178K) , 차이 118K



Adobe AIR Simulator

AIR Simulator 에서 어플리케이션을 실행 시켰을때 나타나는 메모리 점유율

왼쪽 : Image Embed (19886080 Byte) , 오른쪽 : Image Sprite (6754304 Byte) , 차이 13131776 Byte



Device Test (iPhone 4S)

iPhone 4S 에서 어플리케이션을 실행 시켰을때 나타나는 메모리 점유율

왼쪽 : Image Embed (4890624Byte) , 오른쪽 : Image Sprite (2478080 Byte) , 차이 2412544 Byte



메모리를 줄여 준다는게 사용자가 느끼기에는 확연한 차이가 없습니다. 하지만, 모바일이나 적은 리소스만 운영을 할 수 있는 플랫폼에서는 반드시 필요한 작업이라 할 수 있습니다. 프로젝트가 대부분 마무리 되고, 더이상 디자인 수정 사항이 없다고 판단이 될때 적용해 보세요. 



댓글은 언제든지 환영 합니다. :ㅇ


Posted by Flash 동강
Review2012.03.19 11:37



Pix 는 Adobe AIR 를 이용하여 만든 어플리케이션 입니다. 기존에 작성된 Flash Player 용으로 배포된 사진 편집기의 소스(Actionscript3)를 그대로 활용하여 모바일 어플리케이션을 구현하는데 사용하였습니다. 




"하나의 코드로 모든 플랫폼을 커버 할 수 있다." 는게 Adobe가 AIR Mobile 을 설명할때 주로 사용하고 있는 말입니다. Pix 는 이 장점을 최대한 활용하여 하나의 프로젝트에서 한번의 컴파일로 iOS(iPhone, iPad), Android OS용 어플리케이션을 구현 하였습니다. 해상도를 맞추는데 어려움이 있었지만, 비교적 짧은 기간 동안 좋은 퀄러티의 어플리케이션을 만들수 있었습니다. 




지금까지는 이 블로그가 Flash 관련글을 포스팅 하는 곳이라 기술적인 부분에 대해 나열해 보았는데요. 지금부터 Pix에 대해 소개해 보겠습니다.


Pix 의 장점은 쉬운 UI 구성과 다양한 필터효과를 가지고 있다는 점 입니다. 추가로 Facebook, Twitter로 보내기 기능으로 최대한 빠르게 자신의 사진을 공유 할 수 있습니다. 일단 소개 동영상 부터 보시죠.








주요 기능


- 사진을 더 생동감 있게 해주는 30개의 필터와 24개의 레이어 효과 그리고 16개의 액자를 제공 합니다.

- 필터 중복 적용 기능을 사용하여 좀 더 세밀한 느낌을 만들수 있습니다.

- 즐겨 찾기로 추가하여 자신만의 효과를 빠르게 적용할 수 있습니다.

- Twitter, Facebook 공유 기능과 그밖에 스마트폰에 설치 되어 있는 어플리케이션과의 연동 기능을 제공 합니다.



아직 Adobe AIR를 이용한 모바일 어플리케이션 개발을 고민하고 있는 분들이 많은 걸로 알고 있습니다. Pix 를 설치해 보시고 이미 충분히 좋은 플랫폼이다라는걸 느끼셨으면 합니다. Chrome Web Store 에 등록도 준비 하고 있습니다. Chrome Web Store까지 등록이 되면 Flash Platform으로 구현한 제대로된 Hybrid Application이 될거라 생각 합니다.


 

Pix 공식 홍보 페이지 : http://goo.gl/ftnZR

iOS 다운로드 페이지 : http://itunes.apple.com/us/app/pix-pixel-mixer/id509144139

Android 다운로드 페이지 : https://play.google.com/store/apps/details?id=air.net.daum.pix


QR 코드로 다운로드 받기



Adobe AIR 를 이용하여 모바일 어플리케이션을 구현 하면서 어려운 점이나, 버그 같은데 딱히 물어 볼곳이 없다는 느낌을 많이 받았습니다. 댓글이나 메일로 문의 주시면 저희 팀이 아는 내용이라면 빠르게 답변 드리겠습니다.


Posted by Flash 동강
Diary2012.03.07 13:44








'Diary' 카테고리의 다른 글

Instagram Photo  (0) 2012.03.07
플래시 커뮤니티 컨퍼런스 그리고 플래시..  (5) 2010.09.15
요즘 들어 하는 이런 저런 생각.  (7) 2010.06.06
잘 살고 있습니다.  (14) 2009.12.20
Posted by Flash 동강