Devlogs
AI Slop v1.3 Changelog
Now fully optimized for mobile! Here's what I added:
🔊 Sound System
- Sound toggle button in header (🔊/🔇) - click to mute/unmute
- Click sounds - pitch varies slightly with combos
- Critical hit sound - ascending arpeggio fanfare
- Combo sound - rising tone when building combos
- Purchase sound - satisfying ascending tone
- Achievement fanfare - C-E-G-C major chord
- Milestone celebration - longer triumphant fanfare
- Prestige whoosh - epic sweeping sound with chord
- Tech unlock - sci-fi style ascending tone
- Error sound - sad descending tone
✨ New Animations
- Combo system - rapid clicks build a combo (2% bonus per level, up to 20x)
- Combo indicator - bouncing "Xx COMBO!" text above button
- Jelly animation - button squishes satisfyingly on click
- Crit explosion - ring of 💥 particles + center starburst
- Confetti - colorful falling confetti for milestones/prestige
- Screen shake - intensity varies by event importance
- Ripple effect - pulsing glow on prestige button when ready
- Enhanced particles - directional burst instead of just falling
🎮 Visual Feedback Improvements
- Float numbers now spread out randomly
- Critical hits show "💥 CRIT!" text
- Combo floats get purple glow
- Milestone bar flashes rainbow on completion
- Affordable upgrades pulse to draw attention
- Big achievements (10+ reward) get extra confetti
📱 Mobile Breakpoints
| Screen Size | Optimizations |
|---|
| ≤600px
| Smaller buttons (130px), compact currency bar, reduced fonts, tighter padding
|
| ≤400px
| Even smaller UI (110px button), hidden subtitle, minimal spacing
|
| ≤350px
| Tiny mode (100px button), currency items wrap to 2 columns
|
📐 Orientation & Height
| Condition | Changes |
|---|
| Height ≤700px
| Shorter lists, smaller click area
|
| Height ≤550px
| Hidden subtitle, 100px button
|
| Landscape phone
| Ultra-compact mode, 80px button, everything squeezed
|
👆 Touch Optimizations
- 44px+ touch targets on all interactive elements
- Disabled hover effects on touch devices (no stuck :hover states)
- Better :active states for touch feedback
- -webkit-tap-highlight-color: transparent - no blue flash
- user-select: none - prevents accidental text selection
- -webkit-overflow-scrolling: touch - smooth momentum scrolling
📱 iPhone/Notch Support
- safe-area-inset padding for notched phones (iPhone X+)
- Dynamic viewport height (dvh) for mobile browsers with address bars
🎮 Touch-Friendly UI
- Larger tab buttons
- Bigger achievement/tech node icons
- Prestige button minimum 48px height
- Sound toggle and help button enlarged