Make a "Blinking/Moving/Animating" GUI

Question

Hi, what I mean by "blinking" is that I want that a GUI button appears on the screen showing the spacebar being pressed and unpressed, showing that the player has to tap the spacebar very fast. How could I make it so that a GUI change itself with other so that an "animation" occurs?

Answer 1

Wiki

Answer by Professor Snake · Mar 29, 2013 at 06:35 AM

You can use a MovieTexture in a GUI.DrawTexture function and call myTexture.Play() to make it play. Alternatively, you can have an array with all the keyframes and use something like this

 var keyframePointer:int=0;
 var delay:float=0.1;
 var timePointer:float=0;
 var myKeyframes:Texture2D[];
 function OnGUI(){
 if(showTexture){
 GUI.DrawTexture(myRect,myKeyframes[keyframePointer];
  if(timePointer<Time.time){
     keyframePointer++;
     timePointer=Time.time+delay;
   }
 }
 }

Add comment · Show 5 · Share

Professor Snake · Mar 29, 2013 at 06:37 AM 0

Share

I apologise for not being able to format the code properly. Doing so on mobile is a pain.

Orloffyeah · Mar 29, 2013 at 05:40 PM 0

Share

Thanks for the quick response, but in a part of the code you worte %, is i used for something or is it a mistake?

Professor Snake · Mar 30, 2013 at 04:32 AM 0

Share

It is the operator for the remainder of the division (although now that you mention it, $$anonymous$$athf.Floor(Time.time-startTime+1) might be better than just (Time.time-startTime)). The idea behind it is this: We want to have a number that keeps increasing until it reaches array.length-1, after which point it should return to 0. Let's assume that your array has 5 keyframes, and you call the ShowTexture function when Time.time=10 (whick makes startTime=10). At that time, (Time.time-startTime+1) will have a value of 1, which makes the remainder of the division 1/5 be 1. In the next second, it will be 2 etc etc. When Time.time reaches 14, (Time.time-startTime+1) will have a value of 5. 5%5 equals 0. So, (Time.time-startTime+1) will go up to 5 and return to 0 every 5 frames. The +1 there is added to prevent a division with 0.

Professor Snake · Mar 30, 2013 at 04:39 AM 0

Share

Of course, this is a somewhat complex way of incrementing the value. Here is a more simple way that also has a delay variable:

 var keyframePointer:int=0;
 var delay:float=0.1;
 var timePointer:float=0;
 var my$$anonymous$$eyframes:Tezture2D[];
 function OnGUI(){
 if(showTexture){
 GUI.DrawTexture(myRect,my$$anonymous$$eyframes[keyframePointer];
  if(timePointer<Time.time){
     keyframePointer++;
     timePointer=Time.time+delay;
   }
 }
 }

Edit: Updated my answer with this piece of code ins$$anonymous$$d of the other one.

Orloffyeah · Mar 30, 2013 at 03:33 PM 0

Share

Thanks for all the time that you put into explaining this to me, I already tested it and it works! I really appreciate that you explained every bit and in a very detailed way. Thanks once again and have a nice day.

Make a "Blinking/Moving/Animating" GUI

1 Reply

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions