묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
아바타 프로그램을 구현하고싶은데요. php로...
2002.04.14 18:41
아바타 프로그램을 구현하려고하는데....
도무지 감이 안잡히네요.....
누가 도움좀 주세요
간단한 도움말이라도 좋으니 리플달아주세요
공개소스는 찾아보려해도 없네요..
관련사이트도 좋으니 링크해주세요~
부탁드립니다~
도무지 감이 안잡히네요.....
누가 도움좀 주세요
간단한 도움말이라도 좋으니 리플달아주세요
공개소스는 찾아보려해도 없네요..
관련사이트도 좋으니 링크해주세요~
부탁드립니다~
짧게 말씀드리면 아바타 구현은 자바스크립트로 하고 아바타 데이터는 데이터 베이스를 이용합니다
레이어는 z-index를 순차적으로 늘린 것을 아이템 종류만큼 만듭니다.
레이어들은 모드 절대위치 좌표로 만든다음에 하나의 상대좌표 레이어에 모두 넣습니다. 그래야 고정되겟지요.
다음에 각 레이어에는 보이지 않는 투명 이미지를 넣어둡니다. 다음에 파일이름은 레이어에 들어 있는 레이어에 들어있는 이미지의 name과 조합으로 만듭니다.
<img name=hair src="투명이미지"> 이미지들은 hair01.gif, hair02.gif, hair03.gif.. 등으로 만들지요.
나머지 아이템도 동일한 방법으로 만듭니다. 다음 이런 아이템을 적당한 데이터 베이스에 저장해 두지요.
a회원이 있다면 아바타 필드에 hair03;head02;eyes08;.. 이런식으로 저장을 해둡니다.
앞의 4자까지 이미지이름으로 사용한다고 생각합니다.
나중에 불러와서는 ;표시로 나누어 자바스크립트에 배열로 넘겨주면 되겟지요..
var item= new Array("hair03", "head02", "eyes08"...) 이런식으로요..
다음 준비된 레이어안의 이미지에 이미지를 넣으면 되겠지요.
for(i=0; i<item.length; i++)
document.images[item[i].substring(0,4)].src=item[i]+".gif"
요렇게 하면 각각 지정된 이미지에 종류별로 이미지가 넣어지겠지요. 대충 핵심 구현내용은 이렇네요.
아바타를 구현하려면 레이어를 많이 사용하기 때문에 자바스크립트로 클라이언트에서 처리하여야 쉽습니다.
php는 아이템 하나 바꿀때마다 페이지를 리로드해야하며 그 데이터들 역시 계속 다음 페이지로 넘겨줘야
하는데 php만으로 구현하기는 불가능할 겁니다. 주는 자바스크립트로 하고 그냥 데이터베이스에 저장하는 정도만 php로 하면 좋을 겁니다.