Silverlight/Workshop 23

Blend 스타일의 Color Picker (소스포함)

Introduction 제가 1년 전쯤 (실버라이트 1.1버전) 공개했던 Color Picker를 휴즈플로우에서 진행하는 어떤 프로젝트에서 쓰게되어, 실버라이트 2 버전으로 포팅도 하고, 많이 다듬어서 다시 이렇게 공개합니다. 블렌드 스타일의 컬러픽커이므로 많은 색상을 지원하실 수 있습니다. Screen Shots Live Demo! Source Code HSV Color Space를 참고하여 구현하였습니다. 허접한 소스이지만, 살펴보시다 보면 쓸만한 구석이 있을 거예요. 현재 유저컨트롤로 구현되서 많이 아쉽습니다... 언젠가 시간이 허락되면 박스마일군에게 많이 배워서 커스텀 컨트롤로 제작하고픈 작은 꿈이 있습니다. ^^ invalid-file 위 예제에서 색상 선택하는 버튼은 ColorBox라는 객체를..

실버라이트 성운 (Silverlight Nebula)

이것은 실버라이트 성운입니다. 실버라이트 설치페이지에서 사용되고 있는 것입니다. 동영상을 원하시면 다음 파일을 다운로드 받으십시오. 애석하게도 36x36짜리 작은 파일 밖에 없습니다. (혹시 커다랑 사이즈의 동영상을 구하시면 저에게도 알려주시기 바랍니다. ^^) invalid-file 실버라이트 형태로 퍼가고 싶으신 분은 아래 코드를 이용하십시오. 함께 사용할 수 있는 배경색상은 #031523 이오니 참고하십시오. 감사합니다.

누가 그랬을까? / 할로윈 데이

Photo by Scot Beardsley @ flickr.com 지난 주 할로윈 데이가 있었죠. 할로윈 데이에 빠짐없이 등장하는 조각된 호박들. 안에 초를 넣고 켜야 하기 때문에 하나 같이 머리 위가 절단되어 있죠. 그걸 보면서 이런 생각을 했어요. '누가 그랬을까?... 사일러가 그랬을까? ^^' 할로윈데이에 알바 뛴 사일러에게 박수를! 이 생각을 게스트잉크에 그려보았습니다. 박스마일과 피터씨의 노력으로 게스트잉크가 새 단장을 했습니다. 이제 Object태그 퍼가기(블로그나 게시판용)나 홑URL(메신저용)도 지원하네요. ^^

샤방샤방! 터치커서(휴플커서)의 귀환!

지난 5월 6일에 터치 커서를 'Touch 느낌을 살려주는 커서'라는 제목으로 포스팅 한 적이 있었습니다. 소스 정리 좀하고, 실버라이트 2 버전으로 휴즈플로우를 대표하여 재공개합니다. 1. 소개 터치 디바이스들이 홍수를 이루면서, IT기기들이 '클릭'보다 '터치'의 느낌을 점점 더 강조하고 있습니다. 사용자들도 터치 디바이스를 좋아하는 것 같습니다. '커서 뭐가 될래?'라는 말만 들었던 커서가 변신을 하고 대접을 좀 받기 시작한거죠 ^^; 2. 라이브데모 백문이 불여일견, 전지현보다 여자친구가 좋은이유가 '만질 수 있어서'였던 가요? 자 아래 라이브데모 준비되어 있습니다. 마우스 클릭도 해보시고, 드래그도 해보시고, 휠도 돌려보세요. 색상이나 커서 생성빈도 변경해보시는 것도 잊지 마시구요. 3. 소스코..

오랜만에 GuestInk

요즘 박스마일이 열심히 작업하고 있는데, 곧 GuestInk 퍼가기 기능이 추가될 듯하네요. 저는 GuestInk 위젯을 만들려고 생각하고 있습니다. 어제 참으로 오랜만에 GuestInk를 쓰려고 펜을 들었습니다. 아래와 같은 작품들을 그렸어요. 이런 횡설수설하며... 디자이너 피터씨 책상에 앉아있는 종이고양이도 그려보았습니다. 나는 행복하다고 마인드 컨트롤도 해보았습니다. ^^

[실버라이트 위젯] 기타조율 도우미

1. 소개 본 위젯의 용도는 클래식 기타의 조율을 돕는 것입니다. 전국의 클래식 기타 애호가님들을 위해 만들어 보았습니다. 제가 제작하고, boxmile군이 감수하고, joyh후배가 기타음을 mp3로 녹음해 주었습니다. (화현회 파이팅!) 특히 joyh후배는 고품격음악블로그에서 때때로 자신의 연주(수준급)를 녹음하여 공개하고 있으니, 많은 사랑 부탁드립니다. 위젯에 마우스를 오버하시면, 위와 같은 모습으로 변합니다. 간단히 각 부분을 설명드리면, 1 = 줄에 (마우스오버)를 하면 1회 기타음이 납니다. 줄에 (마우스클릭)을 하면 조율하는 동안 반복 재생됩니다. 2 = 곡에 따라 6번 줄을 '레'로 조율할 필요가 있는데, 이때 이용합니다. 3 = 이 버튼을 누르면 퍼가기 코드가 제공되어, 다른 블로그나 웹..

Dot Font Maker

Basic Concept 기본개념 주어진 모양에 대해 HitTest를 열심히 수행하여, 주어진 모양 위에 존재하는 점들의 리스트를 추출합니다. 추출한 점들을 XML로 생성하여 DotFont 개념으로 활용합니다. Import XAML 외부 XAML 파일을 불러들여 Dot를 추출할 대상으로 삼습니다. 이 예제에서는 가능하면 300x300 이하의 Visual 객체를 품고있는 XAML 파일을 사용해 주십시오. XAML 파일의 예 1. Rect300.xaml invalid-file 2. Octo.xaml invalid-file Live Demo 1. Font Name을 입력합니다. 2. Sampling Dot Pitch를 확인합니다. 3. (옵션) Randomize 여부를 결정합니다. 4. Generate 버튼을..

Deep Zoom Composer Online (PHP 버전) 화질개선 하였습니다.

Deep Zoom Composer Online ? Deep Zoom Composer Online (PHP 버전)이 무엇인지 궁금하신 분들은 제가 2주 전쯤 포스팅한 Deep Zoom Composer Online (PHP 버전) 제작기를 참고해 주세요. What's New 제가 처음 Deep Zoom Composer Online을 제작할 때, 이미지를 resize하기 위해서 사용한 PHP의 GD 함수는 imagecopyresized였습니다. 하지만 제작기를 보시면 아시겠지만, 화질이 Microsoft의 Deep Zoom Composer를 따라가지 못했습니다. 2주 지난 후, 짬이 좀 나서 개선 방법을 찾아봤습니다. 구글링을 해보니, 매우 쉬운 개선책이 있었던거죠~ imagecopyresized 대신에 im..