Parallax effect is widely used in web design, which makes two-dimensional images with three-dimensional effect. This function is going to be used on my RCA group project for a comic about Precariat.

Here is an impressive example named Protanopia which uses parallax effect well:

The C# Script to realize it mainly uses transform.position with Input.mousePosition to interact.

Feb-23-2018 15-01-50.gif

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class parallaxEffect : MonoBehaviour {
    public float Margin;
    public float Layer;
    float x;
    float y;
    float Easing = 0.2f;
    Vector3 pos;
    void Start () {
        pos = transform.position;
    }
    
    void Update () {
        float targetX = Input.mousePosition.x – Screen.width / 2f;
        float dx = targetX – x;
        x += dx * Easing;
        float targetY = Input.mousePosition.y – Screen.height / 2f;
        float dy = targetY – y;
        y += dy * Easing;
        Vector3 direction = new Vector3(xy0f);
        Vector3 depth = new Vector3(0f0fLayer);
        this.transform.position = pos – direction/500f * Margin + depth;
    }
}

 

发表评论

Fill in your details below or click an icon to log in:

WordPress.com 徽标

You are commenting using your WordPress.com account. Log Out /  更改 )

Google+ photo

You are commenting using your Google+ account. Log Out /  更改 )

Twitter picture

You are commenting using your Twitter account. Log Out /  更改 )

Facebook photo

You are commenting using your Facebook account. Log Out /  更改 )

Connecting to %s