Shulou(Shulou.com)06/03 Report--

Editor to share with you how the UnityUI or 3D scene to follow the mobile phone gyroscope sloshing effect, I believe that most people do not know much, so share this article for your reference, I hope you can learn a lot after reading this article, let's learn about it!

Demand

When the game displays 3D scenes and their UI. When the player shakes the phone left and right, the UI interface will shift from left to right. As you move up and down, the 3D scene shifts up and down with it. When the phone stops shaking, if the UI or scene is offset, it will automatically return to the original default position after pausing for a while.

Analysis.

First of all, the function of this article deals with horizontal-screen games (if the vertical-screen games are pretty much the same, let's expand them). Suppose that when we pick up the phone to play the game, the phone will have four parts, namely, the left-hand side held by the left hand and the right side held by the right hand. as well as the top and bottom of the screen content (described below with the left-hand side, the right-hand side, the top and the bottom). The tilt of each part will cause the offset effect of UI or scene.

We can first use an enumeration to define the tilt of these four parts.

Public enum EGyroType {NoRotate,// does not rotate the bottom of the ToUp,// phone tilts upward, the bottom of the ToDown,// phone tilts down, the left hand of ToLeft,// is tilted downward, the right hand of ToRight,// is tilted downward}

Then we can use some attributes of Unity's gyroscope interface Input.gyro to determine the tilt state of the current phone. Gyroscope has the following attributes:

I use the attributes enabled and gravity. Enabled is used to turn on or off the gyroscope function, while gravity returns a Vector3 variable. The corresponding return value is displayed on the android phone by printing Log (horizontal screen game, recording the gravity value of a non-specific angle in a certain case):

When the phone is placed horizontally on the table across the screen, the return value is: (0.0,0.0,-1.0)

Tilt up and down:

When the bottom of the phone tilts upward, the return value of an angle (the rotation angle is less than 90 degrees) is: (0.0,0.4,-0.9). If the angle is larger, the content of the screen will be flipped.

When the bottom of the phone is tilted downward, the return value of an angle (rotation angle less than 90 degrees) is: (0.0,-0.5,-0.9), when the rotation angle is 90 degrees: (0.0,-1.0, 0.0), when the rotation angle is 90 degrees to 180 degrees: (0.0,-0.8, 0.6), when 180 degrees, the screen is facing down: (0.0, 0.0, 1.0) If the angle is a little larger: (0.0, 0.3, 0.9), until the screen content is flipped over.

We can find out

1. When z

< 0 , y >

0: when the value of y increases, it is ToUp, and when it decreases, it is ToDown.

two。 When z

< 0 , y < 0：当y的值变大则为ToUp，变小则为ToDown 3.当 z >

0, y

< 0：当y的值变大则为ToDown，变小则为ToUp 4.当 z >

0, y > 0: when the value of y increases, it is ToDown, and when it decreases, it is ToUp.

5. When z 0, it is ToDown, otherwise it is ToUp

The first four can be summed up as when z

< 0，y的值变大则为ToUp，变小则为ToDown。当 z >

When the value of 0Perry y increases, it is ToDown, and when it decreases, it is ToUp.

Tilt left and right:

When the left-hand side of the phone is tilted downward, the return value of an angle (rotation angle less than 90 degrees) is: (- 0.2,0.0,-1.0), when the rotation angle is 90 degrees: (- 1.0,0.0,0.0), and when the rotation angle is between 90 degrees and 180 degrees: (- 0.6,0.0,0.8)

When the right hand side of the phone is tilted downward, the return value of an angle (rotation angle less than 90 degrees) is (0.6,0.0,-0.8), when the rotation angle is 90 degrees: (1.0,0.0,0.0), and when the rotation angle is between 90 degrees and 180 degrees: (0.8,0.0,0.5).

It can be concluded that

1. When z

< 0 , x < 0：当x的值变小则为ToLeft，变大则为ToRight 2.当 z >

0, x

< 0：当x的值变大则为ToLeft，变小则为ToRight 3.当 z 0：当x的值变大则为ToRight，变小则为ToLeft 4.当 z >

0, x > 0: when the value of x becomes smaller, it is ToRight, and when it becomes larger, it is ToLeft.

That is, when z

< 0，x的值变小则为ToLeft，变大则为ToRight。当 z >

The larger the value of 0Perry x is ToLeft, and the smaller the value is ToRight.

5. When z

< 0 变为z >

0, if x

< 0 则为ToLeft，否则则为ToRight 6.当 z >

0 becomes z 0 & & mLastLandscapeGyroValue.y > 0) {/ / when z > 0, the value of x becomes ToLeft when it increases, and ToRight if (mCurrentLandscapeGyroValue.x) when it decreases.

< mLastLandscapeGyroValue.x) { LandscapeEGyroType = EGyroType.ToRight; } else { LandscapeEGyroType = EGyroType.ToLeft; } } else { if (mCurrentLandscapeGyroValue.y < mLastLandscapeGyroValue.y) { //当 z < 0 变为 z >

0, if x

< 0 则为ToLeft，否则则为ToRight if (mCurrentLandscapeGyroValue.x >

0) {LandscapeEGyroType = EGyroType.ToLeft;} else {LandscapeEGyroType = EGyroType.ToRight;}} else {/ / when z > 0 becomes z 0 & & mLastPortraitGyroValue.y > 0) {/ / when z > 0, the value of ToDown becomes ToDown, and when z > 0 becomes smaller, it is ToUp if (mCurrentPortraitGyroValue.x

< mLastPortraitGyroValue.x) { PortraitEGyroType = EGyroType.ToUp; } else { PortraitEGyroType = EGyroType.ToDown; } } else { //当 z 0，则为ToDown，反之则为ToUp if (mCurrentPortraitGyroValue.y < mLastPortraitGyroValue.y) { //>

0 change mMinSpeed) {mBackSpeed = Mathf.Max (mBackSpeed-Speed * mDeltaTime, mMinSpeed);} return mBackSpeed;}} float mMinSpeed;// minimum Speed float mDeltaTime;//Time.deltaTime bool mIsLandScape;// detects whether the phone rotates horizontally or vertically bool mIsResetBackProperty = false; / / initializes the assignment public void Init (float maxValue, float defaultValue, float speed, float duringTime, bool isLandscape, Action action) {MaxValue = maxValue; DefaultValue = defaultValue; Speed = speed; DuringTime = duringTime; mMinSpeed = Speed * 0.2f; mCurrentValue = DefaultValue MIsLandScape = isLandscape; if (mIsLandScape) {mManager.LandscapeTransToDefault + = TransToDefault; mManager.LandscapeTransToAdd + = TransToAdd; mManager.LandscapeTransToReduce + = TransToReduce;} else {mManager.PortraitTransToDefault + = TransToDefault; mManager.PortraitTransToAdd + = TransToAdd; mManager.PortraitTransToReduce + = TransToReduce;} ValueChanged = action;} / / event clear public void Clear () {if (mIsLandScape) {mManager.LandscapeTransToDefault-= TransToDefault; mManager.LandscapeTransToAdd-= TransToAdd; mManager.LandscapeTransToReduce-= TransToReduce;} else {mManager.PortraitTransToDefault-= TransToDefault; mManager.PortraitTransToAdd-= TransToAdd; mManager.PortraitTransToReduce-= TransToReduce }} / / reset the springback parameter void ResetBackProperty () {if (! mIsResetBackProperty) {mIsResetBackProperty = true; mBackSpeed = Speed * 0.8f; mCurrentDuringTime = 0;}} / / when the phone does not turn, decelerate and rebound to the default position void TransToDefault () {mIsResetBackProperty = false; mDeltaTime = Time.deltaTime; mCurrentDuringTime + = mDeltaTime; if (mCurrentDuringTime > 1) {ValueToDefault (); ValueChanged?.Invoke (mCurrentValue) } / / offset increases void TransToAdd (int difference) {ResetBackProperty (); ValueAddSpeed (difference); ValueChanged?.Invoke (mCurrentValue);} / / offset decreases void TransToReduce (int difference) {ResetBackProperty (); ValueReduceSpeed (difference); ValueChanged?.Invoke (mCurrentValue);} void ValueToDefault () {if (mCurrentValue > DefaultValue) {mCurrentValue = Mathf.Max (mCurrentValue-BackSpeed * mDeltaTime, DefaultValue);} else if (mCurrentValue)

< DefaultValue) { mCurrentValue = Mathf.Min(mCurrentValue + BackSpeed * mDeltaTime, DefaultValue); } } void ValueAddSpeed(int difference) { if (mCurrentValue < DefaultValue + MaxValue) { mCurrentValue = Mathf.Min(mCurrentValue + Speed * mDeltaTime * difference, DefaultValue + MaxValue); } } void ValueReduceSpeed(int difference) { if (mCurrentValue >

DefaultValue-MaxValue) {mCurrentValue = Mathf.Max (mCurrentValue-Speed * mDeltaTime * difference, DefaultValue-MaxValue);}

Use

For example, our 3D scene will shift up and down with the vertical rotation of the phone, and we can do this by rotating the x-axis of the camera. we just need to write a simple script to mount it on the camera.

Public class CameraGyro: MonoBehaviour {public GyroManager mManager; Transform mTransform; Vector3 mCameraAngle; GyroBase mGyroBase; void Start () {mTransform = transform; mCameraAngle = Vector3.zero; mGyroBase = new GyroBase (); mGyroBase.mManager = mManager; mGyroBase.Init (5,0,5,1, false, Change);} void Change (float value) {mCameraAngle.x = value; mTransform.localEulerAngles = mCameraAngle;}}

Because not all the UI of our UI scene will rotate with the horizontal flip of the phone, it cannot be solved directly through the camera. Instead, we need to move the UI part that needs to be offset, so we can write a component that is only mounted on the UI part that needs to be offset.

Public class UIGyro: MonoBehaviour {public GyroManager mManager; void Start () {GyroBase mGyroBase = new GyroBase (); mGyroBase.mManager = mManager; mGyroBase.Init (80, transform.localPosition.x, 80,1, true, Change);} void Change (float value) {transform.localPosition = new Vector3 (value, transform.localPosition.y);}}

In this way, the desired effect has been achieved.

These are all the contents of the article "how to follow the shaking effect of a mobile gyroscope in a UnityUI or 3D scene". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.