본문 바로가기

떠들기/창작

chClock [HTML5] [C2]

유니클락, 토호클락 두 가지를 보다가, 저도 게임툴로 간단하게 만들 수 있지 않을까 해서 만들어보았습니다. Construct 2 로 만들었기 때문에, HTML5를 지원하는 브라우저에서만 됩니다.

이 블로그에 달린 위젯 코드 :
(이 코드를 붙여넣어도 되겠지만, 계속 유지될지는 장담하지 않습니다. 제 블로그의 스킨에 올린 거거든요.)


파일

ver 0.2[각주:1]



3색 버전 : chClock_0.2_3diff.zip



단색 (회색) 버전 : chClock_0.2_gray.zip


ver 0.3

이쯤되면 관상용이네요... 반전때문에 알아보기 힘들어지는군요.

3색 + 초록색 반전 버전 : chClock_0.3_3diff.zip


프로젝트 파일 (보관용) :


사용법

1) 압축을 해제합니다.

이미지를 원하시는 색으로 바꾸신 뒤, 스킨 파일 디렉토리에 모든 파일을 업로드합니다. (꾸미기 -> HTML/CSS -> 파일업로드 -> 추가)
* 막대기의 이미지는 180도 회전되어 있습니다.
* 막대기의 이미지는 전체가 쓰이지 않고 높이 22픽셀, 가로는 반복 형태로 쓰이니 주의해주세요. 크기 변경시 동작할지는 모릅니다.
* indexed 모드여도, RGB 모드여도 정상 출력되는 걸로 확인했습니다.


2) chclock.html 의 주소를 찾아냅니다.

저는 배경 이미지를 이용해서 스킨의 이미지 디렉토리의 주소를 알아낸 뒤, 이름을 바꿔 찾습니다.

http://ts.daumcdn.net/custom/blog/19/198097/skin/images/bg3.jpg

->
http://ts.daumcdn.net/custom/blog/19/198097/skin/images/chclock.html


3) 주소에 맞게 코드를 변경하고, 장착합니다.

일반적인 코드 :
[chclock.html 주소] 부분을 바꿔주세요. 대괄호는 제거해야 합니다.


Credits

  • Construct 2 - The Easy way to create games, by Scirra co. Ltd
  • System date and time plugin - by rexrainbow @scirra forum
  • Created by Ch.


  1. * 12시간제로 표기됩니다. AM, PM 표기도 추가. * 초의 위치 표기를 원래대로 (제일 아래로) [본문으로]