'2008/08'에 해당되는 글 15건

  1. 2008/08/27 플랑크톤 댄스 (Dot Font Sample) (4)
  2. 2008/08/27 Dot Font Maker (2)
  3. 2008/08/26 [세미나소식] 제11회 훈스닷넷 정기세미나 - 실버라이트2 (6)
  4. 2008/08/21 싸이월드 테마앨범(실버라이트) 이벤트 powered by 휴즈플로우 (14)
  5. 2008/08/18 휴즈플로우, Daum DevDay in 제주 참가하게 되었습니다. (8)
  6. 2008/08/17 당신의 세계지리 지식은??? (2)
  7. 2008/08/17 Windows Vista에서 잘 뜨던 프로그램 어느 순간 안 뜰 때! (6)
  8. 2008/08/15 Deep Zoom Composer Online (PHP 버전) 화질개선 하였습니다. (2)
  9. 2008/08/15 DAUM DevDay (제5회) 신청
  10. 2008/08/14 (Firefox에서) 실버라이트 런타임 또 깔으라고 나오는 경우 중 하나! (6)
  11. 2008/08/06 Boxmile의 PageTurner (Silverlight 2 Beta 2) (15)
  12. 2008/08/04 모하마드 알 카타니
  13. 2008/08/04 제5회 Daum DevDay(제주도) 같이가요! (2)
  14. 2008/08/04 부산여행 제1일 (2)
  15. 2008/08/03 커뮤니케이션 (COMUNICATION)
2008/08/27 15:53

플랑크톤 댄스 (Dot Font Sample)



플랑크톤들이 배경음악에 맞춰 춤을 춥니다.
플랑크톤들의 대열은 Dot Font 추출 데이터를 이용하였습니다.
(잘 보시면 휴즈플로우의 HF가 적혀있는 것을 아실 수 있을 거예요.)

디자이너 PeterC가 그려준 플랑크톤 이미지 3장을 사용하였습니다.
PeterC 고마워요! ^^

관련 포스트 :
Dot Font Maker - http://gilverlight.net/2926
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 1 Comment 4

Trackback : http://gilverlight.net/trackback/2928 관련글 쓰기

  1. Subject 귀여워귀여워

    Tracked from Peter C 2008/08/27 17:00 delete

    gilbok 팀장님께서 아주 귀여운놈들을 만들어 주셨쎄요, 노래도 굳굳! (선곡은 제가 했답니다.풉) Best Friends라는 곡인데 화투장 맞듯이 아주 딱이죠? 잘보면 HF (HUGE FLOW) ㅋㅋ 휴플의 약자입니당!!

  1. BlogIcon 이정주 2008/08/28 00:06 address edit & del reply

    핫 저의 벨소리인데....전화 막 받으려고 했네요~ㅋㅋ

    • BlogIcon 길버트 2008/08/28 08:15 address edit & del

      우리 디자이너가 선곡한 곡인데,
      'Best Friends'란 곡 맞죠? ^^

  2. BlogIcon 짱묜 2008/08/28 14:18 address edit & del reply

    음악 중독성 있음 ㅋㅋㅋㅋ

    • BlogIcon 길버트 2008/09/01 13:47 address edit & del

      네, 중독성 있기도 하지만,
      자주 듣게 되면 -_-;;;

2008/08/27 11:41

Dot Font Maker

Basic Concept

기본개념 주어진 모양에 대해 HitTest를 열심히 수행하여,
주어진 모양 위에 존재하는 점들의 리스트를 추출합니다.

추출한 점들을 XML로 생성하여 DotFont 개념으로 활용합니다.

Import XAML

외부 XAML 파일을 불러들여 Dot를 추출할 대상으로 삼습니다.
이 예제에서는 가능하면 300x300 이하의 Visual 객체를 품고있는 XAML 파일을 사용해 주십시오.

XAML 파일의 예

1. Rect300.xaml

<Grid Height="300" Width="300" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
    <Rectangle Fill="Blue"/>
</Grid>



2. Octo.xaml

<Grid Height="300" Width="300" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
    <Path HorizontalAlignment="Stretch" Margin="6.96099996566772,5.4980001449585,9.08100032806396,6.89200019836426" VerticalAlignment="Stretch" Data="M270.00015,291.00095 C257.27469,294.68719 223.39499,264.90533 205.81969,256.12411 C190.81198,248.62575 157.36313,200.96284 88.999947,247.00099 C64.318466,263.62234 75.038261,251.83934 36.999886,283.00119 C15.326254,300.75668 -4.0001645,294.00125 18.999863,263.0011 C41.999889,232.00093 67.00029,202.00053 67.00029,202.00053 C67.00029,202.00053 114.00027,179.00043 61.000294,179.00043 C8.0003204,179.00043 -13.999672,141.00024 34.000305,150.00029 C82.000282,159.00034 90.00061,152.00031 90.00061,152.00031 C90.00061,152.00031 96.023254,150.46558 90.045967,141.50612 C83.61409,131.86528 79,123 79,123 C79,123 37,55 95,21 C153,-13 187.00024,21 191.00026,24 C195.00027,27 223.00035,66.999825 196.00027,120 C169.0002,173.00017 230.00034,148.00009 230.00034,148.00009 L257.0004,132.00021 C257.0004,132.00021 320.00058,94.000038 273.00046,150.00031 L244.00014,184.00046 C210.00009,214.0006 232.00012,220.00063 245.00014,233.00069 C258.00015,246.00075 282.72562,287.3147 270.00015,291.00095 z" Stretch="Fill" Stroke="#FFFFFFFF" StrokeThickness="20"/>
</Grid>




Live Demo



1. Font Name을 입력합니다.
2. Sampling Dot Pitch를 확인합니다.
3. (옵션) Randomize 여부를 결정합니다.
4. Generate 버튼을 누릅니다.
5. 허한 부분은 Manual Mode를 On한 상태에서 수동으로 Click하여 점을 추가합니다.
6. XML 데이터를 얻습니다.

Source

Tip

TextBlock으로 생성한 글자는 눈에 보이는 부분만 HitTest에서 잡히는 것이 아닙니다.
여백부분도 HitTest에서 추출되어 다음과 같은 결과를 보이게 됩니다.

때문에 TextBlock에 대해서 Dot를 추출하고 싶으신 분은 Expression Blend에서 미리 Path로 변환하셔야 합니다.
Expression Blend에서 TextBlock을 선택하고 [Object-Path-Convert to Path]를 수행하십시오.

Epilogue

동적으로 TextBlock에 대한 Path를 공급받으시려면, 웹서비스에서 WPF의 라이브러리를 이용하여,
TextBlock을 Path로 컨버팅한 다음 Path 데이터를 Return 받는 아이디어(Boxmile의 조언)도 있습니다.
한글같이 일일이 Static xml 데이터로 폰트를 준비해 놓기 어려운 경우에 더 유용합니다.
이것은 다음에 시간적 여유가 있을 때 한번 시도해 보려고 합니다.

또, 아예 TextDragon처럼 Dot Font Maker에서도 Path자체를 그릴 수 있게 지원하면,
바로 Path를 그리고, 그 Path로 부터 Dot를 추출할 수 있도록 할 수도 있겠습니다.

이름이 Dot Extractor였어도 될 뻔했습니다.
하지만 Dot Font Maker라고 부르고 싶네요.

'이런 걸 왜 실버라이트로 짰담'하시는 분들 계실지 모릅니다만, 왜~ 있잖아요. 개발자적인 습성!
무엇을 짜던 간에 그 순간 자기가 가장 익숙한 언어로 짜고 싶어하는 것. ^^

여튼 차후 공개될 DotFont를 사용한 응용작 기대해 주세요. ^^

이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 2

Trackback : http://gilverlight.net/trackback/2926 관련글 쓰기

  1. BlogIcon ONESTONE 2008/08/28 10:01 address edit & del reply

    예전에 플래시로 된 App 중에 비슷한게 있었어요. 아마존의 책 검색이 주제였는데 검색어를 입력하면 아마존에서 책표시 사진을 가져오고 검색어를 패스로 바탕에 그려놓고 그 위에 책 표지들 배치하는 내용 있었어요. 실버라이트로 구현할 수 있겠네요.

    • BlogIcon 길버트 2008/09/01 13:49 address edit & del

      저도 기억이 나는 것 같습니다.
      유고 나카무라의 작품이 아니었나요?
      이번 DAUM DevDay에서 비슷한 것을 구현하였습니다. ^^
      관련하여 포스팅은 며칠 이내에...

2008/08/26 10:14

[세미나소식] 제11회 훈스닷넷 정기세미나 - 실버라이트2

사용자 삽입 이미지
Left : 공도, Right : PeterC
photo by 길버트



2008년 09월 11일(목) 18시 30분
한국마이크로소프트 (포스코 센터 5층)



이번에는 휴즈플로우 공인석 팀장최형준 디자이너가 첫번째 세션에
동반 출격하여 실버라이트 컨트롤 모델에 대해서 다룹니다.

두번째 세션에서는 오일석 대장님과 함께
실버라이트 데이터바인딩 완전정복에 나서게 된다는 군요.

많은 관심 부탁드려요.

자세한 내용과 참가신청은 훈스닷넷 공지사항을 참고하세요.
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 6

Trackback : http://gilverlight.net/trackback/2925 관련글 쓰기

  1. BlogIcon 짱묜 2008/08/26 15:30 address edit & del reply

    ㅋㅋㅋㅋ 사진 너무 웃겨요 ㅋㅋㅋㅋ

    • BlogIcon 길버트 2008/08/26 17:18 address edit & del

      조금 빵 터질 수 있는 사진이죠?

      '아웅다웅하던 개발자와 디자이너,
      실버라이트를 통해 극적 화해무드로!!!'

      뭐 대략 이런 컨셉입니다. ^^

  2. BlogIcon 건태 2008/08/26 22:39 address edit & del reply

    이제 보니 저 뒤에 다리꼬고 앉아있는 내 모습도 보이는구나..^^;;
    개발자와 디자이너가 피터지게 싸우고 있는 동안 다리꼬고 구경하고 있는 사장 컨셉인가...^^;;;

    • BlogIcon 길버트 2008/08/27 09:59 address edit & del

      Developer G나 Designer P 중 어느 한쪽에
      돈을 걸고 승부를 지켜보고 있는 것은 아닌가?? ^^

  3. BlogIcon 이도한 2008/08/27 09:32 address edit & del reply

    막~~ 가고 싶은 생각이.. ^^

    • BlogIcon 길버트 2008/08/27 10:02 address edit & del

      오세요~오세요.
      요즘 많이 바쁘세요?
      뵙기 힘드네요!

2008/08/21 12:40

싸이월드 테마앨범(실버라이트) 이벤트 powered by 휴즈플로우

싸이월드에서 테마앨범이란 새 서비스를 시범 운영합니다.
테마앨범 서비스는 실버라이트로 만들어졌습니다.

자신의 공개사진들을 가지고 템플릿형, 앨범형, 자유형의 테마앨범을 만들어 볼 수 있으며,
미니홈피의 한정된 공간을 최대한 활용할 수 있도록 기획이 되었습니다.

한번 맛보러 가보시죠.


Go!

바로가기 주소 :
http://www.cyworld.com/event/promotion/2008_themeAlbum/ThemeAlbumEvent.asp

또는 싸이월드 메인 페이지의 왼쪽 하단 '이벤트배너'를 클릭합니다.

사용자 삽입 이미지
 

테마앨범 꾸미기

일단 이벤트 페이지에서 '나만의 테마 앨범 만들기 Go!'를 한번 지그시 눌러줍니다.
그 이후에는 자신의 사진첩에서 아래와 같이 찾아 보실 수 있습니다.

자 일단 테마 폴더 화면이 이렇게 뜹니다.

'새로운 폴더 만들기'를 누르시구요.

폴더명을 입력하고, 형태를 선택하고, 확인을 누릅니다.

배경을 선택합니다.

자, 꾸밀 준비가 되었네요.
이제 왼쪽의 사진리스트를 이용하여 원하는 사진을 찾은 다음, 드래그 앤 드랍을 합니다.

자, 이런 식으로 꾸며 놓을 수가 있네요.

앨범 형으로 꾸미면 이렇게 되고요.

템플릿 형은 이런 방식이네요.


슬라이드쇼

꾸며놓은 앨범을 보다가 아무 사진이나 클릭하면 슬라이드 모드로 갑니다.

양쪽의 화살표 버튼을 누르면 이전/다음 사진으로 이동할 수 있습니다.
이때 센스 있는 분들은 발견하셨겠지만, 오른쪽 아래 위치하고 있는 휴즈플로우의 로고!

Remix Korea 2008에서 이 서비스의 프로토타입을 보시고 기억하시는 분들이 계실거예요.
그 프로토타입을 이번에 실서비스 수준으로 잘 마무리 하였습니다.
싸이월드의 기획력과 휴즈플로우의 기술력이 이제 한번의 데이트를 했네요.
애프터는? ^^

고생많이 한 박스마일(Boxmile, 박건태 팀장)에게 박수를!!!

이번 테마앨범 서비스가 반응이 좋으면 싸이월드 서비스 구석구석에
'실버라이트' 어플리케이션이 추가로 적용 될 가능성이 열릴 수 있는 중요한 이벤트입니다.
많은 호응 부탁드려요!


경품

경품도 있네요. 테마앨범을 꾸며 본 사용자들을 대상으로
XBox Pro (2명), MS 무선 키보드/마우스 set (12명), 도토리 등이
경품으로 준비가 되어있네요. ^^


이상 휴즈플로우 이길복(aka. 길버트) 팀장이었습니다. ^^ 꾸벅.

이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 1 Comment 14

Trackback : http://gilverlight.net/trackback/2924 관련글 쓰기

  1. Subject 싸이월드, 실버라이트로 만든 테마앨범 이벤트 공개

    Tracked from 유령회사 공도소프트 2008/08/21 14:41 delete

    싸이월드에서 실버라이트로 만든 테마 앨범을 공개했어요. 테마 앨범은 지난 Remix Korea 08에서도 잠깐 소개되었죠. 단순히 Remix 이벤트로 그치지 않고 결실을 맺었네요. 바로가기 -> http://www.cyworld.com/event/promotion/2008_themeAlbum/ThemeAlbumEvent.asp ...그런데... 전 싸이월드 아이디가 없다는거... -_-;; 자세한 소개는 길버트님의 글을 참고하세요;; http://g..

  1. amo★ 2008/08/21 13:01 address edit & del reply

    아웅♡

    • BlogIcon 길버트 2008/08/21 15:53 address edit & del

      아웅 캄사♡

  2. BlogIcon 짱묜 2008/08/21 14:04 address edit & del reply

    와우 ㅋㅋ 멋져요 ㅋㅋ

    • BlogIcon 길버트 2008/08/21 15:53 address edit & del

      네, 감사합니다.

  3. BlogIcon 기석 2008/08/21 18:15 address edit & del reply

    회사에서 싸이가 막혀있어 확인은 못하지만,
    소개 이미지만 봐도 너무 멋지네요 ~

    • BlogIcon 길버트 2008/08/22 07:24 address edit & del

      안녕하세요.
      과찬의 말씀이세요!
      싸이월드 접속할 수 있는 곳에 가시면
      한번 해보시구요. 부족한 점 꾸짖어 주세요. ^^

  4. BlogIcon 이과장 2008/08/21 21:36 address edit & del reply

    아주 좋은걸요 ^^

    • BlogIcon 길버트 2008/08/22 07:25 address edit & del

      이과장님 감사합니다!

  5. BlogIcon QHermes 2008/08/22 14:04 address edit & del reply

    ioi 형, 멋져요. 정말 축하드려요!

    • BlogIcon 길버트 2008/08/23 09:44 address edit & del

      건태옹이 구현했네.
      하지만 축하는 같이 받지~ ^^

  6. BlogIcon Outsider 2008/08/25 13:26 address edit & del reply

    스크린샷만으로도 멋지군요. Remix때 보고도 감탄했었는데요.. 고생많으셨습니다. 집에가서 만져봐야겠네요...(회사에선 눈치보여서... )

    • BlogIcon 길버트 2008/08/25 19:40 address edit & del

      네, 댁에서 만져보시고
      부족한 점 많이 꾸짖어 주세요!

  7. 맛보기 2008/09/24 19:13 address edit & del reply

    죄송한데요, 싸이월드 테마앨범 삭제 하는 방법 있나요 ? 하고 싶은데 하는게 없어서 못하겠네요..

    • BlogIcon 길버트 2008/09/25 07:47 address edit & del

      삭제하는 방법이 제공되지 않는 것으로 알고 있는데요.
      아마 이벤트 기간이 끝나면 자동으로 감춰지지 않을까
      생각합니다.

2008/08/18 17:46

휴즈플로우, Daum DevDay in 제주 참가하게 되었습니다.

사용자 삽입 이미지

오늘 발표가 났는데요.

휴즈플로우 실버라이트 개발팀, 제주도에 가게 되었습니다.

바베큐 파티와, 비치 파티가 기대되네요.
일단, 가게 되었으니 목표는 프로젝트 1등을 하여, NDS를 하나씩 타오는 것!

제주도 가서 멋진 경치 속에서,
멋진 실버라이트 어플리케이션 만들어보자구요.
휴즈플로우 파이팅!

PS. DAUM 관계자 여러분 저에게 좋은 생일선물 주셔서 감사합니다.
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 8

Trackback : http://gilverlight.net/trackback/2923 관련글 쓰기

  1. BlogIcon 준서아빠 2008/08/19 11:21 address edit & del reply

    축하드립니다. 흐극, 저도 가고 시퍼요. T.T

    • BlogIcon 길버트 2008/08/19 18:33 address edit & del

      감사합니다.
      과장님도 같이 가시죠~ ^^

  2. Peter C 2008/08/20 19:46 address edit & del reply

    와~~~

  3. 2008/08/21 18:59 address edit & del reply

    비밀댓글 입니다

    • BlogIcon 길버트 2008/08/22 07:25 address edit & del

      좋은 말씀 감사드려요! ^^
      힘이 나네요. 좋은 결과 만들어 볼게요!

  4. BlogIcon 이정주 2008/08/27 23:52 address edit & del reply

    그때 뵈요~~ㅋ

    • BlogIcon 길버트 2008/08/28 08:14 address edit & del

      오! 역시 정주님도 DevDay 되셨군요.
      리스트에서 이정*과 이메일을 봤을 때,
      정주님이 된 거 알았습니다.

      아마 제주도 가기 전에 비행기에서 먼저 만나겠네요. ^^

2008/08/17 21:24

당신의 세계지리 지식은???



죽마고우 기석군 블로그에 갔다가 업어왔어요. 재미있네요.
실버라이트로도 이런거 만들어 볼까요? ^^

버추얼어스나 구글맵의 지도를 활용하고, Zoom In / Zoom Out을 가능케하면,
퀴즈를 풀고 난 느낌이 개운할 것 같은데요.

이건 뭐 뭔지도 모르고 찍다가 통과하는 거 같은 느낌이라서...
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 2

Trackback : http://gilverlight.net/trackback/2922 관련글 쓰기

  1. BlogIcon QHermes 2008/08/22 14:07 address edit & del reply

    흥미롭군요. 형, 이거 가져갈게요-*

    • BlogIcon 길버트 2008/08/23 09:46 address edit & del

      그래, 사회과부도의 추억을 만끽하게!