How to make a menu like this?

How to make a menu like this?

i want to get the chess tile working, the GUI buttons doesnt matter.

i tried it with Cubes without colliders, Materials and for loops, but i cant get it working right…

using System.Collections;

public class MenuScript : MonoBehaviour {
	
	int gridx = 32;
	int gridy = 32;
	
	public GameObject[] Cubes;
	
	// Use this for initialization
	void Start () {
	
	}
	
	// Update is called once per frame
	void Update () {
		GridController();
	}
	
	void GridController()
	{
		int count = 0;
		bool didchange = false;
		
		for(int x = 0; x < gridx; x++){
			if(count == 1 && !didchange){
				count = 0;
				didchange = true;
			}
			
			if(count == 0 && !didchange){
				count = 1;
				didchange = true;
			}
			
			for(int y = 0; y < gridy; y++){	
				if(count == 1 && !didchange){
					count = 0;
					didchange = true;
				}
				
				if(count == 0 && !didchange){
					count = 1;
					didchange = true;
				}
				
				Instantiate (Cubes[count], new Vector3(x, y, 0), Quaternion.identity);
				
				didchange = false;
			}
		}
	}
}

The background in this video was likely done by animating a texture rather than creating a grid of cubes.

  • Create a plane, rotate it -90 to face the camera, and size it larger than the game window but with an aspect ratio of 1:1. Try a size of (2,2,2).
  • Create a new material, select Unlit/Texture for the shader, and set the x and y tiling to 50,50, and attach the image below as the texture for the material.
  • Attach the following script:

#pragma strict

var scrollXSpeed : float = 0.2;
var scrollYSpeed : float = 0.5;

function Update () {
    var offsetX: float = Time.time * scrollXSpeed;
    var offsetY: float = Time.time * scrollYSpeed;
    renderer.material.SetTextureOffset ("_MainTex", Vector2(offsetX,offsetY));
}

12881-grid.png