Tech Stack
TypeScript
Vite
p5.js
Tweakpane
Description
マウス/タッチで中心対称パターンを描けるジェネラティブ・ドローイングアプリ。Tweakpaneで分割数やミラーリング、線色/太さ、背景色、感度をリアルタイム調整可能。
- 分割数・水平/垂直ミラーで対称描画を生成
- 線の色/太さ・背景色をリアルタイム調整
- PNG保存・キャンバスクリア機能を搭載
- モバイル最適化のスライドイン設定パネル（ハンバーガー）
- Vite+TypeScript構成、p5.jsベースの描画