웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
(0) 
(0)웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
(0) (0)
오늘 오후에 있을 플래시 스터디 과제인 막대 그래프 만들기에 대한 이해를 돕기 위해 간소화 시킨 플래시 차트 소스를 준비했습니다. 그래프 막대로 사용하기 위해 다섯 가지 색상의 무비클립을 만들었습니다. 차트에 적용할 데이터는 2차원 배열에 담았고 Tween 클래스를 활용해 막대 그래프에 활력을 불어 넣었습니다. 여러가지 Tween 클래스 효과를 실험하기 위해 onEnterFrame 이벤트를 이용해 5가지 다른 스타일을 일정한 시간 간격으로 보여주고 있습니다. 플래시 입문자들은 아래 소스를 수정하고 개선해 보시면 플래시 액션스크립트 학습이 도움이 될 것입니다. 뭐든 직접 해보는 것이 중요하므로 손수 멋진 디자인을 입혀서 자신만의 개성있는 막대 그래프를 만들어보세요.
import mx.transitions.Tween;
import mx.transitions.easing.*;
var chart_array = Array(
Array('80','94','70','80','60')
,Array('60','100','78','50','80')
,Array('90','80','100','75','95')
);
var style_array = Array(
Strong.easeOut, Elastic.easeOut, Bounce.easeOut, Regular.easeOut, Back.easeOut
);
var menu_max = chart_array.length;
var part_max = chart_array[0].length;
var time_step = 0, style_pos = 0;
function show_chart(set_style){
var i, j, y1, y2, style, mc;
y1 = 0;
for (i=0;i<part_max;i++) {
for (j=0;j<menu_max;j++) {
mc = this['mc_bar_'+j+'_'+i];
y2 = chart_array[j][i] * 2;
style = style_array[set_style];
new Tween(mc,"_yscale",style,y1,y2,20,false);
}
}
}
this.onEnterFrame = function(){
if (time_step>100) time_step = 0;
if (time_step==0) {
show_chart(style_pos);
style_pos = (style_pos+1)%5;
}
time_step ++;
}
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
(0) (0)
flash_chart.flaimport mx.transitions.Tween;
import mx.transitions.easing.*;
var chart_array = Array(
Array('80','94','70','80','60')
,Array('60','100','78','50','80')
,Array('90','80','100','75','95')
);
var style_array = Array(
Strong.easeOut, Elastic.easeOut, Bounce.easeOut, Regular.easeOut, Back.easeOut
);
var menu_max = chart_array.length;
var part_max = chart_array[0].length;
var time_step = 0, style_pos = 0;
function show_chart(set_style){
var i, j, y1, y2, style, mc;
y1 = 0;
for (i=0;i<part_max;i++) {
for (j=0;j<menu_max;j++) {
mc = this['mc_bar_'+j+'_'+i];
y2 = chart_array[j][i] * 2;
style = style_array[set_style];
new Tween(mc,"_yscale",style,y1,y2,20,false);
}
}
}
this.onEnterFrame = function(){
if (time_step>100) time_step = 0;
if (time_step==0) {
show_chart(style_pos);
style_pos = (style_pos+1)%5;
}
time_step ++;
}
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
(0) (0)
위자드닷컴에서 남긴 아래와 같은 댓글로 추천 블로그에 선정 되었다는 것을 알게 되었습니다. 아직은 부족한 점이 많은 웹프로그래머의 홈페이지 정보 블로그를 추천 블로그로 선정해 주셔서 황송할 따름입니다. 앞으로 좀더 좋은 내용으로 제 블로그 여백을 채워나가야 할 의무감이 밀려드는군요. 그리고 이번에 저와 함께 추천 블로그로 추가 선정 되신 분들께 축하 인사 전합니다.
최근 제 블로그의 트래픽이 많아져서 페이지 로딩 속도가 좀 떨어져 있는 상태라 서버를 한대 더 증설해서 좀더 쾌적한 접속 환경을 만들고 싶은 충동에 사로잡혀 있습니다. 저번 달에 서버 한대 사야겠다는 욕구를 못이겨 신청했다가 좀더 신중하게 고려하기 위해 보류했습니다. 수익이 별다르게 생기는 것도 아닌데 이것 저것 늘리고 싶은 욕심이 생기는 것을 보면 아마도 중독이 된 것 같네요. 매달 서버 2대를 유지하기 위한 비용이 들어가고 있음에도 하나 더 늘린다면 경제적인 부담이 스트레스를 주지 않을까 조금 고민이 되긴합니다. 사실 술 한잔 크게 쏘면 그정도 비용은 쉽게 나가긴 하지만 매달 술 한잔 거하게 쏘는 것은 역시나 쉬운일이 아니겠지요. 이왕에 하는 것 좀더 멋드러지게 운영 해서 한국의 대표 블로그가 되면 더 좋겠지만 여력과 능력 부족으로 쉽지 않은 과제일 것입니다. 조금씩 조금씩 키워 나가면서 나만의 전문 분야를 살려 나갈 수 있는 유익하고 쓸만한 블로그를 만드는 정도로 만족해야겠습니다. 오늘도 블로그 하는 재미에 빠지러 갑니다.
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
(0) (0)
| 웹프로그래머님의 블로그에는 위자드닷컴 사용자들과 함께 나눌만한 좋은 컨텐츠들이 가득하다고 평가되어, 이번 "2008 위자드닷컴 추천블로그"로 선정되셨습니다. 위자드닷컴 등재 및 위자드팩토리 런칭파티 초청장 발송을 위해 저희쪽으로 블로그에 대한 몇가지 자료를 보내주셔야 하오니 자세한 사항은 위자드웍스 공식 블로그(http://blog.wzdworks.com/230)를 참고하셔서 10월 6일 월요일 저녁 7시까지 발송 부탁 드리겠습니다. 다시금 위자드닷컴 추천블로그로 선정되심을 축하드리오며 앞으로 위자드웍스에서는 "위자드닷컴 추천블로그"만의 다양한 혜택들을 항상 우선적으로 제공해 드릴 수 있도록 노력해 가겠습니다. 앞으로 잘 부탁 드리겠습니다. 감사합니다. *^^* |
최근 제 블로그의 트래픽이 많아져서 페이지 로딩 속도가 좀 떨어져 있는 상태라 서버를 한대 더 증설해서 좀더 쾌적한 접속 환경을 만들고 싶은 충동에 사로잡혀 있습니다. 저번 달에 서버 한대 사야겠다는 욕구를 못이겨 신청했다가 좀더 신중하게 고려하기 위해 보류했습니다. 수익이 별다르게 생기는 것도 아닌데 이것 저것 늘리고 싶은 욕심이 생기는 것을 보면 아마도 중독이 된 것 같네요. 매달 서버 2대를 유지하기 위한 비용이 들어가고 있음에도 하나 더 늘린다면 경제적인 부담이 스트레스를 주지 않을까 조금 고민이 되긴합니다. 사실 술 한잔 크게 쏘면 그정도 비용은 쉽게 나가긴 하지만 매달 술 한잔 거하게 쏘는 것은 역시나 쉬운일이 아니겠지요. 이왕에 하는 것 좀더 멋드러지게 운영 해서 한국의 대표 블로그가 되면 더 좋겠지만 여력과 능력 부족으로 쉽지 않은 과제일 것입니다. 조금씩 조금씩 키워 나가면서 나만의 전문 분야를 살려 나갈 수 있는 유익하고 쓸만한 블로그를 만드는 정도로 만족해야겠습니다. 오늘도 블로그 하는 재미에 빠지러 갑니다.
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
(0) (0)
Copyright ⓒ
댓글을 달아 주세요