Lumines Frame Editor

English README 简体中文 README

Lumines Frame Editor は、ルミネスの盤面をフレーム単位で並べて整理し、あとからじっくり検討するためのシングルファイルツールです。盤面を手で描き直しながら、フレームを追加・複製・再生して、手順や変化を視覚的に追えます。

GitHub Pages でそのまま公開しやすいように、実装は lumines_frame_editor.html 1 枚にまとまっています。

URL: https://mafiossdx.github.io/LuminesFrameEditor/lumines_frame_editor.html

できること

• 固定サイズ 16 x 10 の盤面を編集
• 6 色 + Garbage を使ったセル配置
• フレームの追加、複製、削除、クリア
• タイムラインを並べてフレーム移動と連続再生
• 各フレームにキャプションを付与
• 現在フレーム上で、3x3 以上の中で最も大きい BURST 形 1 つだけに枠を表示
• 現在フレームを PNG で書き出し
• ゲーム画面を Ctrl+V で貼り付け、盤面範囲を選択して現在フレームへ取り込み
• 現在の盤面について、クリア領域にある色別の正方形数を表示
  • Normal: 2x2
  • BURST: 2x2 以上

使い方

1. lumines_frame_editor.html をブラウザで開く
2. 左側のパレットから色を選び、盤面をクリックまたはドラッグして編集する
3. Add / Duplicate でフレームを増やし、必要なら Caption に説明を書く
4. Play でフレームを順番に再生する
5. 必要に応じて BURST枠を表示 を ON にして、Export PNG で現在フレームを書き出す

画像から盤面を起こしたい場合は、ゲーム画面をコピーしてページ上で Ctrl+V を押し、右側プレビューで盤面範囲をドラッグ選択して Import From Image を実行します。色判定は自動ですが、誤差が出る場合は手で微修正できます。あまり精度はよくありません。

操作メモ

• 左クリック: 描画
• 右クリック: 消去
• ArrowLeft / ArrowRight: フレーム移動
• Space: 再生 / 停止
• N: 空フレーム追加
• D: 現在フレームを複製

ファイル構成

• lumines_frame_editor.html: 本体
• README.md: 日本語 README
• README.en.md: 英語 README
• README.cns.md: 简体中文 README

目的

このツールは、ルミネスの盤面をその場で解くためというより、あとで見返して考えるためのメモと説明用のエディタとして作っています。対戦や攻略の振り返り、手順の整理、盤面変化の共有に向いています。