Figma UI Looping and Scrolling Texture Squad Busters x Dungeon Ballerz
☕ If you enjoy my work and want to see more, consider buying me a coffee, every bit helps keep this going!
https://buymeacoffee.com/warrenwinters
✉️ Join my UI/UX Weekly + Early Access to New UI Kits Newsletter
http://eepurl.com/js5QII
We're going to be taking a look at a really cool scrolling and looping UI effect that I've seen more recently in the new Supercell game Squad Busters. Walking through how to achieve this elusive effect, ironing out the kinks within Figma and matching up with Squad Busters but also applying it to an indie game I am working on called Dungeon Ballerz, we also get a sneak peek of the MVP build that we've been working, exciting times!
If you are interested in becoming a play tester and you have an Android device please let me know in the comments below.
Join Dungeon Ballerz on our social channels!
/ channel
/ dungeonballerz
/ discord
Timestamps:
00:00 Brief Intro
03:00 Button Setup
07:20 Components & Variants
08:50 Looping Texture
11:27 Interactions
15:30 Troubleshooting
16:40 Diagonal Looping
21:00 Applying Scroll to Dungeon Ballerz
26:00 Tweening the Button on and off the Screen
27:30 Dungeon Ballerz MVP in Unity
31:00 Final Thoughts
We’re building a welcoming space where ideas flow, skills grow, and connections happen.
--
Disclaimer
Any Squad Buster art is copyright of Supercell and is only used for tutorial purposes.