Figma UI Looping and Scrolling Texture Squad Busters x Dungeon Ballerz

Subscribers:
3,720
Published on ● Video Link: https://www.youtube.com/watch?v=iTvfOQ4ru_M



Duration: 33:50
1,875 views
93


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!
   / @dungeonballerz  
https://www.instagram.com/dungeonballerz
https://discord.gg/YaHWY6UX

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


--
Disclaimer
Any Squad Buster art is copyright of Supercell and is only used for tutorial purposes.




Other Videos By Warren Winters


2025-02-14U+I - the Cozy UI Club | A hub for designers, developers and creatives who share a passion for UI.
2025-02-12Figma Game UI Design Ghost HQ UI Tutorial in Figma – Tips & Insights
2025-02-04Figma Game UI - GHOST HQ Mobile Game Button Design with Figma Variants and Prototyping
2025-02-01Figma Game UI - Easy Animated Call To Action for Your Game UI Prototype - Figma Variants
2025-01-22Figma to Unity Game UI Tutorial Part 2 | Skinning Wireframes & Art Implementation
2025-01-22Game UI Wireframing in Procreate & Figma Tutorial Part 1 | Daily Task Screen Design
2025-01-22Unity Game UI Tutorial Part 3 | Art Pass, UI Testing & Final Thoughts
2025-01-07⚡️Creating a ‘Drink a Mana Potion’ Speed Drawing in Procreate #procreate #gameart #art #procreateart
2024-07-11Figma UI Looping and Scrolling Texture Squad Busters x Dungeon Ballerz
2024-03-27Clash Mini Figma Game UI Tutorial #figma #gameshorts #ui
2024-03-25This UI was harder than it should have been! Figma Game UI Clash Mini Tutorial
2024-03-15Figma Game UI - Clash Mini Game User Interface Speed Build
2024-03-01This Figma Plugin Just Changed the UI Game - Forever? #figmadesign #figmaplugin #ui #figma
2024-02-29This Figma Plugin Just Changed the UI Game - Forever?
2024-02-08Figma Game UI - Gardenscapes Game UI Tutorial
2024-02-06Figma Game UI - Gardenscape Game UI Speed Build
2023-12-01Game UI Tutorial - New World UI Amazon Games Photoshop UI Tutorial
2023-11-24Game UI - New World Game UI Amazon Games Photoshop UI Tutorial
2023-11-17Figma UI Quickly Add Multiple Images to Objects #figma #figmatutorial #ui #figmatips
2023-11-16Figma UI - Marvel Snap Game UI Tutorial
2023-11-14Figma Game UI Royal Match Game UI Tutorial



Tags:
squadbusters game ui
squad busters
supercell game
supercell
figma
figma game ui
user interface tutorial
figma ui tutorial
dungeon ballerz
figma tutorial
Figma scrolling texture
figma looping texture
game ui tutorial
gamedevelopment
indiegame
indiegamedevelopment