세상에 없어서 한 번 도전해보았습니다.
필터 공유 사이트는 있어도 에디터는 없더라구요.
이름은 D4 필터 스튜디오입니다.
처음부터 새 필터를 만들 수도 있고,
인게임에서 내보낸 필터 코드를 불러와 규칙과 조건을 편집하거나,
다시 인게임에 넣을 수 있는 코드로 내보내는 도구입니다.
주요 기능
- 새 필터 작성
- 필터 코드 불러오기 / 내보내기
- 규칙 추가, 삭제, 복제, 순서 변경
- 규칙 동작과 조건 편집
- 오류 / 경고 확인
- 현재 필터를 보기 좋게 풀어주는 필터 해설
- 브라우저 저장함, 작업 내역, 메모
- 저장 데이터 백업 / 복원
- 한국어 / 영어 전환
개인적으로 가장 신경 쓴 부분은 필터 해설과 인게임 대비 편안 UI입니다.
필터가 길어지면 내가 만든 규칙도 나중에는 헷갈릴 때가 있어서,
가급적 문장으로 풀어서 한 공간에서 볼 수 있도록 했습니다.
인게임 UI를 완전히 대체한다기보다는,
인게임에서 하기 번거로운 편집과 확인을 웹에서 보조하는 도구로 생각하시면 됩니다.
왼쪽에는 규칙 목록,
가운데에는 규칙과 조건 편집 영역을 두었습니다.
처음 화면이 복잡해 보이면 오른쪽 패널은 무시하셔도 됩니다.
왼쪽과 가운데만 사용해도 기본적인 불러오기, 수정, 내보내기는 가능합니다.
저장 방식
회원가입은 없습니다.
저장 기능은 서버가 아니라,
사용 중인 브라우저의 로컬스토리지에 저장하는 방식입니다.
그래서 브라우저 인터넷 사용 기록이나 사이트 데이터를 삭제하면
저장한 내용도 함께 사라질 수 있습니다.
대신 백업 / 복원 기능은 넣어두었습니다.
로컬스토리지는 브라우저 캐시를 삭제할 때도 날아가고,
브라우저 종류별 정책에 따라 금방 삭제될 수도 있으니
저장 기능만 맹신하지는 마시고
중요한 필터는 작업 후 백업 파일을 따로 보관해두시는 것을 권장드립니다.
사용 전 참고사항
이 도구는 블리자드 공식 도구가 아닙니다.
제가 직접 인게임 필터 코드를 가져와서 뿌셔보고 조립해보고 하면서,
가내수공업 방식으로 맞춘 핸드메이드 편집기입니다.
나름 한다고 최대한 확인했지만 틀린 부분이 있을 수 있으니,
베타 버전처럼 사용해 주세요.
제가 테스트했을 때에는 잘 동작했습니다.
현재는 PC 환경 전용입니다.
권장 화면 너비는 1440px 이상입니다.
모바일이나 작은 화면에서는 정상적으로 사용하기 어려울 수 있습니다.
모바일에서는 화면을 가려놨습니다.
내보낸 필터 코드는 적용 전후로 인게임에서 한 번 더 확인해 주세요.
제보
사용 중 이상한 동작, 잘못 해석되는 조건, 불편한 부분이 있으면
댓글, 인벤 쪽지, 또는 사이트 하단 소셜 연락처로 알려주시면 확인해보겠습니다.
가능하면 사용한 필터 코드와 재현 방법을 같이 알려주시면 더 감사하겠습니다.
면책 안내
이 도구는 무료로 제공하는 비공식 참고용 도구입니다.
필터 코드 적용, 저장 데이터 백업 / 복원, 인게임 사용 결과에 대한 책임은 사용자 본인에게 있습니다.
테스트용 샘플 코드
테스트해보고 싶으신 분은 아래 인벤에서 공유됐던 샘플 코드를 이용해보세요..
왼쪽 상단 [불러오기]를 눌러 붙어 넣으시면 됩니다.
샘플 출처:
https://www.inven.co.kr/board/diablo4/6023/10898
CjAKH+uqqOuToCDsi6DtmZQg6rOg7JygIOyVhOydtO2FnCAQAB3oIqj/IgQIASAgKAEKMQog7JyE7IOBIOyXheq3uOugiOydtOuTnCDslYTsnbTthZwQAB0AAP//IgQIAzABKAEKNQob7KCE7ISkL+qzoOycoC/si6DtmZQg67aA7KCBEAAdAAD//yIHCAUVBe0iACIECAEgOCgBCkEKI+u2gOyggSDsmIHrrLwg7IS47Yq4ICjshKDtg53sgqztla0pEAAdAAD//yICCAkiBwgFFQXtIgAiBAgBIEAoAAo1Chvrqqjrk6Ag67aA7KCBIOyYgeusvCDshLjtirgQAB0AAP//IgcIBRUF7SIAIgQIASBAKAEKQgoo7KCE7ISkL+qzoOycoC/si6DtmZQg7Zi4652865Oc66a8IOusuOyepRAAHQAA//8iBwgFFYB+IwAiBAgBIHgoAQpFCibrtoTtlbTsmqkg67aA7KCBICYg7Zi4652865Oc66a8IOusuOyepRAAHQAA//8iDAgFFYB+IwAVBe0iACIECAEgBCgBCjkKKuyEoO2DnSDsp4DsoJUg6rOg7JygIOuTseq4iSAo7ISg7YOd7IKs7ZWtKRACHa7oIv8iAggIKAAKLwoe66qo65OgIOqzoOycoCDrk7HquIkg7JWE7J207YWcEAAdAAD//yIECAEgECgBCk8KLeyEoO2DnSDsp4DsoJUg7IOB6riJIOyWtO2UveyKpCAo7ISg7YOd7IKs7ZWtKRAAHQAA//8iFQgGFfcKJwAaCg33CicAFfcKJwAgASgACnMKHuyjvCDriqXroKXsuZgg7IOB6riJIOyWtO2UveyKpBAAHQAA//8iSAgGFcLqGwAVxuobABW66hsAFb7qGwAaCg3C6hsAFcLqGwAaCg3G6hsAFcbqGwAaCg266hsAFbrqGwAaCg2+6hsAFb7qGwAgASgBCpcCChfstpTsspwg7IOB6riJIOyWtO2UveyKpBAAHQAA//8i8gEIBhUxbh0AFTj9GwAVzuobABW46hsAFbLqGwAV3uobABW06hsAFQo8JwAVgPwbABWT/CcAFWNuHQAV2OobABXU6hsAFdLqGwAaCg0xbh0AFTFuHQAaCg04/RsAFTj9GwAaCg3O6hsAFc7qGwAaCg246hsAFbjqGwAaCg2y6hsAFbLqGwAaCg3e6hsAFd7qGwAaCg206hsAFbTqGwAaCg0KPCcAFQo8JwAaCg2A/BsAFYD8GwAaCg2T/CcAFZP8JwAaCg1jbh0AFWNuHQAaCg3Y6hsAFdjqGwAaCg3U6hsAFdTqGwAaCg3S6hsAFdLqGwAgASgBCioKF+uqqOuToCDsg4HquIkg7Ja07ZS97IqkEAAdAAD//yIGCAQgATABKAEKOwoq7ISg7KGwIOydtO2VmCDsiKjquLDquLAgKOyytO2BrO2VtOygnCDsi5wpEAAdAAD//yIECAIgBCgAClwKOO2YuOudvOuTnOumvCDtgZDruIzsmqkgIO2dsOyDiSDslYTsnbTthZwgKOyEoO2DneyCrO2VrSkgEAAdAAD//yIICAAg0gYohAciBwgFFVnRBgAiBAgBIAEoAAoMCgEgEAMdAAD//ygBEiBSYXh4J3Mg6rOg7ZaJNisg7KCE66as7ZKIIO2VhO2EsBgFIAc=
처음에는 화면이 복잡해 보일수도 있지만, 하나씩 알고보면 나름 직관적인 구성으로 되어있습니다. (아마도)
써보시고 불편한 점 있으면 댓글로 편하게 알려주세요.
아르타나토스
아르타나토스
내가 볼려고 만든 이미지켑쳐 '전쟁계획 트리'
