1. 개요

스몬하면서 카드를 필터링해서 좀 더 쉽게 확인하기 위해 개발하기 시작함. / 물론 일단 개인용도로 쓰려고 ㅎㅎ

2. 변경 내역 + 소스 발췌본

• v0.04 : 기본 색상을 gray 로 캐릭터 클릭하면 색상 활성화 및 상단에 선택한 캐릭터 명 및 마나 합계 표시
• v0.03 : 카드 기준 배경색 추가 + 이름표시 + 능력치 표시
• v0.02 : 색상 + 버전 기준 교차 필터링 추가
• v0.01 : 최초작성

캐릭터 선택 처리 및 마나 합계 표시 발췌본

$("div.cards").click(e=>{
        let sel = $(e.target).attr('data-sel'); 

        // toggle selection
        sel = !JSON.parse(sel);
        $(e.target).attr('data-sel', sel);
        if(!sel){
            $(e.target).addClass('grayOn');
        }else{
            $(e.target).removeClass('grayOn');
        }
        
        // disp sum selection
        let arrSummoners = [];
        let arrMonsters = [];
        let manaSum = 0;
        $("div.cards").each(function(){
            let pname = $(this).attr('data-name');
            let psel = JSON.parse($(this).attr('data-sel'));
            let pmana = parseInt($(this).attr('data-mana'));
            let isMonster = JSON.parse($(this).attr('data-mon'));

            if(psel){
                if(isMonster){
                    arrMonsters.push(pname);
                }else{
                    arrSummoners.push(pname);
                }
                manaSum+=pmana;
            }
        });
        let phtml = [];
        phtml.push(`소환사 : ${arrSummoners.join(',')}`);
        phtml.push(`몬스터 : ${arrMonsters.join(',')}`);
        phtml.push(`마나 : ${manaSum}`);
        $("#print").html(phtml.join('<br/>'));
    });

3. 기능 구현 진행 사항

STEP 1 : (진행중) 전체 카드 가지고 필터링 하기

• 현재시간 스타터팩 구매 비용
• 현재시간 시즌 정보 / 랭킹전 정보
• 전체 카드 목록 기준 카드 나열
• 알파 / 베타 / 프로모션 기준 필터링
• 색상(파이어, 어스, 데스, 워터, 골드, 그린) 기준 필터링
• 카드 배경 추가
• 기본 정보 표시 ( 이름, 능력치 등 )
• 캐릭터 선택처리 (마나, 선택캐릭터 표시)
• 카드 희귀도(커몬, 레어, 에픽, 레전더리) 기준 필터링
• 소환사/몬스터 기준 필터링
• 어빌리티(스닉, 탱힐, 독, 힐 ...) 기준 필터링
• 레벨 기준 : 공격력, 스피드, 스킬 동적으로 표현

STEP 2 : (구상중) 내가 보유한 카드와 연동하기 ( 아이디 값 입력 받음 )

• 카드 기준 최고 랩의 고유 아이디 표시하기
• 내 카드 고유 아이디 전체 목록 표시+XP 기준 정렬하기

STEP 3 : (구상중) 피드백 받아서 좀 더 멋지게 꾸미기

4. 맺음말

• 디자인을 입히지 않으니 기능을 추가해도 별 부각은 안되네요 ㅜ_ㅜ
• 시간내면 디자인도 ( 공격력, 마나 등 아이콘으로 교체 등 ) 함 더 추가해 봐야 겠네요
• 다들 즐거운 하루 되세요

오옷 : 디클릭 베니피셔리 처리 기본값에서 해제
(다시 dclick 추가 ㅋㅋ (이놈의 간사함...))

자매품 : @steemit.holdem ::: 지루할 때 홀덤 한판 ?!
( 한판에 0.1 SBD ! 젝팟 당첨되면 150 SBD 실화 ?! )

---

_{Sponsored ( Powered by dclick )}