テキスト
フォント読込中…
素材を配置
SVGテキストを貼り付け
素材一覧を読み込み中…
作図ツール
キャンバス
指、Apple Pencil、スタイラス、マウスに対応。選択した図形はドラッグで移動できます。
キャンバス
0オブジェクト
30 × 30 mm
保存・出力
描いてすぐG-code化できます。
G-codeプレビュー
描画空走現在位置
接続・操作
XYジョグ
1タップで選択距離だけ移動
未接続ワーク座標
X—mm
Y—mm
0 / 0 (0%)
通信ログ
ジョブリスト
待機中
ジョブセット
.plotter-jobs.jsonジョブ定義に加えて、参照している保存済みG-codeもスナップショットとして同梱します。別ブラウザで読み込む時も復元しやすい形式です。
PlotterFlow ヘルプ
SVG・手書き・テキスト・スタンプを配置して、GRBLやFluidNC向けG-codeを生成・保存・送信するペンプロッタ用ツールです。自作ペンプロッタらっくん6S向けの機能がありますが、調整することである程度汎用的に使える部分もあると思います。
GitHub Pages / 静的サーバ / localhost 対応
1. レイアウトを作る
- 「編集」タブでキャンバスサイズを選びます。
- SVG読み込み、手書き、図形、テキスト、スタンプを配置します。
- 選択ツールで移動・複製・前面/背面・削除を調整します。
- 「G-code生成」でキャンバス全体を変換します。
2. G-codeを確認する
- 「G-code」タブでプレビューを確認します。
- 必要ならG-codeを直接編集します。
- 保存・ダウンロードして再利用できます。
- 上部の「Serialで送信」から現在のG-codeをすぐ送れます。
3. 実機へ送る
- Chrome / Edgeで開きます。Web SerialはHTTPSまたはlocalhostが必要です。
- 「Serial」タブでBaudrateを確認して接続します。
- ペンアップ/ダウン、XYジョグ、XY 0セットで動作確認します。
- 送信は1行ごとにGRBL/FluidNC系の
okを待って進みます。
4. 3Dシミュレーションで確認する
- 「3Dシミュレーション」タブでプロッタのモデルとG-code軌跡を確認します。
- 「G-codeを再生」で、現在のG-codeエディタ内容を3D上で再生できます。
- 再生速度、視点リセット、停止を使って、描画範囲や動作方向を事前に確認します。
- 実機送信前の向き・サイズ・移動範囲確認に使います。
5. 複数ジョブを流す
- 「ジョブ実行」タブでG-code、回数、ループ回数を設定します。
- 必要な行だけ「＋」で前後delay・前後コマンドを展開します。
- 「ジョブ間と最後にリロード」をONにすると、各実行後に設定のリロードG-codeを挿入します。
- ジョブセットは保存・読み込み・ダウンロードできます。
Tips
- GitHub PagesではWeb Serial送信はHTTPS上でChrome/Edgeから確認してください。
- フォント、スタンプ、シミュレーション用ファイルはすべてローカル配信です。CDNは不要です。
- ブラウザのlocalStorageに設定・G-code・ジョブセットが保存されます。重要データはJSON/G-codeでダウンロードしてください。
- 実機で向きが逆の場合は「設定」のY軸反転・scale・offsetを確認してください。
- 引きずりが出る場合はペンアップdelay、移動前リフト待ち、overlap_up設定を調整してください。