RadarURL

웹 프로그래밍
2007.02.16 18:25

제로보드 일명 경험치바(Exp Bar) 구현

조회 수 4186 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부


그냥 저런녀석을 어떻게 구현하는지만 팁정도로 알려드립니다.
스킨제작자분께서 참고하셔서 이쁜 스킨을 만드시는 것도 좋겠네요.
요놈을 함수로 만들어서 불러오면 편할 것 같아요.


ex) 1000포인트마다 1등급이 상승하는 경험치바를 예로 만들어봅시다.


우선 경험치 바를 만들려면 시작 경험치와 끝 경험치를 아셔야 합니다.
1000포인트를 1등급이라고 잡았음으로 시작포인트는 0이고 끝포인트는 1000포인트겠죠.
즉 0이면 0% 1000이면 100%가 됩니다.


제가 알기로 포인트 함수가 $data[point] 요놈 인것으로 알고 있습니다.
요놈을 통합으로 잡고 밀어붙이겠습니다. 그냥 제로보드 포인트라고 생각하시면 되겠습니다.
함수틀로 잡으면서 시작해볼까요


//우선 함수의 테두리를 갖춥니다.
funtction exp_bar($data[point]){ //굳이 $data[point]가 아니더라도 제로포인트만 불러오셔요. 예)$point


$exp_point = $data[point]; // 요놈은 포인트를 exp_point라는 변수에 입력시킵니다. 그럼 exp_point로 가지고 놀면됩니다. 물론 $data[point] 요놈은 $point라던지 다른놈으로 (위 에서 호출한) 바꿔줘도 무방합니다.


$exp_level = ceil($exp_point / 1000); //  포인트를 1000으로 나눕니다. 나눈값은 레벨이 됩니다. ceil요놈은 무조건 반올림입니다. 포인트가 5000 이면 레벨이 5겠죠.


if($exp_level < 1) $exp_level = 1; // 위 1천으로 나눴을때 1미만의 레벨은 1로 잡아줍니다.


if($exp_level > 100) $exp_level = 100; // 최대 레벨을 100으로 잡아줍니다.


$max = $level * 1000; // 끝값은 렙업할때마다 1000씩 올라가게끔 해주는겁니다. 즉 레벨에 1000씩 곱하는거죠.


$bar = (int)($exp_point / $max * 100); // 위에서 말한 시작값과 끝값입니다. 요놈을 나누고 *100하면 %가 나옵니다.


$graph = $bar."%"; // 요놈은 편리상 %넣어주는놈이죠.


/*소스아님
자 이제풀어봅시다.
시작값은 자기 포인트 끝값은 자기레벨에 1000을 곱한 것입니다.
그러니 자세이 풀면


자신의 포인트가 4500포인트라고 가정합니다.
$bar = (int)( 4500 / $max * 100 );


4500을 레벨로 환산합니다. 1000을 나눔으로 4.5가 나오죠. 4.5면 ceil로 반올림되니 레벨은 5가 되겠군요.


$max값은 레벨*1000이군요.


그렇다면 요렇게 나오는군요.
$bar = (int)( 4500 / 5000 * 100 );


위에것을 계산하면 90이라는 것이 나옵니다.



이것을 테이블에 응용해서 사용합니다.
소스아님*/


echo "<table cellpadding=0 cellspacing=0 border=0 width=100><tr><td background='??.gif'><img src='??.gif' width='$graph' height='8'></td></tr></table>";
//넓이100짜리 테이블에 td에 %게이지를 채울만한 배경이미지를 넣은뒤 이미지 가로1px짜리 이미지하나만 불러오면 %만큼 td공간을 채워줍니다. 이런식으로 %를 만들거든요.


} //함수를 닫아줘야죠.


-끝-



이해하셨는지, 또한 위에 토해낸 소스가 맞는지는 확인을 안해봐서모르겠습니다만;;


대충~ 저런식으로 포인트에 관련된 %정도를 나타낼 수 있습니다.
위에 내용은 함수를 예로 대충 설명한것이니 정답이 아니구요. 여러분이 조금만 알파를 더 해주시면 될것같습니다.


아참 마지막엔 함수를 불러내오는것 있지 마세요.


참고로! 위 레벨은 권한레벨이 아니라 포인트를 기준으로 만든 레벨 입니다.
 


on uri.co.kr 

출처 : http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&keyword=경험치&select_arrange=headnum&desc=asc&no=8019

?

공부 게시판

공부에 도움되는 글을 올려주세요.

  1. [공지] 공부 게시판 입니다.

    Date2003.08.18 By처누 Views928138
    read more
  2. 메모리 부족 현상 (allowed memory size of 134217728 bytes..)

    Date2023.08.01 Category웹 프로그래밍 ByJaeSoo Views2207
    Read More
  3. Guzzle - cURL error 60: SSL certificate problem: unable to get local issuer certificate 문제 해결

    Date2023.07.30 Category웹 프로그래밍 ByJaeSoo Views2188
    Read More
  4. XE 캐시파일 재성생후 404 Oops, Sorry. Page is not found! 나올때

    Date2023.07.29 Category웹 프로그래밍 ByJaeSoo Views2117
    Read More
  5. XE - " Fatal error: Class 'Object' not found in " / class 낫파운드 오류

    Date2023.03.20 Category웹 프로그래밍 ByJaeSoo Views147
    Read More
  6. iOS 앱 개발을 위한 인증서 생성 및 관리

    Date2023.01.18 Category웹 프로그래밍 ByJaeSoo Views218
    Read More
  7. PHP 파서 이해하기 (<?php의 php를 생략하고 간단히 <? 태그 와 ?> 태그를 사용하는 방법)

    Date2016.08.10 Category웹 프로그래밍 ByJaeSoo Views322
    Read More
  8. XE 비회원 글쓰기 항목 지우기

    Date2016.04.28 Category웹 프로그래밍 ByJaeSoo Views499
    Read More
  9. 오른쪽 마우스 금지 소스 / 드래그 금지 소스

    Date2016.01.20 Category웹 프로그래밍 ByJaeSoo Views475
    Read More
  10. Strict standards and C5 support errors

    Date2015.12.02 Category웹 프로그래밍 ByJaeSoo Views524
    Read More
  11. ICT노트 :: 반응형웹을 만드는 기술은?

    Date2015.09.26 Category웹 프로그래밍 ByJaeSoo Views489
    Read More
  12. [번역] 2014년 가장 인기있는 5가지 프론트엔드 프레임워크 비교

    Date2015.09.25 Category웹 프로그래밍 ByJaeSoo Views862
    Read More
  13. 최고의 반응형 CSS 프레임워크 18선 (2013년 7월기준)

    Date2015.09.25 Category웹 프로그래밍 ByJaeSoo Views586
    Read More
  14. 가장 진보된 반응형 웹을 위한 프레임워크 UIkit

    Date2015.09.25 Category웹 프로그래밍 ByJaeSoo Views559
    Read More
  15. 반응형 웹을 위한 프론트-엔드 프레임 워크 (front-end framework for developing responsive web)

    Date2015.09.25 Category웹 프로그래밍 ByJaeSoo Views739
    Read More
  16. 한국형 반응형웹 프레임웍을 찾아서 - 왜 우리는 IE 7,8때문에 고통받아야 하는가?

    Date2015.09.25 Category웹 프로그래밍 ByJaeSoo Views611
    Read More
  17. 한국을 위한 CSS 그리드 디자인 프레임워크

    Date2015.09.25 Category웹 프로그래밍 ByJaeSoo Views531
    Read More
  18. 과연 반응형 웹 디자인만이 해답일까?

    Date2015.09.25 Category웹 프로그래밍 ByJaeSoo Views536
    Read More
  19. 반응형 웹 디자인의 단점

    Date2015.09.25 Category웹 프로그래밍 ByJaeSoo Views567
    Read More
  20. 웹디자인 신기술 트렌드 및 적용 사례

    Date2015.07.28 Category웹 프로그래밍 ByJaeSoo Views510
    Read More
  21. 제이쿼리(jQuery) 튜토리얼(Tutorial) 모음

    Date2015.07.28 Category웹 프로그래밍 ByJaeSoo Views1253
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 15 Next
/ 15


즐겨찾기 (가족)

JAESOO's HOMEPAGE


YOUNGAE's HOMEPAGE


장여은 홈페이지


장여희 홈페이지


장여원 홈페이지


즐겨찾기 (업무)

알리카페 홀릭

숭실대 컴퓨터 통신연구실 (서창진)

말레이시아 KL Sentral 한국인 GuestHouse


즐겨찾기 (취미)

어드민아이디

유에코 사랑회

아스가르드 좋은사람/나쁜사람

JServer.kr

제이서버 메타블로그

재수 티스토리


즐겨찾기 (강의, 커뮤니티)

재수 강의 홈페이지


한소리


VTMODE.COM


숭실대 인공지능학과


숭실대 통신연구실


베너