spritemate
1.0.0
Spritemate는 Commodore 64의 새로운 스프라이트 편집기입니다. Windows, Mac 및 Linux의 대부분의 최신 브라우저에서 작동하며 순수한 JavaScript 및 HTML -No Plugin입니다. 모든 데이터는 클라이언트 측에서만 처리됩니다. Spritemate는 Commodore 64 (예 : SpritePad)의 가장 일반적인 파일 형식의 가져 오기 및 내보내기를 지원하며 브라우저가있는 거의 모든 장치에서 뷰어 및 편집기로 사용할 수 있습니다.
Spritemate는 여전히 개발 중입니다. 당신이 그것을 좋아한다면, 알려주십시오.) 자유롭게 풀 요청을 제출하거나 문제 섹션의 아이디어, 버그, 요청을 제출하십시오. 건배!
최신 안정 버전 : https://spritemate.com/
베타 버전 : https://beta.spritemate.com/
이전 버전의 비디오 : https://www.youtube.com/watch?v=n59axaeqdwe
npm 사용하십시오
$ npm install
$ npm run dev
| 상징 | 지름길 | 기능 |
|---|---|---|
 | - | 파일을로드합니다. 지원 형식 : Spm (Spritemate), SpritePad (SPD, SPR) |
 | - | 파일을 저장합니다. 지원되는 형식 : SPM (SpriteMate), SpritePad 2.0 & 1.8.1 (SPD), ASM 소스 (TXT) |
 | 지 | 끄르다. 당신이 망칠 때. |
 | 시프트 + z | 다시 하다. 당신이 그렇게 나쁘지 않다는 것을 깨달았을 때 |
 | 디 | 픽셀을 그립니다 |
 | 에프 | 홍수 채우기 |
 | 이자형 | 지우개 |
 | 중 | 이동하다 |
| 상징 | 지름길 | 기능 |
|---|---|---|
 | 중 | Singlecolor와 Multicolor 모드 사이를 전환합니다 |
 | - | 스프라이트를 왼쪽으로 이동하십시오 |
 | - | 스프라이트를 오른쪽으로 이동하십시오 |
 | - | 스프라이트를 이동하십시오 |
 | - | 스프라이트를 아래로 이동하십시오 |
 | - | 플립 스프라이트 수평 |
 | - | 플립 스프라이트 세로 |
 | - | 그리드 디스플레이 켜기/끄기를 전환합니다 |
  | - | 창출/아웃을 축소합니다 |
| 1,2,3,4 | 개별 색상, 투명, 다색 1 또는 멀티 컬러 2를 선택하십시오 | |
| 시프트 + 마우스 | 픽셀 삭제 |
| 상징 | 지름길 | 기능 |
|---|---|---|
 | - | 스프라이트를 가로로 늘립니다 |
 | - | 스프라이트를 수직으로 늘립니다 |
 | - | 다음 스프라이트 오버레이 |
| - | 창출/아웃을 축소합니다 |
| 상징 | 지름길 | 기능 |
|---|---|---|
 | - | 새로운 스프라이트를 만듭니다 |
 | - | 선택한 스프라이트를 삭제하십시오 |
 | - | 스프라이트를 복사하십시오 |
 | - | 스프라이트를 붙여 넣습니다 |
| - | 그리드 디스플레이 켜기/끄기를 전환합니다 |
| - | 창출/아웃을 축소합니다 |
| 커서 왼쪽과 오른쪽 | 스프라이트 목록을 순환하십시오 |
처음에는이 프로젝트에서 jQuery 및 jQuery UI를 제거하고 바닐라 JS로 바꾸고 싶었습니다. 빌드 시간은 10 초로 성장하여 상당히 성가신 것을 발견했습니다. jQuery의 모달 기능을 복제하는 것은 예상보다 더 어려웠으므로 JS 번들에서 jQuery를 다시 배제하고 CDN에서로드하기로 결정했습니다. 이것은 컴파일 시간을 4 초 미만으로 크게 줄였습니다. 전반적으로 앱은 매우 작으며 메인 앱 코드는 약 20KB와 jQuery는 약 98KB입니다.
Sprite Naming 기능으로 두 가지 변경 사항이 도입되었습니다. Sprites는 1 대신 인덱스 번호 0으로 시작합니다. 예를 들어 첫 번째 스프라이트는 "Sprite_1"대신 "Sprite_0"이라고합니다. 이는 일관성과 내 개인적인 정신에 필요했습니다. 내부적으로 인덱스 번호는 항상 1 대신 0이었습니다. 다른 변경 사항은 ASM 또는 기본 파일로 내보내는 스프라이트 데이터가 더 이상 인덱스를 증분하여 스프라이트에 레이블을 지정하지 않는다는 것입니다. 이것은 스프라이트 목록에서 다른 위치로 정렬하더라도 스프라이트가 이름을 유지한다는 것을 의미합니다 (명백하지만 이전에는 그렇지 않았습니다).
Sprite Naming 기능은 거꾸로 호환되므로 이전 SPM 파일을로드하면 기본 이름이 적용됩니다.
스프라이트는 반전 (또는 SpritePad의 "음성")은 다중 컬러 모드에서는 약간 이상하게 보일 수 있지만 버그는 아닙니다. Singlecolor에서는 0 (투명)이 1 (픽셀)으로 대체되고 그 반대도 마찬가지입니다. Spritemate는 SpritePad와 마찬가지로이 경우 색상 3과 4를 전환합니다.
여러 파일로 작업 할 때 도움이 될 수 있습니다. 또한 파일이 아직 저장되지 않은 경우 좋은 표시기입니다. 브라우저가 파일을 저장하고 운영 체제를 보안을 처리하는 방법에 따라, 동일한 파일 이름이 이미 다운로드 위치에 존재하는 경우 파일이 약간 다른 이름으로 저장 될 수 있습니다 (예 : "mysprites.spm"대신 "mysprites (1) .spm").
메뉴 표시 줄은 일부 설정에 대해 오작동하는 것처럼 보이지만 현재 문제는 재현 할 수 없습니다. 추가 테스트를 위해 THX2에서 LEISSA에서 FIREFOX에서 "컨텐츠 차단"을 끄면 문제가 해결 될 수 있음을 확인합니다. 메뉴 표시 줄에 재현 가능한 문제가 발생하면 설명을 여기에보고하십시오. https://github.com/esshahn/spritemate/issues
이 릴리스는 더 나은 usabality에 중점을 둡니다. 기술적으로는 기능이 추가되지 않았지만 이제 전체 워크 플로가 더 좋을 것입니다. 예를 들어, 스프라이트를 위, 아래로, 왼쪽 또는 오른쪽으로 이동하기위한 4 개의 다른 아이콘이있는 대신 새로운 이동 도구를 사용하면 지금보다 직관적으로 수행 할 수 있습니다. 부작용으로, 아이콘이 적은 것은 UI를 복잡하게 만듭니다.
픽셀을 지우는 옵션은 이전에 SpriteMate에 있었지만 (그림을 그리는 동안 'Shift'를 누르면) 이제 '지우개'도구를 사용하면 한 손으로 워크 플로우에서 더 눈에 띄고 사용하기 쉽습니다.
스프라이트를 복제하는 새로운 옵션이 소개되었습니다. 이것은 이전에 '사본', '새'및 '붙여 넣기'의 조합으로 가능했지만 (새로운 복제본은 실제로 정확하게), 이것은보다 직관적 인 경험에 추가해야합니다.
스프라이트를 삭제하기 위해 시각적으로 더 구별 가능한 '쓰레기'아이콘과 같은 다른 개선 사항이 있습니다. Photoshop과 같은 다른 페인트 프로그램에 익숙해지면 모든 결합 된 Spritemate는 더 친숙해지기 시작해야합니다.
많은 기능이 추가되지 않았지만이 릴리스를 마치는 데 시간이 오래 걸렸습니다. 나는 안정적으로 작동하지 않는 정말 멋진 새로운 기능을 위해 많은 코드를 되돌려 야했습니다. 그로 인해 두 개의 코드 브랜치와 백 포트 기능을 안정적인 버전으로 유지해야했습니다. 나는 마침내 새로운 기능을 보류하고 다른 사람들에게 초점을 맞추기로 결정했습니다.
나는 여가 시간 내내 상업적인 물건이 빠져 나가기 때문에 몇 달 동안 Spritemate에서 일할 기회를 얻지 못했습니다. 또한 최근에 피드백이 중단되었으며, 이는 나에게 너무 많은 동기를 부여하지 않았습니다. 결국 나는 SpriteMate의 트래픽을 확인했고 꾸준한 사용자에 대해 놀랐습니다. 그래서 나는이 프로젝트에 더 많은 시간을 전념하기로 결정했습니다. 어쨌든, 당신이 Spritemate를 좋아한다면, 당신은 메일 (ingo at awsm dot de) 또는 나에게 트윗 ( @awsm9000)으로 알려 주면서 차이를 만들 수 있습니다. 내가 당신을 위해 스프리티메이트를 더 잘 만들 수있는 방법을 알려주세요!
Spritemate는 지금 로컬로 설정을 저장합니다. 그것은 여전히 약간의 원래가 작동 할 수 있으며 코드가 작동하는 경우 적어도 하나의 사례에 대해 알고 있지만 내 이해에 관한 것이어야합니다 (그러나 누가 개발자를 판단 해야하는지). 어쨌든, 더 많은 구성 옵션의 기초는 향후 업데이트를 위해 마련되었습니다.
Spritemate는 현재 공개 베타에 있습니다. 버그를 찾고 기능과 개선을 제안하는 데 도움을 준 모든 베타 테스터에게 감사드립니다. 기능 개요를 얻으려면 GitHub의 문서를 확인하십시오.
가장 일반적인 작업은 빠른 액세스를 위해 핫키를 받았습니다. 브라우저에서 핫키를 사용하는 것은 항상 약간 까다 롭습니다. 브라우저에서 많은 조합이 취해 지므로 ( "Copy"의 경우 CMD/CTRL + C 예 :). 따라서 일부 바로 가기는 덜 직관적 인 것처럼 보일 수 있습니다. 이 기능은 키를 지금 누르면 사용할 수 있습니다.
(1,2,3,4) - 사용 가능한 4 개의 펜/색상 중 하나 (F) - 전체 화면 켜기/끄기 (D) - "Draw"와 "Fill"Modes (Z) - UNDO (Shift + Z) = REDO (M) 사이의 토글 토글 - SHINGLECOLOR/MULTICOLOR (CURSOR LEFT, RIGHT) - 스프라이트 목록 (THX2 WIEBO).
미리보기 창의 스프라이트 오버레이 토글. 다음 스프라이트는 오버레이로 사용됩니다. 미리보기 창은 스프라이트를 모두 보여주고 편집기 창은 가시성이 감소한 다른 스프라이트 (양파 스키닝)를 보여줍니다. 현재 스프라이트 오버레이 정보는 기본 스프리티메이트 형식으로 만 저장됩니다.
