QUICK GUIDE
六角形を、つなぐ。
キャンバス左上の「横並び／縦並び」でグリッドの配列を切り替えられます。縦並びは六角形の頂点が上下を向く配置です。描いた作品も90°回転し、接続・余白・角丸は保たれます。「戻す」でも切替を取り消せます。
-
タップで、六角形を1個塗る
白い六角形をタップすると黒くなります。黒い六角形をタップすると、その六角形とそこにつながる帯が消えます。
-
ドラッグで、つなぐ・消す
白い場所から中心をなぞると、隣接する6方向の六角形同士が帯でつながります。描画を始めたら指を離すまで描画を続け、既存の接続は残します。最初に進む隣接する黒い2点の間に帯がなければ接続し、帯があれば両端の六角形と帯を消去します。そのままなぞると通過した点と帯を消し続けます。途中の分岐点を消すと、そこにつながる帯も消えますが、なぞっていない点は残ります。往復しても消した点や帯は復活しません。帯だけをタップすると、その接続だけを消せます。
-
青い点をタップして接続
塗った六角形が隣り合うと、間に青い点が表示されます。タップすると帯で接続。つながった帯をタップすると接続だけを消せます。
-
余白と角を整える
「余白」で太さとすき間を、「角の丸み」で端の形を調整。1回のドラッグは「戻す」でまとめて取り消せます。
2本指で短くタップすると1回戻します。2本指を動かすと拡大・移動になり、戻す操作は実行しません。余白や角の丸み、移動モードは「調整」から開けます。「六芒星」は原点を中心に輪郭を追加します。追加した形も描画・消去でき、「戻す」で取り消せます。指を離すたびに操作が完了します。分岐は既存の黒い点から白い点へなぞって追加できます。2本指で拡大・移動。PCではホイールで拡大、スペースキーを押しながらドラッグすると一時的に移動できます。離すと元のモードに戻ります。
キャンバスに端はありません。2本指でどの方向にも移動できます。「作品全体」で描いた形を見渡し、「原点へ」で最初の位置へ。「全部消す」は作品だけを消し、「戻す」で復元できます。大きく縮小するとグリッドを省略し、編集は拡大して行います。
「ダウンロード」で作品全体のプレビューを開き、保存形式を選択します。スマホのPNG・JPGは対応端末の共有メニューから画像を保存できます。SVGとPCでは通常のダウンロードになります。SVGは編集・拡大に適したベクター形式、ロゴ色・背景色を指定でき、PNG・SVGは背景透過も選べます。JPGは指定した背景色で保存します。PNGとJPGは長辺3000px。グリッドは含まれません。
操作確認用のMVPです。編集状態の保存・読み込みは未対応です。必要な作品を書き出してから閉じてください。再読み込みするとリセットされます。