PC-6001 GRAPHICS EDITOR

PC-6001 GFX Editor は、NEC PC-6001 の 3 種類のグラフィックスクリーンモードに対応した、ブラウザ上で動作するピクセルアートエディタです。 外部ライブラリへの依存は一切なく、HTML ファイル 1 枚で完結しています。

PC-6001 実機の VRAM 構造に準拠したデータ形式で、PNG 画像とZ80 アセンブラ用 DB テキストの両方をエクスポートできます。 レトロゲーム開発・保存プロジェクト・同人ソフト制作などに活用できます。

PC-6001 のグラフィックモードは 3 種類あります。エディタ上部のタブで切り替えます。 モードを切り替えると画面データはリセットされるため、事前に PNG / ASM をエクスポートしてください。

最も汎用的なモード。8×8 ピクセルのキャラクタブロック単位で前景色（FG）と背景色（BG）を独立して設定できます。 BASICの SCREEN 1 に相当。同一キャラクタ内は FG/BG の 2 色しか使えませんが、 キャラクタごとに異なる色ペアを設定できるため、実質的に高い表現力を持ちます。

ビットマップ形式で最も細かいドット制御が可能です。ただし1 行（8px）につき FG・BG の 2 色しか使えない制約があります。 これはハードウェアの仕様であり、同じ行に 3 色以上のピクセルを置くと色が崩れます（色衝突）。

横解像度が 64px に半減する代わりに、SCREEN 1 と同様のキャラクタ単位色指定を維持します。 スプライト的なキャラクタを少ない情報量で表現するのに向いています。

PC-6001 のパレットは 0〜15 番の固定 16 色です。エディタ右パネルに常時表示されています。 左クリックで前景色（FG）、右クリックで背景色（BG）を選択します。

左端のツールバー、または以下のキーボードショートカットで選択します。
左クリック＝FG色で描画　／　右クリック＝BG色で描画

1. ツールバーで C（キャラ選択）を選ぶ
2. キャンバス上の編集したいキャラクタブロックをクリック
3. 右パネルの「CHAR EDIT」に 8×8 グリッドが現れる
4. パレットで FG 色（左クリック）と BG 色（右クリック）を変更 → 即時反映
5. グリッドのセルを直接クリックして ON/OFF することも可能

「PNG 読み込み…」ボタンで PNG ファイルを取り込めます。 読み込み時に各ピクセルの RGB 値を PC-6001 パレット 16 色の中から最近傍色に変換して表示します。 大きな画像は自動的に現在のモードの解像度（SCR1/2: 128×192、SCR3: 64×192）に縮小されます。

最大 50 段の Undo を保持しています。Ctrl+Z で Undo、Ctrl+Y で Redo。 右パネルの「↩ Undo」「↪ Redo」ボタンでも操作できます。 モード切り替えや全消去（CLR）はUndoスタックをリセットします。

実寸サイズ（SCR1/2: 128×192px、SCR3: 64×192px）の PNG ファイルを生成します。 ファイル名は pc6001_scr1.png のようにモード番号付きになります。 パレット色をそのまま使用した RGB PNG です。

SCREEN 1 / 3 の場合、パターンデータとカラーデータを分けて出力します。

; PC-6001 SCREEN 1 VRAM Data
; ── Pattern Data (3072 bytes) ──
GFX_PATTERN:
    DB  000H, 07EH, 042H, 042H, 042H, 07EH, 000H, 000H  ; CHAR(0,0)
    DB  000H, 000H, 000H, 000H, 000H, 000H, 000H, 000H  ; CHAR(1,0)
    ...
; ── Color Data (384 bytes, upper nibble=FG lower=BG) ──
GFX_COLOR:
    DB  070H, 070H, 070H, 070H, 070H, 070H, 070H, 070H

SCREEN 2 の場合、ビットマップデータと行カラーデータに分かれます。

; ── Bitmap Data (3072 bytes) ──
GFX_BITMAP:
    DB  0FFH, 000H, 07EH, 042H, 042H, 07EH, 000H, 0FFH  ; Y=0
    DB  000H, 000H, 000H, 000H, 000H, 000H, 000H, 000H  ; Y=1
    ...
; ── Color Data (192 bytes, upper nibble=FG lower=BG) ──
GFX_COLOR:
    DB  070H, 070H, 070H, 070H, 070H, 070H, 070H, 070H

• 本エディタは PC-6001 の VRAM 構造を参考にした近似実装です。実機との完全な互換性は保証しません。特に色表示は実機モニタとは異なる場合があります。
• PNG 読み込み時のパレット変換は最近傍 RGB 距離によるため、元画像の再現精度には限界があります。
• SCREEN 2 の色衝突制約はエディタ上では完全には強制されません。実機・エミュレータでの動作確認を推奨します。
• データはブラウザセッション内のみ保持されます。ページを閉じると失われます。作業が完了したら必ずエクスポートしてください。
• ファイルの保存・読み込み機能（.gfxなど独自形式）は現バージョンでは未実装です。

PC-6001 GFX Editor is a browser-based pixel art editor that supports all three graphics screen modes of the NEC PC-6001 home computer. It runs entirely from a single HTML file with no external dependencies.

The editor outputs data in a format faithful to the PC-6001's VRAM structure, exporting both PNG images and Z80 assembler DB text. Suitable for retro game development, preservation projects, and homebrew software creation.

The PC-6001 has three distinct graphics modes. Switch between them using the tabs at the top of the editor. Switching modes resets all canvas data — export your work first.

The most versatile mode. Foreground (FG) and background (BG) colors are assigned independently per 8×8 character block. Equivalent to BASIC's SCREEN 1. While only 2 colors are available within a single character cell, each character can have a different color pair, providing strong overall expressiveness.

Offers the finest dot-level control in bitmap format. However, only FG and BG colors are allowed per 8-pixel row. This is a hardware limitation — placing 3 or more colors in the same row will cause color corruption (color clash).

Horizontal resolution is halved to 64px, but character-unit color assignment (same as SCREEN 1) is retained. Well-suited for sprite-like characters with minimal data.

The PC-6001 uses a fixed 16-color palette (indices 0–15), always visible in the right panel. Left-click a swatch to set the foreground color (FG); right-click to set the background color (BG).

Select tools from the left toolbar or via keyboard shortcuts.
Left-click = draw with FG color　／　Right-click = draw with BG color

1. Select the C (Char Select) tool from the toolbar
2. Click on any character block on the canvas
3. The "CHAR EDIT" 8×8 grid appears in the right panel
4. Left-click a palette swatch to change FG, right-click for BG — instantly reflected
5. You can also click individual cells in the 8×8 grid to toggle pixels on/off

Click "PNG 読み込み…" to import a PNG file. Each pixel's RGB value is mapped to the nearest PC-6001 palette color. Images larger than the current mode's resolution (SCR1/2: 128×192, SCR3: 64×192) are scaled down automatically.

Up to 50 undo steps are kept in memory. Use Ctrl+Z to undo and Ctrl+Y to redo. The "↩ Undo" and "↪ Redo" buttons in the right panel provide the same functionality. The undo stack is cleared when switching modes or using the "CLR" (clear all) function.

Generates a PNG at native resolution (128×192 for SCR1/2, 64×192 for SCR3). The filename is pc6001_scr1.png (mode number appended). Colors are rendered using the PC-6001 palette RGB values directly.

Outputs pattern data and color data as separate labeled blocks.

; PC-6001 SCREEN 1 VRAM Data
; ── Pattern Data (3072 bytes) ──
GFX_PATTERN:
    DB  000H, 07EH, 042H, 042H, 042H, 07EH, 000H, 000H  ; CHAR(0,0)
    DB  000H, 000H, 000H, 000H, 000H, 000H, 000H, 000H  ; CHAR(1,0)
    ...
; ── Color Data (384 bytes) ──
GFX_COLOR:
    DB  070H, 070H, ...  ; upper nibble=FG, lower nibble=BG

Outputs bitmap data and row color data.

; ── Bitmap Data (3072 bytes) ──
GFX_BITMAP:
    DB  0FFH, 000H, ...  ; Y=0, 16 bytes per row
; ── Color Data (192 bytes) ──
GFX_COLOR:
    DB  070H, ...  ; per row: upper nibble=FG, lower=BG

• This editor is an approximate implementation based on the PC-6001 VRAM structure. Full hardware compatibility is not guaranteed. Color rendering may differ from an actual monitor.
• PNG import uses nearest-neighbor RGB distance for palette conversion; faithfulness to the original image is limited.
• SCREEN 2 color clash constraints are not fully enforced in the editor. Always verify on real hardware or an emulator.
• Data is held in browser memory only and will be lost when the page is closed. Always export before closing.
• A native project file save/load feature (custom format) is not yet implemented.