Easy UI button!

[richop88]

Hi,

I've made a pretty simple button script, it's not perfect so I'm looking for feedback on ways to improve or make it function slightly better. Just whack it on a cube in Unity with box collier with the trigger bool on and you have a super simple button.

using UnityEngine;
using System.Collections;
using Leap;

public class OnTrigger : MonoBehaviour {

// Use this for initialization
public GameObject squeeze;
public AudioClip[] audioClip;
public Color colorStart = Color.green;
public Color colorEnd = Color.red;
public float dur = 3.0f;
public Renderer rend;

public float scale = 0f;

float countDown = 10.0f;

void OnTriggerEnter () 
{
	squeeze.transform.localScale += new Vector3 (0,0.01f,0); 
	FadeColor ();
	PlaySound (0);
}

void OnTriggerExit () 
{
	rend.material.color = colorStart;
	squeeze.transform.localScale -= new Vector3 (0,0.01f,0); 
}

void PlaySound (int clip)
{
	AudioSource audio = GetComponent<AudioSource> ();
	audio.clip = audioClip[clip];
	audio.Play ();
}

void FadeColor ()
{		
	float lerp = Mathf.PingPong (Time.time, dur) / dur;
	rend.material.color = Color.Lerp (colorStart, colorEnd, lerp);
}

}

The idea was to fade the color with lerp from start to end while your hand is over the button and also animate the scale of the button to give some extra feedback. It's not entirely perfect so any heads up on how to improve this would be more than welcomed.

My aim is to make some super simple assets for people to get going with in Orion as it feels the change has shaken some people. And being a newbee myself I think I find some of the larger scripts harder to deconstruct, so I reckon some simpler style 'taster' scripts and some youtube tuts could be really beneficial to people starting out.

[Guardiandota]

Great! Thanks for your contribution! I will add your topic to the list of contributions that will be useful for newbies like me: https://community.leapmotion.com/t/c-orion-tutorials/4977

Good luck with in future development!

[SarahKay]

Yes its works !!!Can we have three or more colors in the same button ? but it's Amazing ! thankyou !!

[richop88]

Yes its works !!!Can we have three or more colors in the same button ? but it's Amazing ! thankyou !!

Yeah of course take out the fadeColor() part on Tigger Enter, define another Colour variable and make a new loop with OnTriggerStay() and put the next color you define, so say your new color Variable was:

public Color colorMiddle = Color.blue; // New Color Variable

void OnTriggerEnter () 
{
squeeze.transform.localScale += new Vector3 (0,0.01f,0); 
rend.material.color = colorStart; // Swapped from FadeColor()
PlaySound (0);
}

void OnTriggerStay () 
{
rend.material.color = colorMiddle; // New Color
}

Again super quick and dirty but hopefully you get the idea that you can put more colors in there.

Great! Thanks for your contribution! I will add your topic to the list of contributions that will be useful for newbies like me:

That's really nice to hear it's of use, I'm not sure it's quite 'there' yet, I feel it's rather primitive at the moment and could be extended quite easily, either with the use of a timer or Co-routine to test how long the hand has been in/over the button and if it's over a certain amount of time then trigger a scene change or menu selection.

[richop88]

Here's a much better version:

using System.Collections;
using UnityEngine.Events;
using Leap;

public class EasyButton : MonoBehaviour {

public GameObject squeeze;
public AudioClip[] audioClip;
public Color colorStart = Color.red;
public Color colorEnd = Color.blue;
public float lerpDur = 3.0f;
public Renderer rend;

public UnityEvent OnCounter;

float countDown = 2.0f; // This doesn't work yet

void OnCollisionEnter (Collision other) 
{
	if (other.gameObject.tag == "Pointer") // tag Index bone 3 on each RigidRoundhands
	{
		Counter (); // Start Counter
		squeeze.transform.localScale -= new Vector3 (0f,0.05f,0.05f); 
		//FadeColor ();
		//PlaySound (0);
		rend.material.color = colorEnd;
	}
}

void OnCollisionExit (Collision other) 
{
	if (other.gameObject.tag == "Pointer") 
	{
		rend.material.color = colorStart;
		squeeze.transform.localScale += new Vector3 (0f, 0.05f, 0.05f);
		// countDown = 2.0f; // CountDown needs to be reset when hand is not colliding, putting here
		//causes erratic behaviour
	}
}

void Counter()
{
	countDown -= Time.deltaTime;
	Debug.Log (countDown);
	if (countDown < 0) 
	{
		countDown = 2.0f;
		OnCounter.Invoke(); //Do Some stuffle
	}
}

void PlaySound (int clip)
{
	AudioSource audio = GetComponent<AudioSource> ();
	audio.clip = audioClip[clip];
	audio.Play ();
}

void FadeColor ()
{		
	float lerp = Mathf.PingPong (Time.time, lerpDur) / lerpDur;
	rend.material.color = Color.Lerp (colorStart, colorEnd, lerp);
}
}

I've used OnCollision and a tag called "Pointer" to be attached any part of the hand, I've used Bone 3 on the index of each finger. And the box needs to have a rigidbody, before I finish it I'll chuck in that requireComponent of type so you don't have to put your own on.

I just need to sort out one issue with the countdown part, then it should be a fairly easy functioning button!

[mindroomlab]

How can I import and use this button in Unity?
What are the steps? Thanks