창조유저그룹-커즈닷컴

소스자료실
- 창조 소스를 공유하는 곳입니다. 첨부가능 확장자는 *.zip,*.rar,*.arj,*.exe,*.jpg,*.png,*.gif,*.cuf,*.nhp,*.nhw 입니다.

LIST ALL

Posted by 박종훈

2010-07-19 16:50:22, Hit : 6948

[re] [0.9b] 삼지창을 이용한 스킨UI의 구현2

Homepage : http://qnrdlqkrwhdgns.canxan.com/

File #1 : skin_ui_ver2.gif (9.9 KB) Download : 59

File #2 : skin_ui_ver2.zip (779.6 KB) Download : 74

Post URL : http://cugz.sjworks.net/bbs/zboard.php?id=pds_sc&no=784

첫번째로 올렸던 예제가 너무 싸구려(?)같아서,
쪼금더 손봐서 올립니다.

※달라진점(거의 없습니다만..)

* '창틀무' 로 설정했습니다.
* '드래그바'의 색상을 스킨에서 조정할수 있습니다.(스킨1에서는 검정, 스킨2에서는 핑크)
* 스킨을 조금 더 멋있게(?) 손봤습니다. 이미지를 사용해서 그라이던트 효과를 내었습니다.
* F5를 금지시켰습니다.(자바스크립트를 사용)
* [스킨1]에서 ▼, ▲ 버튼이 추가되었습니다.(눌러보시면 창의 크기가 변합니다. 물론 스킨에서창조를 제어합니다.)

※추가된 이벤트

http://skin.bgColor=(R,G,B) - 배경색
http://skin.color=(R,G,B) - 글꼴색

또한, 현재 드래그바의 위치가 아래로만 되어있는데요,
이 역시 이벤트의 추가로 해결할수 있습니다. http://skin.dragbar=(none|top|bottom|right|left)

스킨에서는 불가능한 가사창, 앨범아트, 재생상태바 등은 창조의 객체들(ㅎ버튼, ㅎ눈금계, ㅎ그림판)을 사용할수 있습니다.
http://skin.lrcScreen=(X,Y,Width,Height)
http://skin.progressBar(X,Y,Weight,Height)
http://skin.albumArt(X,Y,Width,Height)

현재 스킨에서 창조를 제어할수는 있는데, 창조에서 스킨을 제어하는것이 가장 큰 난관입니다.
삼지창에서 자바스크립트로 날려주거나, 내지는 창조에서 스킨파일을 변경해서 사용하는 방법입니다.(텍스트큐브같이 치환자를 사용하거나 말이죠.)
아니면, 삼지창에서 스킨파일을 GET방식으로 여는 방법도 있습니다.
C:\skin\skin1.html?songNum=5&play=false
자바스크립트에서 GET으로 넘어온 것들을 캐치할수 있으니까요. 그러나 이 방법은 스킨제작이 다소 까다로울뿐더러, IE에서는 URL 2,048자 제한이 있다고 하네요.

권선중 2010-07-19 PM 5:57:49


제컴이 이상한가요? 스킨이 뜨지를 않네요..

박종훈 2010-07-19 PM 6:03:35


으응? 혹시 실행파일만 실행하신건 아니죠?ㅠ 전체 압축을 모두 풀고도 안된다면 사용하시는 IE버전을 알려주셨으면 합니다. 스킨이 뜨지 않는다면, 아예 하얀 화면만 나온다는 건가요? (이 스킨은 IE8을 기준으로 제작되었습니다.)

권선중 2010-07-19 PM 6:20:55


제가 볼때 스킬로드에 문제가 좀있는듯하네요.. http://skin.albumArt(X,Y,Width,Height) 와같은 명령이 발생한다면 해당 http:// 웹에서 불러오는듯한데.. 또한 html파일을 익스에서 직접 불러와도 페이지 없음이 뜨네요..

박종훈 2010-07-19 PM 6:33:39


히히, 이 스킨의 작동 방식이 바로 그거입니다(?) skin1.html 파일을 그냥 익스나 웹브라우저로 불러오시면 페이지 없음오 오류가 나는 것이 정상입니다. skin1.html 파일을 보면 body 태그에 onload에 action 자바스크립트 함수가 실행되도록 해놨는데요. 바로 action 함수가 창조에 정보를 제공해주는 역할을 하는 함수입니다. action 함수를 보시면 location.href 를 이용해서 페이지 이동을 합니다. 바로 페이지 이동을 할 때 창조의 '삼지창'이 이를 감지합니다. 그래서, 감지한 이동주소를 분석해서 동작을 수행하는 겁니다. 스킨에서 http://skin.play로 이동하려고 하면 창조에서는 play 부분을 인식해서 재생하라는 명령을 수행하는 겁니다.

민용빈 2010-07-19 PM 6:38:35


[Win32, Win7, IE 8] 환경에서 웹 페이지를 찾을 수 없습니다. 즉 프로그램 실행시 404 오류가 나옵니다.

박종훈 2010-07-19 PM 7:18:40


어흑.. 저는 잘 되는데 왜그러지 ㅠㅠ

한수훈 2010-07-23 AM 1:20:27


Internet Explorer 8 :: 404 Bad Request

박종훈 2010-07-23 AM 9:01:06


이상하네요.. 왜 오류가 나는지 모르겠습니다. 오류 나시는 분들의 공통점이 Windows 7 사용하시는것 같은데, XP사용하시는 분들도 오류가 나시나요?