Author Topic: Karaoke Implementation  (Read 3941 times)

bumblebee

  • Newbie
  • *
  • Thank You
  • -Given: 3
  • -Receive: 2
  • Posts: 6
    • View Profile
Karaoke Implementation
« on: August 13, 2014, 07:46:03 AM »
I have a task implementing Karaoke for a song and I need to it to look exactly like here: https://www.youtube.com/watch?v=Cgdes6lFjzM

Any idea of how this effect of partial label coloring can be accomplished?

ArenMook

  • Administrator
  • Hero Member
  • *****
  • Thank You
  • -Given: 337
  • -Receive: 1171
  • Posts: 22,128
  • Toronto, Canada
    • View Profile
Re: Karaoke Implementation
« Reply #1 on: August 13, 2014, 08:11:36 AM »
You can change color in front of letters by inserting a color tag (like [ff0000]), however you can't insert a color tag in the middle of the letter like it does in the video. If you need it *exactly* like that, then you need to create a custom widget for that.

bumblebee

  • Newbie
  • *
  • Thank You
  • -Given: 3
  • -Receive: 2
  • Posts: 6
    • View Profile
Re: Karaoke Implementation
« Reply #2 on: August 13, 2014, 09:11:04 AM »
What would you suggest, creating a custom shader of alpha mask somehow?

ArenMook

  • Administrator
  • Hero Member
  • *****
  • Thank You
  • -Given: 337
  • -Receive: 1171
  • Posts: 22,128
  • Toronto, Canada
    • View Profile
Re: Karaoke Implementation
« Reply #3 on: August 14, 2014, 06:47:49 AM »
Easiest thing would likely be just to overlay two identical labels on top of each other. One one color, and another the other color. Then add a background-colored sprite in-between of them that would cover one of them. Then you would move this sprite, covering one widget, thus visibly changing the color of the one remaining. Alternative is more difficult and involves a lot of coding.

bumblebee

  • Newbie
  • *
  • Thank You
  • -Given: 3
  • -Receive: 2
  • Posts: 6
    • View Profile
Re: Karaoke Implementation
« Reply #4 on: August 14, 2014, 10:11:51 AM »
Thank's just doing it with UIPanel with alpha clipping.