Kanavice Studio, kanaviçe ve nakış projelerinde desenleri kumaşa başlamadan önce dijital olarak yerleştirmek için geliştirdiğim bir görsel planlayıcı. Özellikle seccade ve geniş yüzeyli işlerde merkezleme, boşluk hesabı ve çoklu desen yerleşimi kararlarını daha ölçülebilir hale getiriyor.
Problem
Fiziksel kumaş üzerinde deneme yapmak zaman kaybettiriyor; hatalı hizalama, dengesiz boşluk ya da ölçek sorunları da çoğu zaman geç fark ediliyor. Genel amaçlı tasarım araçları ise kanaviçe odaklı ızgara, iplik sıklığı ve hizalama akışlarını doğrudan sunmadığı için bu ihtiyaca özel bir araç gerekiyordu.
Bu projede odaklandığım noktalar
- Kumaş boyutu ve iplik sıklığı üzerinden gerçekçi bir çalışma alanı kurmak
- Birden fazla deseni aynı yüzeyde konumlandırıp hizalayabilmek
- Sürükle-bırak akışını snap kılavuzları ve boşluk hesaplarıyla desteklemek
- Uzun süreli yerleşim çalışmalarında geri al/yeniden yap ve otomatik kayıt ile veri kaybını azaltmak
Öne çıkan özellikler
Yerleşim ve hizalama
- Çoklu desen ekleme, çoğaltma ve birlikte taşıma
- Kenar, merkez ve diğer desenlere göre akıllı hizalama yardımı
- Dokuz noktalı tuval hizalama ve eşit dağıtım araçları
- Yatay/dikey aynalama, kilitleme ve katman sırası kontrolü
Çalışma deneyimi
- Yakınlaştırma, görünümü sığdır ve dokunmatik sıkıştırma desteği
Shiftile geçici serbest taşıma- 50 adımlı geri al/yeniden yap geçmişi
localStoragetabanlı otomatik kayıt ve doğrulanmış JSON içe/dışa aktarma
Planlama desteği
- Anlık boşluk, boyut ve kaplanan alan bilgileri
- Çoklu seçim için sınırlayıcı kutu ve kaplama hesabı
- Kumaştan büyük desenler için uyarı
- Türkçe arayüz ve kanaviçe iş akışına uygun kontroller
Kullanılan teknolojiler
- React 19
- TypeScript
- Vite
- Tailwind CSS 4
- Lucide React
Bağlantılar
- Canlı demo: kanevice.aliyilmaz.co
- GitHub deposu: github.com/aliyilmazco/kanevice-studio
Geliştirme notları
Proje masaüstü kullanımını merkeze alsa da tablet etkileşimlerini de destekliyor. Ana tasarım hedefi, kullanıcının “deneyerek yerleştirme” yerine ölçülebilir boşluk ve hizalama bilgileriyle önce dijital önizleme yapabilmesi.