Skip to content

feat(split): unify edge styles and add torn/pixel - #12

Merged
CodeWithDennis merged 1 commit into
mainfrom
feat/split-edge-styles
Jul 27, 2026
Merged

feat(split): unify edge styles and add torn/pixel#12
CodeWithDennis merged 1 commit into
mainfrom
feat/split-edge-styles

Conversation

@CodeWithDennis

Copy link
Copy Markdown
Owner

Summary

  • Unify split Style controls so Vertical, Horizontal, and Diagonal share one edge-style list
  • Add Torn and Pixel edges (deterministic noise so wipe video does not flicker)
  • Bring wavy / zigzag / scallop / soft to axis layouts (not only diagonal)

Key changes

  • patterns.js
    • hashNoise for stable torn/pixel edges across frames
    • Axis painters for wavy, zigzag, scallop, soft/fade, torn, pixel
    • Diagonal paintAngledSplit gains torn + pixel
  • app.js
    • Single splitStyle (+ splitStyles) for all split layouts
    • Keep writing diagonalStyle for preset backward compatibility
    • Map legacy fadesoft when loading presets
  • app.blade.php
    • One Style + Density block for any split layout; Angle only for Diagonal
  • README feature line updated

Behavior / impact

Style Notes
Straight Hard edge (default)
Wavy / Zigzag / Scallop Density controls frequency/amplitude
Soft Gradient fade (legacy preset fade maps here)
Torn Irregular ripped edge
Pixel Stair-step digital edge
  • Density slider shows for every style except Straight and Soft
  • Wipe / transition export continues to animate splitPosition through these masks
  • Overlap layouts unchanged

Test plan

  • Vertical + each style (Straight → Pixel); density affects wavy/zigzag/scallop/torn/pixel
  • Horizontal + each style
  • Diagonal + each style; Angle still works; Soft has no density slider
  • Wipe video preview with Torn and Pixel (edge must not flicker frame-to-frame)
  • Save preset with Zigzag on Vertical, reload, style restores
  • Old preset with diagonalStyle: wavy still applies
  • Overlap UI unchanged (no Style edge list)
  • npm run build succeeds; hard-reload NativePHP/browser

Share straight/wavy/zigzag/scallop/soft/torn/pixel on vertical,
horizontal, and diagonal splits with deterministic mask edges.
@CodeWithDennis
CodeWithDennis merged commit b77c5de into main Jul 27, 2026
4 checks passed
@CodeWithDennis
CodeWithDennis deleted the feat/split-edge-styles branch July 27, 2026 19:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant