クイックスタート — ブラウザで最初のレーンを描く

空のキャンバスからエクスポート済みのシーンまで 5 分。インストール不要です。

1. アプリを開く

drawtonomy.com にアクセスします。すべてブラウザ内で動作し、データは一切アップロードされません。

2. レーンを描く

1. N キーを押すか、ツールバーの Lane ツールをクリックします。
2. キャンバスをクリックしてセンターラインの開始点を配置し、続けてクリックして次の頂点を置き、Enter で確定します。
3. 左右の境界線が自動的に表示されます。

ヒント

描画中に Shift を押しながらクリックすると、その 1 回だけ スナップ を無効化できます。

3. 車両を配置する

1. P キーで Participants（参加者）ツールを開きます。
2. Vehicle → Sedan（車両 → セダン）を選び、先ほど描いたレーン上をクリックします。
3. コーナーのハンドルをドラッグしてサイズを変更したり、回転ハンドルでレーンに合わせて向きを揃えたりできます。

4. シーンをエクスポートする

エクスポートメニューを開き、形式を選びます。

• .drawtonomy.svg（drawtonomy 独自の SVG 形式） — まずこれで保存するのがおすすめ。 通常の SVG としてブラウザ・GitHub・スライド・Markdown でそのままプレビューでき、しかも drawtonomy で開き直せばすべての接続情報・共有点・オーバーラップ関係が完全に復元されて再編集できます。今日はフラットな画像が欲しいだけだとしても、.drawtonomy.svg で保存しておくと、後でシーンに手を加えたくなったときに自分（やチームメンバー）が必ず助かります。
• PNG / SVG（フラット）/ JPG / PDF / EPS — 「再編集できないフラット画像」が必要なときだけ選びます。
• Export for esmini — esmini で再生できる OpenDRIVE + OpenSCENARIO を含む zip。

各形式の詳細は シーンをエクスポートする を参照してください。

次は？

• もっと長めのレッスン: 最初の 3 本のレーン。
• 個別の作業手順を解説したハウツーガイド — 衛星地図からレーンを生成、 Lanelet2 ファイルのインポート など。
• エクステンション開発者の方は: drawtonomy を拡張する。