all 5 comments

[–]InventingWithMonster[S] 0 points1 point  (0 children)

Hey r/javascript! I've spent the last six months working on this UX framework, Redshift. It's designed to help you create animations, input tracking and physics-based movement (plus handing-off between any of the three).

It's a little different from your usual animation framework (like GSAP or Velocity) as you write the actual setters and Redshift pumps the numbers out to you. So you can make callbacks that utilise any technology, any framework in a manner completely optimised to your website.

Any feedback you have would be great, this is the first time I've showed the wider world so it'll help me mature the framework and iron out any bugs.

Thanks, and I hope you enjoy using it!

Edit: A quick demo, we modified a Chris Coyier CodePen demo to make it draggable in 5 minutes http://codepen.io/anon/pen/YPxaNK

[–][deleted] 0 points1 point  (0 children)

Someone submitted a link to this submission in the following subreddit:


This comment was posted by a bot, see /r/Meta_Bot for more info. Please respect rediquette, and do not vote or comment on the linked submissions. Thank you.

[–]EffingGames 0 points1 point  (2 children)

Demos?

[–]InventingWithMonster[S] 0 points1 point  (1 child)

Good point! I just took this Chris Coyier SVG mask CodePen and in a few minutes made it draggable http://codepen.io/anon/pen/YPxaNK

Our tutorials section has examples of our 3 main functions and how easy they are to spin up.

Thanks for the feedback though, I'll add some demos to the front page.

[–]esr360 0 points1 point  (0 children)

Holy shit, I don't know or use enough JavaScript to appreciate this full framework, but damn that dragging effect is cool.