haden Posted May 22, 2016 Share Posted May 22, 2016 Do you guys have any tool that you use to design animated UI ? or do you just animate them manually through code ? tan 1 Link to comment Share on other sites More sharing options...
frodoe7 Posted May 22, 2016 Share Posted May 22, 2016 check this : http://createjs.com/tweenjs Link to comment Share on other sites More sharing options...
haden Posted May 22, 2016 Author Share Posted May 22, 2016 thanks @frodoe7 but I'm looking for visual tools that help design and animate the UI without writing code, similar to, let's say, Adobe Animate. Link to comment Share on other sites More sharing options...
Mike018 Posted May 22, 2016 Share Posted May 22, 2016 Haven't used it yet, but Adobe is working on Adobe XD, currently free to use for Mac users. It's just for prototyping though, and you have limited animation options. As far as designing custom animations for production, there's nothing really. You could make the animations in After Effects, and reference them while coding. That's what a lot of the UX community does. The best library to use for UI animation is Greensock, although there's an annual fee in some cases. Link to comment Share on other sites More sharing options...
haden Posted May 23, 2016 Author Share Posted May 23, 2016 Thanks @Mike018, Adobe XD is interesting but looks more appropriate for mobile apps rather than games. In all my previous games I used to "prepare" the UI assets in Gimp, convert them to sprite atlases and then manually position and animate them in Phaser using tweens. I was looking for ways to do this in a tool and export the result to Phaser directly. Link to comment Share on other sites More sharing options...
Recommended Posts