flash counter

자신이 직접 그릴 수 있는 -_-; 카운터입니다.
버그나 기능 추가는 코멘트로 남겨주세요 :)




counter.swf (오른클릭으로 저장하세요)


changelog
- 카운터가 바뀔 때 효과음-_-;을 재생할 있게 gSoundPath를 추가하였습니다.
- 카운터가 바뀔 때 이벤트를 잡아챌 수 있는 gCallback이 추가되었습니다.



사용법

counter.swf?gDataProvider=http://...&gImageRoot=http://... 와 같은 방식으로 embed하거나
param 태그의 flashvars 항목에 gDataProvider=http://...&gImageRoot=http://...와 같은 데이터를 value 채우시면 됩니다.


사용 가능한 arguments

gDataProvider : 필수 항목으로 데이터를 받아오는 URL을 입력합니다. URL에서는 숫자만 찍어주면 됩니다. 아래의 URL 참고.
예) gDataProvider=http://blog.miniwini.com/materials/random.php

gImageRoot : 필수 항목으로 카운터에 사용할 숫자 이미지가 있는 경로를 적어주면 됩니다. 내부에서 위의 URL을 기준으로 0.png ~ 9.png 파일,comma.png(지원예정?)까지 가져옵니다. 그림 파일은 직접 그려서 올려야하며, 크기는 10x20 또는 35x23 등으로 통일하여야합니다.

예) gImageRoot=http://blog.miniwini.com/img/counter

위와 같이 설정한 경우, 아래의 파일이 모두 있어야 합니다.

http://blog.miniwini.com/img/counter/0.png
http://blog.miniwini.com/img/counter/1.png
http://blog.miniwini.com/img/counter/2.png
http://blog.miniwini.com/img/counter/3.png
http://blog.miniwini.com/img/counter/4.png
http://blog.miniwini.com/img/counter/5.png
http://blog.miniwini.com/img/counter/6.png
http://blog.miniwini.com/img/counter/7.png
http://blog.miniwini.com/img/counter/8.png
http://blog.miniwini.com/img/counter/9.png
http://blog.miniwini.com/img/counter/comma.png


gInterval : 몇 초에 한번씩 데이터를 다시 가져올 것인가를 정합니다. 기본값은 10이고 10보다 작으면 10으로 강제 설정됩니다.
예) gInterval=20 (20초에 한번씩 다시 데이터를 가져옵니다)


gZeroFill : 특정한 자리수로 설정하고 모자라는 자리를 0으로 채울 것인지를 설정합니다. 예를 들어, gZeroFill이 6이고 카운터가 999면 "000999" 로 표시됩니다.


gSoundPath : 카운터가 바뀔 때 재생할 효과음의 경로를 지정합니다.
예) gSoundPath=http://blog.miniwini.com/add-ons/notify.mp3


gCallback : 카운터가 바뀔 때 호출할 Javascript 메쏘드를 지정합니다. 카운터가 변경되면 해당 메쏘드가 호출되며, argument로는 oldVal과 newVal을 가진 객체가 들어갑니다.
예) gCallback=OnCounterChanged

위와 같이 설정한 후 HTML페이지에

function OnCounterChanged(arg)
{
var oldVal = arg.oldVal; // 이전 카운터
var newVal = arg.newVal; // 새 카운터
}
와 같이 Javascript를 작성하시면 특정 카운터에서 하고 싶은 짓-_-;;을 할 수 있습니다.~
19 comments ≫ 23 trackbacks ≫ --> Stic~ 2006-11-08 21:10:36

미리보기
stic.swf (오른클릭으로 저장하세요)




changelog
gTooltips : 툴팁에 표시될 데이터입니다. |로 구분되며, 이 값이 없으면 gTags의 값을 사용합니다.
gTooltipFont : 툴팁의 폰트입니다. 기본값은 gulim입니다.
gTooltipFontSize : 툴팁의 폰트 크기입니다. 기본값은 12입니다.
gTooltipFontColor : 툴팁의 폰트 색상입니다. 기본값은 #444444입니다.
gTooltipBackgroundColor : 툴팁의 배경 색상입니다. 기본값은 #FEFEE0입니다.
gTooltipBorderColor : 툴팁의 테두리 색상입니다. 기본값은 #DFDFBD입니다.
gTooltipBorderWidth : 툴팁의 테두리 두께입니다. 기본값은 2입니다.
gTooltipWidth : 툴팁의 최대 넓이입니다. 이 크기를 넘어가면 줄바꿈됩니다. 기본ㄷ값은 170입니다.
gDirection : 그래프의 방향입니다. v 또는 h이며 기본값은 v입니다.



사용법
stic.swf?gData=40|30&gTags=항목1|항목2 와 같은 방식으로 embed하거나
param 태그의 flashvars 항목에 gData=40|30&gTags=항목1|항목2와 같은 데이터를 value 채우시면 됩니다.
크기는 400x220입니다.

사용 가능한 arguments
gData : 필수 항목으로 데이터값이 들어가며, |(파이프라인)으로 구분합니다.
예) gData=15|25|35

gShowTooltip : 막대에 마우스를 가져가면 툴팁으로 데이터를 표시할 지 여부입니다. 1 또는 0이 들어가게 되며, 기본값은 1입니다. 툴팁을 사용하지 않으려면 이 값을 0으로 하거나, 아래의 gTags를 지정하지 않으면 됩니다.

gTags : X축에 표시될 항목을 지정합니다. gData와 동일하게, |(파이프라인)으로 연결해야합니다.
예) gTags=항목1|항목2|항목3

gTagFontX : X축에 사용할 폰트를 지정합니다. 기본값은 verdana입니다.

gTagFontSizeX : X축에 사용할 폰트의 크기를 지정합니다. 기본값은 9입니다.

gTagFontColorX : X축에 사용할 폰트의 색상을 지정합니다. #999999입니다.

gTagFontY : Y축에 사용할 폰트를 지정합니다. 기본값은 verdana입니다.

gTagFontSizeY : Y축에 사용할 폰트의 크기를 지정합니다. 기본값은 9입니다.

gTagFontColorY : Y축에 사용할 폰트의 색상을 지정합니다. #999999입니다.

gApplyShadow : 막대의 그림자를 표시할지 여부를 지정합니다. 0 또는 1이며 기본값은 1입니다.

gDropShadowOpacity : 막대의 그림자의 알파값입니다. 0에서 1 사이이며, 기본값은 0,5입니다.

gDropShadowBlurX : 막대 그림자의 수평방향 흐림 정도입니다. 기본값은 2입니다.

gDropShadowBlurY : 막대 그림자의 수직방향 흐림 정도입니다. 기본값은 2입니다.

gDropShadowAngle : 막대 그림자의 각도입니다. 기본값은 45입니다.

gDropShadowDistance : 막대 그림자의 거리입니다. 기본값은 2입니다.

gInterval : 각각의 막대가 나오는 시차입니다. 기본값은 150입니다.

gEffect : 막대가 나올 때 사용할 효과입니다. 1 또는 2이며, 기본값은 1입니다.

gLabelOccurrence : Y축에 표시할 항목을 표시 빈도입니다. *또는 +와 숫자를 조합합니다.

*5 로 지정하시면 첫번째,다섯번째,열번째,... 항목만 표시됩니다. (1,5,10,15...)
+5 로 지정하시면 첫번째,여섯번째,열두번째,... 항목만 표시됩니다. (1,6,11,16,21,...)

지정안하면 모두 표시합니다.


gShowLabelX : 0으로 지정하면 X축 항목이 표시되지 않습니다. 기본값은 1입니다.

gShowLabelY : 0으로 지정하면 Y축 항목이 표시되지 않습니다. 기본값은 1입니다.

gShowLabelY : 0으로 지정하면 Y축 항목이 표시되지 않습니다. 기본값은 1입니다.

gBarWidth : 막대의 넓이입니다. 기본값은 15입니다.

gAxisWidth : X축 영역의 넓이입니다. 기본값은 40입니다.

gAxisHeight : Y축 영역의 높이입니다. 기본값은 30입니다.

gBarOpacity : 막대의 알파값입니다. 기본값은 100입니다.



copyright
- 따로 배포하실 수 없습니다.
- 상업적인 용도로 사용하실 수 없습니다.
- 비영리 개인/단체 사이트에서만 사용하실 수 있습니다.






changelog

2006.09.02
- 옵션이 추가되었습니다.

- 잘못된 옵션 설명 수정
- gAutoStart 옵션이 추가되었습니다.

---------------------------------

플래시로 된 파이 그래프입니다.
구글 통계를 사용하시는 분들은 아마 익숙하실겁니다 : )




미리보기
pizza.swf (오른클릭으로 저장하세요)


사용법
pizza.swf?gData=40|30&gTags=항목1|항목2 와 같은 방식으로 embed하거나
param 태그의 flashvars 항목에 gData=40|30&gTags=항목1|항목2와 같은 데이터를 value 채우시면 됩니다.
크기는 190x160입니다.

사용 가능한 arguments
gData : 필수 항목으로 데이터값이 들어가며, |(파이프라인)으로 구분합니다.
예) gData=15|25|35

gShowTooltip : 파이 조각에 마우스를 가져가면 툴팁으로 데이터를 표시할 지 여부입니다. 1 또는 0이 들어가게 되며, 기본값은 1입니다. 툴팁을 사용하지 않으려면 이 값을 0으로 하거나, 아래의 gTags를 지정하지 않으면 됩니다.

gTags : gShowTooltip이 1인 경우 표시될 항목을 지정합니다. gData와 동일하게, |(파이프라인)으로 연결해야합니다.
예) gTags=항목1|항목2|항목3

gRadius : 파이의 크기(반지름)입니다. 기본값은 60입니다.
gHeight : 파이의 높이입니다. 기본값은 30입니다.
gColors : 각 조각들의 색상값이 들어가게 되며, 비어있을 시에는 미리 정의된 색상을 사용합니다.
기본색상과 그림자 색상 두가지가 필요하며, 이 두색상은 ,로 구분하며 조각별 색상은 |(파이프라인)으로 구분합니다.
예) gColors=#dddddd,#cccccc|#eeeeee,#dddddd
gAutoStart : 지정된 조각을 튀어나오게 합니다.
gAutoStart=lowest : 가장 작은 조각이 자동으로 튀어나옵니다.
gAutoStart=highest : 가장 큰 조각이 자동으로 튀어나옵니다.
gAutoStart=2 : 지정된 인덱스(0부터 시작입니다)의 조각이 자동으로 튀어나옵니다.

* new

gTagUrl : gTags에 지정된 항목 이름을 가지고 url을 만들어 클릭 시 이동합니다.
항목 이름으로 치환될 부분은 %s으로 지정합니다.
예) gTagUrl=http://miniwini.com/tags/%s
gTagTarget : gTagUrl이 지정된 경우 타겟창이 열리는 창 이름입니다. _self,_blank,_parent,_top 중에서 사용 가능하며 기본값은 _self입니다.

gPercCipher : 마우스 오버 시 표시되는 퍼센트의 자릿수입니다. 2로 지정된 경우는 소수점 이하 둘째 자리까지 표시합니다. 기본값은 1입니다.


copyright
- 따로 배포하실 수 없습니다.
- 상업적인 용도로 사용하실 수 없습니다.
- 비영리 개인/단체 사이트에서만 사용하실 수 있습니다.


---------------------------
위에 필요한것들 첨부파일입니다!
Downloads.zip