spritemate
1.0.0
Spritemateは、Commodore 64の新しいSpriteエディターです。Windows、Mac、Linuxのほとんどの最新のブラウザで動作し、純粋なJavaScriptとHTMLです。プラグインはありません。すべてのデータは、クライアント側のみで処理されます。 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
| シンボル | ショートカット | 関数 |
|---|---|---|
 | - | ファイルをロードします。 サポートされている形式：Spritemate（SPM）、SpritePad（SPD、SPR） |
 | - | ファイルを保存します。 サポートフォーマット：Spritemate（SPM）、SpritePad 2.0および1.8.1（SPD）、ASMソース（TXT） |
 | z | 元に戻します。あなたがねじ込んだときのために。 |
 | シフト + Z | やり直します。あなたが気づいたとき、それはそれほど悪くなかったからです |
 | d | ピクセルを描きます |
 | f | 洪水充填 |
 | e | 消しゴム |
 | m | 動く |
| シンボル | ショートカット | 関数 |
|---|---|---|
 | m | SingleColorモードとマルチカラーモードを切り替えます |
 | - | スプライトを左にシフトします |
 | - | スプライトを右にシフトします |
 | - | スプライトをシフトします |
 | - | スプライトを下にシフトします |
 | - | フリップスプライト水平 |
 | - | フリップスプライト垂直 |
 | - | グリッドディスプレイのオン/オフを切り替えます |
  | - | ウィンドウのイン/アウトをズームします |
| 1,2,3,4 | 個々の色、透明、マルチカラー1またはマルチカラー2を選択します | |
| シフト +マウス | pixelを削除します |
| シンボル | ショートカット | 関数 |
|---|---|---|
 | - | スプライトを水平に伸ばします |
 | - | スプライトを垂直に伸ばします |
 | - | 次のスプライトオーバーレイ |
| - | ウィンドウのイン/アウトをズームします |
| シンボル | ショートカット | 関数 |
|---|---|---|
 | - | 新しいスプライトを作成します |
 | - | 選択したスプライトを削除します |
 | - | スプライトをコピーします |
 | - | スプライトを貼り付けます |
| - | グリッドディスプレイのオン/オフを切り替えます |
| - | ウィンドウのイン/アウトをズームします |
| 左と右カーソル | スプライトリストをサイクリングします |
当初、私はこのプロジェクトからjQueryとjquery UIを削除し、それをバニラJSに置き換えたかったのです。ビルド時間は10秒に成長していましたが、これは非常に迷惑でした。 jQueryのモーダル機能を複製することは、予想よりも困難でした。したがって、jQueryをJSバンドルから再び除外してCDNからロードすることにしました。これにより、コンパイル時間が大幅に短縮されました。全体として、アプリは非常に小さく、メインアプリコードは約20kb、jQueryは約98kbです。
スプライトネーミング機能で2つの変更が導入されたことに注意してください。スプライトは、1の代わりにインデックス番号0で開始します。これは一貫性と私の個人的な正気のために必要でした - 内部的にはインデックス番号は常に1ではなく0でした。他の変更は、ASMまたは基本ファイルがインデックスを増加させることでスプライトにラベルを付けないためにスプライトデータをエクスポートすることです。これは、スプライトリストに別の位置に並べ替えても、スプライトがその名前を保持することを意味します（これは明らかなようですが、以前はそうではありませんでした）。
Spriteネーミング機能は後方互換性があるため、古いSPMファイルをロードすると、デフォルト名が適用されます。
Sprite Invert（またはSpritePadの「ネガティブ」）は、マルチカラーモードでは少し奇妙に見えるかもしれませんが、それはバグではありません。 Singlecolorでは、0（透明）が1（ピクセル）に置き換えられ、その逆も同様ですが、マルチカラーではさらに2色があります。この場合、Spritemateは3と4の色を3と4に切り替えます。
これは、いくつかのファイルを操作するときに役立つことがわかります。また、ファイルがまだ保存されていない場合は、適切な指標です。ブラウザがファイルとオペレーティングシステムを保存する方法の性質により、セキュリティを処理するには、ダウンロード場所に同じファイル名が既に存在する場合、ファイルはわずかに異なる名前で保存する可能性があります（「mysprites.spm」の代わりに「mysprites（1）.spm」など）。
メニューバーは、一部のセットアップでは誤動作しているように見えますが、現在問題は再現できません。追加のテストと、Firefoxの「コンテンツブロッキング」をオフにすることで問題が解決する可能性があることを発見するために、Thx2からLeissaへ。メニューバーで再現可能な問題に遭遇した場合は、ここで説明を報告してください：https：//github.com/esshahn/spritemate/issues
このリリースは、より良いUSABALITYに焦点を当てています。技術的には機能は追加されていませんが、全体的なワークフローは今より良くなるはずです。たとえば、スプライトを下、左、または右にシフトするための4つの異なるアイコンを持つ代わりに、新しい移動ツールを使用すると、これをより直感的に行うことができます。副作用として、アイコンが少ないほどUIが複雑になります。
ピクセルを消去するオプションは、描画中に「シフト」を押し続けることにより、スプリットメートでしたが、「消しゴム」ツールにより、片手ワークフローでより目立ちやすく使いやすくなります。
スプライトを複製する新しいオプションが導入されました。これは、以前は「コピー」、「新しい」、「貼り付け」の組み合わせによって可能でした（そして、新しい複製は実際にはまさにこれです）が、これはより直感的なエクスペリエンスに追加されるはずです。
スプライトを削除する視覚的に識別可能な「ゴミ」アイコンなど、他の改善があります。すべてを組み合わせたスプライトメイトは、Photoshopのような他のペイントプログラムに慣れている場合、より馴染みがあると感じ始めます。
多くの機能は追加されていませんが、このリリースを完了するのにかなりの時間がかかりました。確実に仕事をすることができなかった本当にクールな新機能のために、たくさんのコードを元に戻さなければなりませんでした。そのため、2つのコードブランチとバックポート機能を安定したバージョンに維持する必要がありました。私はついに新しい機能を保留にして、代わりに他の人に集中することにしました。
私の自由な時間を吸って商業的なもののために、私は数ヶ月間、スプライトメイトに取り組む機会がありませんでした。また、最近、フィードバックが停止していましたが、それは私もあまり動機付けませんでした。最終的に、私はスプリットメイトのトラフィックをチェックし、安定した量のユーザーについて驚かされました。そこで、私はこのプロジェクトにより多くの時間を再び捧げることにしました。いずれにせよ、あなたがspritemateが好きなら、あなたは私に郵便（AWSMドットDEのINGO）またはツイート（ @awsm9000）を送ってくれることで私に知らせてくれることによって、地獄の違いを生むことができます。私があなたのためにスプライトメイトをより良くする方法を教えてください！
Spritmateは、現在設定をローカルに保存します。それはまだうまく機能するかもしれません、そして、私はコードが機能するが、私の理解についてはあってはならない少なくとも1つのケースについて知っています（しかし、私は開発者を判断するのは誰ですか...）。とにかく、より多くの構成オプションの基盤は、将来の更新のために敷設されています。
Spritemateは現在パブリックベータ版です。バグを見つけるのを手伝い、機能と改善を提案してくれたすべてのベータテスターに感謝します。機能の概要を取得するには、GitHubのドキュメントをご覧ください。
最も一般的なアクションは、迅速なアクセスのためにホットキーを受け取りました。ブラウザで多くの組み合わせが撮影されているため、ブラウザでホットキーを使用することは常に少し注意が必要です（「コピー」のCMD/CTRL + Cなど）。したがって、一部のショートカットはそれほど直感的ではないように見えるかもしれません。これらの機能は、キーを押すことで利用可能です。
（1,2,3,4） - 利用可能な4つのペン/色のうちの1つを設定します（f） - フルスクリーンのトグルオン/オフ（d） - 「draw」モードと「fill」モード（z） - und（shift + z）= redo（m） - トグルシングルコラー/マルチカラー（右） - スプライトリスト（Thx2 wiebo）を通過
プレビューウィンドウにスプライトオーバーレイを切り替えます。次のスプライトはオーバーレイとして使用されます。プレビューウィンドウには、スプライトの両方が表示されており、編集者ウィンドウには、視認性が低下した他のスプライト（オニオンスキニングなど）が表示されます。現在、スプライトオーバーレイ情報はネイティブスプライトメート形式のみに保存されていることに注意してください。
