v1.2.1 - Performance & Bug Fixes

Performance Optimizations

• All components memoized with React.memo()
• Callbacks memoized with useCallback()
• Pre-calculated clip path points for grid zones
• Added useSafeArea hook for Android navigation bar detection

Bug Fixes

• Fixed crop rectangle positioning with rotated images
• Rotation is now restored after cropping
• Fixed 'New Composition' button not resetting properly
• Added missing translation key common.back

UI Improvements

• Toolbar adapts position for Android 3-button navigation
• Enabled viewport-fit=cover for proper safe area handling

Documentation

• Added TODO.md with future optimization suggestions

APK

Build the APK with:

npm run build && npx cap sync android && cd android && ./gradlew assembleDebug

v1.2.0 - Stickers & Pinch Gestures 🎨✨

🎉 PixCollage v1.2.0 - Stickers & Pinch Gestures

🎨 Major New Features

✨ Complete Sticker System

• 12 handcrafted SVG stickers with transparent backgrounds
• 4 categories: Stars ⭐, Sparkles ✨, Hearts 💖, Explosion 💥
• Real preview in selection modal (no more emoji placeholders!)
• Default 350px size for easy manipulation

👆 Multi-Touch Gestures

• Pinch-to-zoom: Spread/pinch 2 fingers to resize
• Pinch-to-rotate: Rotate 2 fingers to spin elements
• Full support: Text, emoji, stickers, and images
• Snap rotation: Auto-align to 0°, 90°, 180°, 270°

🎨 Included Stickers

⭐ Stars (3)

1. Star Group - 5 golden stars artistically arranged
2. Constellation - 7 stars connected by subtle lines
3. Shooting Stars - 3 stars with motion trails

✨ Sparkles (3)

1. Glitter - 8 golden sparkling sparkles
2. Brilliance - Central sparkle with glow and light rays
3. Shimmer - 12+ multi-sized scattered sparkles

💖 Hearts (3)

1. Multiple Hearts - 4 red/pink hearts
2. Spinning Hearts - 9 hearts in spiral pattern
3. Heart Explosion - 15+ hearts bursting from center

💥 Explosion (3)

1. Boom - Classic explosion effect with particles
2. Fireworks - 4 colorful bursting fireworks
3. Burst - Golden energy burst with stars

🐛 Bug Fixes

• ✅ Vertical grid line: Improved algorithm eliminates duplicates
• ✅ SVG stickers on Android: Direct file paths now work correctly
• ✅ Canvas shadow: Simplified to eliminate visual artifacts
• ✅ Sticker preview: Now displays actual SVG images

🎯 Improvements

• Sticker picker: Real SVG images instead of emoji placeholders
• Multi-touch gestures: Added to text and emoji elements
• Sticker size: 350px default (vs 80px for emojis)
• Pink transformer: Distinctive color for stickers (#ec4899)

📦 Installation

Android APK

Download the APK below and install on your Android device:

adb install PixCollage-v1.2.0.apk

Or transfer directly to your phone and open the file.

🎮 How to Use

Add a Sticker

1. Click the ⭐ Stickers button
2. Choose a category (Stars, Sparkles, Hearts, Explosion)
3. Click the desired sticker
4. Sticker appears centered on canvas

Manipulate a Sticker

• Move: 1 finger to drag
• Resize: 2 fingers spread/pinch
• Rotate: 2 fingers rotation
• Desktop: Use transformer with handles

Multi-Touch Gestures

Two-finger gestures work on:

• ✅ Text
• ✅ Emoji
• ✅ Stickers
• ✅ Images

🚀 Technologies

• React 18 + TypeScript
• Konva for canvas rendering
• Capacitor for Android native
• TailwindCSS for styling
• SVG for stickers (lightweight and scalable)

📊 Statistics

• 42 files changed
• 3726 lines added
• 12 SVG stickers created (~23 KB total)
• 8 new React components

🙏 Acknowledgments

Thank you for using PixCollage! Feel free to create issues to report bugs or suggest improvements.

---

Download the APK below and enjoy the stickers! 🎨✨