BoxySVG: Convert Rect to Path and Split @snorklTV

BoxySVG: Convert Rect to Path and Split @snorklTV

Uploaded January 2023 | Updated September 2026, 2 weeks ago

Just a quick video showing how to convert a rectangle to path so we can add a custom start point for GreenSock's DrawSVG.
Demo: codepen.io/snorkltv/pen/gOjzKoE?editors=0010
BoxySVG: boxy-svg.com/app

Support this channel and learn all my GreenSock tricks
Unlock over 200 GSAP Lessons
creativecodingclub.com/bundles/creative-coding-club?src=boxyRect

BoxySVG: Convert Rect to Path and Split

Creative Coding Club: New Files

SVG Goo Configurator Sliders: Make Goo Interactively

GSAP xPercent and yPercent for Responsive Animations

Animate HTML Input Slider with GSAP #greensock #codepen #tutorial #webdesignsoftware #coding #gsap

99 GSAP BONUS LESSONS

Short 2/20 : DEMO LINK IN DESCRIPTION #GSAP #creativecoding #javascript #coding

GSAP Games: Horse Race

Animating the Guts of an SVG with GreenSock

GSAP Speed Lines (SVG Bike)

Basic Timeline with Position

Creative Coding Club Promo: Good fit?

BoxySVG: Convert Rect to Path and Split