Display Images on Buttons/One-Shots/Other Canvas Elements with Conditions
planned
ultracello
Description:
Allow the ability to display user-defined images on buttons, one-shots, or other canvas elements. These images can serve functional or aesthetic purposes and adapt based on conditions (e.g. plugin parameters, volume level, etc.).
Problem:
Currently, Loopy Pro allows some custom visuals (like text on buttons), but there is no built-in way to use actual images or image changes to reflect states, structure, or provide visual guidance. This limits customization and performance feedback.
Proposed Solution:
– Enable importing custom images (JPG, PNG, SVG/vector) for use on:
– Buttons
– One-shot triggers
– Canvas elements
– Conditional image changes based on clip/color/group/plugin parameter values:
– Use a different image
– Make image greyscale (e.g. when inactive/off)
– Add options for:
– Image only
– Text label only
– Text label over image
– Allow for example volume-dependent visuals (e.g. different cat images based on loudness)
– Enable images to be shown instead of text in
page switcher buttons
(e.g. a cat image for a page of cat sounds)– Support greyscale + overlay white tint when “OFF” for clarity
– Allow repositioning and scaling of image-based buttons
– Images should grey out when not in use (like text currently does)
– Add optional support for using images as chord references, song sections, reminders (e.g. as per guitar looping use cases)
– Ideal for live use: easy recognition and custom visual feedback
– Add toggle to
hide the page switcher bar
, so only image buttons on canvas are used instead– Add importable image-based canvas elements with font-size adjustability
– Support simple image widgets that act as action triggers
– Add fallback to default appearance if image is not defined
Benefits:
– Great for customizing layouts for live use, teaching, or creative performance
– Adds huge flexibility to the UI – from playful (cat buttons) to educational (chord reminders)
– Provides powerful conditional visual feedback
– Enhances accessibility for those relying on visual structure
– Fun and inspiring visuals to personalize each project
– Great for visual cues across complex multi-page setups
– Keeps screen clean by replacing redundant buttons with visual cues
This summary was automatically generated by ChatGPT-4 on April 30, 2025.
K
Klik
Yes please! :)
ultracello
Merged in a post:
Pictures
KonstanThyme Official
For a better overview and remembering certain chords, song structure or things alike, it would be nice to add pictures to the grid, maybe these even functioning as buttons, like simple text within Loopy Pro can.
ultracello
edited title:
"with conditions"
See comments below and feel free to add your ideas.
ultracello
Merged in a post:
Page Labels: use images
ultracello
You can set images instead of 1 character for page buttons to make page switching more personal / individual.
Example: a JPG with a cat for the page with all of your cat meow one shots 🙂
ultracello
Ideally allow us to use also
vector graphics
, which also behave in the same way, means that they do not pixelate when you drag them larger.broccoli in brooklyn
I'm willing to pay for this feature alone.
c
chris973
would be great to display chord grid, or even score
ultracello
depending on value x of clip/color/group/AUv3 plugin parameter xy an image can be changed to:
- use another image
- make image greyscale (good if a button should displayed as being off)
Example for
USE ANOTHER IMAGE
: a not so loud volume of a cat meow one-shot sample shows an JPG with a baby cat. A medium volume shows a JPG with a bunch of cats. Loudest volume shows a JPG with a tiger.Example for
MAKE IMAGE GREYSCALE
: You have a button for reverb on/off. When ON the JPG is normal colored. When OFF the JPG is black-white (and ideally it also get automatically +20% of white color or so on top of it to look bit more greyed out – so that the difference is really visible immediately).ultracello
Once "set images on widgets" are possible it would be ideal if you could hide the bar with the page buttons. Instead I would prefer to use buttons with placeholder text as page changes. Goal: https://roadmap.loopypro.com/feature-requests/p/hide-header-and-footer-option
KLIM
I'd like to use it for keeping guitar chord references for each song. Guitar isn't my main instrument so I don't have all of them down in my head.
Load More
→