Yeah sadly not using the hype built in methods though you could hack it by making an empty box and manipulating the scale
manipulateScale.zip (10.4 KB)
hypeDocument.setElementProperty(testBox, ‘scaleX’, 0, 1.0, ‘easeinout’)
hypeDocument.setElementProperty(testBox, ‘rotateZ’, 90, 1.0, ‘easeinout’)
Which was like a cheap way to animate the line width so you could do that if you want(though in the future it’d be great if “strokeWidth” is a property in that built in function)
Or you could use another library put into hype with svg lines
gsapScale.zip (54.2 KB)
var lines = document.getElementsByClassName(‘lines’);
I use that one because it’s readable , but problem is when you’re animating stroke width it will animate in 1, 2, 3, 4 etc increments so the slower it is the more noticeable the stroke change will be.
You could instead animate shapes and their fills but it’s project specific. When you animate scale and width though it will look smoother.
If anyone else has had better luck animating stroke width another way let me know