728x90

전후사정을 먼저 이야기하자면,

게임을 잘 못하다 보니 팀&노하우 게시판에 게시글을 자주 보게 되는데
공략을 올려주시는 분들이 일일히 타이핑 및 그림툴로 그리시는 고생을 해주셔서요.
그러다보니 조금이나마 도움이 되고자 공부 겸 스쿼드 구성 페이지를 만들게 되었습니다

서버 및 호스팅은 개인 사비로 썼으며, 초보가 만들었기에 살살 써주세요 ㅜㅜ

그럼 본론으로 넘어가서 설명 드리겠습니다.


※ 업데이트 사항

  1. 페이지 오픈 : 2023.03.22
  2. UI 및 일부 기능 수정 : 2023.04.12
  3. 몬스터 기질, 대형 선택 기능 추가 : 2023.04.14
  4. 몬스터 필터 기능 제거 / 공지사항, 검색(제목, 작성자) 기능 추가 : 2023.04.30

더보기
메인 페이지

1. 몬스터 필터
- (PC-Windows 기준)선택창에서 Ctrl 또는 Shift를 통해 여러개 선택 가능 합니다.
- 최대 5개까지 선택 가능하며, 검색 결과는 AND가 아닌 OR입니다.

2. 작성 : 누르면 작성 페이지로 넘어갑니다.


 
게시글 작성 페이지
  1. 정보 입력
      - 제목 : 필수 입력 사항이며, 2~20글자 입력 가능합니다.
      - 닉네임 : 필수 입력 사항이며, 2~20글자 입력 가능합니다.
      - 메모 : 부가 설명 입력 가능합니다.
  2. 몬스터 구성 : 버튼을 누르면, 몬스터 선택이 가능합니다.
  3. 대형 구성 : 몬스터의 대형 및 위치 선택이 가능합니다.
  4. 비밀번호 : 필수 입력 사항이며, 게시글 삭제를 위해 필요
  5. 업로드 : 필수 입력 사항이 입력되야만, 버튼이 활성화 됩니다.

 
게시글 작성 페이지 - 몬스터 구성
  1. 몬스터 : 이미지를 클릭하면, 몬스터 변경이 가능합니다.
  2. 장비 :
      - 버튼을 선택하면, 조합 장비를 지정할 수 있는 창이 뜹니다.
      - 선택하지 않은 경우, 자유롭게 하는 의미로 전달 됩니다.
  3. 기질 :
      - 버튼을 선택하면, 기질(용사)을 지정할 수 있는 창이 뜹니다.
      - 선택하지 않은 경우, 자유롭게 하는 의미로 전달 됩니다.
  4. 액티브 스킬
      - 버튼을 선택하면, 액티브 스킬를 지정할 수 있는 창이 뜹니다.
      - 선택하지 않은 경우, 자유롭게 하는 의미로 전달 됩니다.
  5. 패시브 스킬
      - 버튼을 선택하면, 패시브 스킬를 지정할 수 있는 창이 뜹니다.
      - 선택하지 않은 경우, 자유롭게 하는 의미로 전달 됩니다.

추천 조합 장비 선택 창
  • 추천하고자 하는 장비의 이미지를 선택하면, 정보가 등록 됩니다.
  • 이미지 위로 마우스를 올려두시면, 조합에 필요한 기본 장비가 뜹니다.(PC 기준)

몬스터 기질 선택 창
  1. 검색 : 1글자 이상 용사 종류를 입력하면, 선택창에서 선택 가능(필수 아님)
  2. 선택 : 추천하고자하는 용사 기질을 선택할 수 있음
  3. 등록 : 선택한 용사 기질에 대해 데이터 등록

스킬 선택 창 - (좌) 액티브 스킬 / (우) 패시브 스킬

1) 선택하고자 하는 스킬의 이미지 선택
2) 선택할 특성 선택(액티브 최대 3개 / 패시브 최대 1개)
3) 액티븨 스킬의 경우, 마스터 스킬 선택 가능(최대 1개)
4) 등록 버튼을 클릭하셔야 스킬 등록이 가능합니다.


(좌) 대형 선택창(선택 전) / (우) 대형 선택창(선택 후)
  1. 대형 선택 : 추천하고자 하는 대형의 이미지를 선택가능하며, 선택한 경우, 몬스터 추천 배치가 하단으로 표시됩니다.
  2. 몬스터 배치 :
      - 선택하신 대형에 대해 몬스터에 대한 배치를 추천할 수 있습니다.
      - 몬스터 구성에 선택한 몬스터들만 표시됩니다.

게시글 상세 페이지
 
  1. 목록으로 : 메인페이지로 이동됩니다.
  2. 캡쳐
      - 게임 공카에 일일히 캡쳐하기 번거로우실 것 같아 별도의 기능을 넣었습니다.
      - 자동으로 해당 게시글 화면을 jpg 형식으로 다운 받습니다.
      - 기능이 정상 작동 안될 경우, 본인 인터넷에서 기능을 막는 설정이 되어있을 수도 있습니다.
  3. Play Mode : https://lazeturtle.tistory.com/38
  4. 삭제
      - 게시글을 삭제할 수 있으며, 게시글 작성시 입력했던 비밀번호를 입력해야만 합니다.
  5. Top : 클릭시, 페이지 맨 위로 이동합니다.
  6. 장비 및 스킬 이미지 위로 마우스 커서를 올릴 경우, 정보를 확인할 수 있습니다.
 
 
※ 참고 사항
- 해당 페이지는 HTTPS가 적용되어있지 않으며, 언제 적용할지는 아직 미정입니다.
- 적게나마 서버 및 호스팅 비용을 충당하고자 광고를 넣을 생각입니다.
  이용하실때 불편하시겠지만, 이 점 죄송합니다.


긴 글을 읽어주셔서 감사합니다.

마지막으로 해당 페이지 링크 공유드립니다.

http://ds.lazeturtle.net/

 

 

Dungeon Squad Team Building

 

ds.lazeturtle.net

 

 

728x90
Posted by 게으른거북
: