ReiZes's Devlog

/* 분할된스프라이트이미지를표시하는div 래핑클래스*/

$class({

        CSprite : {

               element : null,

               arrPos : null,

               curShape : null,

               parentPos:null,

               /* 통합이미지에서잘라내어div로표시하는element를생성한다*/

               init : function(width,height,url,arrPos,parent) {

                       this.element=document.createElement('div');

                       $style(this.element,'background','transparent url(/bomblink/img/sprite.gif) no-repeat 0px 0px');

                       $style(this.element,'backgroundPosition','0px 0px');

                       $style(this.element,'styleFloat','left');

                       $style(this.element,'position','absolute');

                       $style(this.element,'zIndex','1');

                       $dom.hide(this.element);

                       if(parent) this.parentPos=$dom.getPos(parent);

                       parent = parent || document.body;

                       parent.appendChild(this.element);

                       $dom.setSize(this.element,width,height);

                       this.arrPos=arrPos;

                       this.shape(0);

               },

               /* 스프라이트의모양을바꾼다*/

               shape : function(index) {

                       this.curShape=index;

                       $style(this.element,'backgroundPositionX',-this.arrPos[index][0]+'px');

                       $style(this.element,'backgroundPositionY',-this.arrPos[index][1]+'px');

               },

               /* 스프라이트를보인다*/

               show : function() {

                       $dom.show(this.element);

               },

               /* 스프라이트를숨긴다*/

               hide : function() {

                       $dom.hide(this.element);

               },

               /* 스프라이트위치를지정한다. parentElement를지정하면, 이에대한상대좌표로지정할수있다. */

               setPos : function(x,y,parentElement) {

                       $dom.setPos(this.element,x,y,parentElement);

               },

               /* 스프라이트위치를얻는다. parentElement를지정하면, 이에대한상대좌표를반환한다. */

               getPos : function(parentElement) {

                  return$dom.getPos(this.element,parentElement);

               },

               /* 스프라이트를표시하는div를반환*/

               getElement : function() {

                       returnthis.element;

               },

               /* 스프라이트의현재모양을반환*/

               getShape : function() {

                       returnthis.curShape;

               }

        }

});