Canvas APIのフラッドフィルアルゴリズムで、クリックした部位の色を一瞬で変更。輪郭をなぞる手間ゼロで、直感的に色替えが完了します。
k-meansクラスタリングと位置ヒューリスティクスを組み合わせ、写真から外壁・屋根を自動識別。「自動検出」ボタン一つで作業をスキップできます。
外壁1/2、屋根1/2、雨樋、扉・窓枠、基礎、その他の8カテゴリを独立管理。細部まで色を分けて提案できるから、完成後のイメージが正確に伝わります。
最大4パターンの配色を保存してワンクリックで切り替え。「Aプラン・Bプラン・Cプラン」を並べて見せることで、施主の決断をサポートします。
Supabase経由でプラン全体をURLに圧縮。施主にリンクを送るだけで、色の選択結果をそのまま共有。JSONエクスポートでオフライン保存も可能です。
履歴スタック管理により、操作ミスをいつでも元に戻せます。クライアントとのリアルタイム打ち合わせ中も、試行錯誤しながら最適な配色を見つけられます。
日本の住宅に合わせた5つのプリセットパレットを内蔵。好みのテイストをワンクリックで適用できます。
モダンなWeb技術でゼロから構築した高パフォーマンスSPA
Hooks・Context APIを活用したコンポーネント設計。状態管理を一元化
HMR対応の高速ビルドツール。本番バンドルを最小化
フラッドフィル・k-means・マスク合成をネイティブAPIで実装
プランデータをDBに保存しURLシェア機能を実現
インストール不要・登録不要。ブラウザを開くだけでカラーシミュレーションを体験できます。