Here’s my experience’s “piano roll” UI, which slides up onto the screen when sitting in a “MusicSeat” (seat part with specific atttributes). Its keyboard layout is based on OpenMPT’s defaults (each octave goes across a row on a QWERTY keyboard) and as a result, there’s no awkward “hold shift to play a sharp note” stuff like what Royale High’s piano makes you do. (There’s also no delay between pressing a key and hearing the note since it’s partially client-side, but that’s off-topic here.)
I think I’ve outdone myself with how I made the piano keys look here; Nothing you’re seeing here is using images; It’s all UIGradient, UIStroke, and UICorner instances!
Why risk moderation when you can just make a detailed UI inside of Studio, after all?
Recently came back into ROBLOX to create a horror game so I can pay off some debt, and my new favorite thing is to animate and create UI so far and this is what I’ve made for a new up and coming game.
It’s not anything detailed, but I’ve programmed tooltips into my experience. If any Gui element has a Tooltip attribute, a script that uses RenderStepped detects when it’s being hovered over, and shows the tooltip with its text inside it. Any text meant for it is expected to use <br/> for line breaks because TextService isn’t given any bounds so I have more control over that.
Also, to reduce work done on every frame, tooltips are only updated ever ¼ of a second. This would look choppy, so a tween is used to disguise that.
Here’s a video of the new tooltips! It shows how they animate appearing/disappearing, and even how they shift to the other side of where my cursor would be as I move near the bottom-right corner of the game window.
It looks really nice and I like how the tooltips are smooth. It looks like the old UI style which was used back in the day. Your UI is pretty unique and it’s really nice!
Aw, thank you! When I think of tooltips, I can only think of the classic yellow Windows tooltips, so that’s what they’re based on, but with my game’s rounded and cute styling.
It is really good to hear that my experience’s UI style is unique; A lot of Roblox games (usually when they’re in a specific genre) tend to have very similar UI styles. Like, some simulators have UIs that look like they were made by the same designer, and any One Piece/Blox Fruits-like game has the status, moves, and notifications in the same areas of the screen.
While I’m viewing this topic, here’s something else that I made today (entirely in Studio as usual for me), a keyboard’s QWERTY section. If it’s used, it’ll show the player what keys play notes on instruments in my experience. (Yes, there’ll be multiple layouts.)
“Page 1” and “Page 2” are placeholders, which would be replaced by the musical note names that would be played by those keys. There’s two pages so I can dedicate more rows to octaves, letting the player press a specific key to swap between the lower and higher octaves. I’m getting off-topic, though.
