pixel editor

-非推奨-LospecPixelエディター

LOSPEC Pixelエディターは開発中ではなく、貢献を受け入れなくなりました。
現在の状態のhttps://lospec.com/pixel-editorで利用できますが、バグが含まれている場合があります。

これは、ピクセルアートを作成するためのブラウザベースのソフトウェアです

貢献する前に

仕事を始める前に、議論のために問題を開いて、あまりにも多くの競合を作成せずに作業を整理できるようにしてください。貢献がバグを修正する場合は、フォークを作成し、バグフィックスブランチを使用してください。新機能に取り組みたい場合は、代わりに新しいfeatureブランチを使用してください。

貢献するもの

バグを修正したり、機能を追加したりする変更は歓迎されます。どこから始めればよいかわからない場合は問題を確認してください。エディターが初めての場合は、最初にWikiをチェックすることをお勧めします。

次のバージョンは、不足している重要な機能の追加とモバイルへの移植に主に焦点を当てています。

提案 /計画的な機能：

• ドキュメント

• メニューを隠してサイズ変更する可能性（レイヤー、パレット）

• タイルモード

• LPEファイルからパレットをロードします

• 対称オプション（現在作業中）

• 色が多すぎるときに右側に巨大なスタックを持つのではなく、パレットグリッドを作ります

• おそらくコラボレーション機能を追加してください

• 携帯

  • マウスクリックに相当するタッチをします
  • UIを非表示または拡張します
  • たぶん肖像画にUIを再配置します
  • ポップアップを修正します

• 研磨：

  • Ctrl+aすべて /選択 - >すべてを選択する - すべての選択について同じ
  • 間違った入力のための警告ウィンドウ
  • パレットオプション未使用の色を削除します
  • 矢印で選択を移動します
  • キャンバスのサイズを変更するときに、キャンバスのエッジをマウスでドラッグして境界を更新します
  • キャンバスを移動して、キャンバスのサイズを変更した後に中央に配置されます（レイヤークラスの.center（）メソッド）
  • 選択 /回転選択

貢献する方法

要件

Githubのコードスペースを使用する場合は要件がありません。デスクトップで環境をセットアップする場合は、node.jsとgitをインストールする必要があります。

また、node.js 15以降が付属しているバージョン7（そこに導入された2番目のバージョンのロックファイルのため）にもnpmが必要です。適切なバージョンのインストールを簡素化するために、NVMを使用してnvm installを実行できます。現在のコマンドプロンプトセッションで適切なnode.jsバージョンをアクティブにします。

貢献ワークフロー

githubコードスペース

1. 上記のフォークをクリックします。このリポジトリのコピーを自動的に作成し、アカウントに追加します。
2. このページの上部で、作業するブランチを選択します。
3. 「コード」をクリックします。 「CodeSpaces」サブメニューを選択し、「ブランチ名でコーデススペースの作成」をクリックします。
4. npm installを実行します。その後、 npm run hot 。エディターを含むポップアップを開きます。そのため、使用している場合はAdblockを無効にしてください。

デスクトップ環境

1. 上記のフォークをクリックします。このリポジトリのコピーを自動的に作成し、アカウントに追加します。
2. リポジトリをコンピューターにクローンします。
3. コマンドプロンプトでフォルダを開き、 npm installを実行します
4. 提案したい変更を加えてください。
5. コマンドプロンプトでnpm run hot実行し、アプリを/buildフォルダーにコンパイルし、http：// localhost：3000の下で提供してから、ブラウザで開きます。さらに、CodeBaseで変更を保存するたびにサーバーを再起動します。 npm run hot:reloadを実行することでさらに進むことができます。これにより、Webページのリロードもトリガーできます。
6. 変更を追加、コミット、プッシュします。
7. フォークのgithubページで、ファイルリストの上の新しいプルリクエストをクリックします。
8. ヘッドリポジトリのドロップダウンをフォークに変更します。
9. 変更を説明するタイトルと説明を追加します。
10. [プルリクエストの作成]をクリックします。

問題がある場合は、このページを参照してください：https：//help.github.com/en/articles/creating-a-pull-request-from-a-fork

機能の切り替え

いくつかの機能はデフォルトで非表示になる場合があります。それらを有効/無効にする機能は、グローバルなfeatureToggles内で利用可能であり、 window.localStorageで動作します。

たとえばfeatureToggles.enableEllipseTool()を使用して、erlipseツールボタンを表示します。次に、 featureToggles.disableEllipseTool()を非表示にします。