[2D] Creating a snap-on-Grid effect

Fe0dor · August 9, 2020, 9:51am

Hi,

So I am creating an UI wich lets the user push blocks around a grid.
For that I want to create an effect that if you hover a block over the Grid and release the mouse it automatically snaps to the next free spot.
Im new to Unitys UI system and dont know of theres a tool for it and if there isnt, has anyone an idea to share?
thanks

Kaiymu_1 · August 10, 2020, 2:06pm

Hello Feodor,

I don’t know if that would help but on the last Unity UIToolkit project you can see how they handle Drag’n’drop with UI element to 2D / 3D scene.

The project is available there :

And the script I’m talking about is this one

github.com

Unity-Technologies/UIToolkitUnityRoyaleRuntimeDemo/blob/master/Assets/Scripts/Managers/CardManager.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Events;
using DG.Tweening;
using UnityEngine.UIElements;
using System;

namespace UnityRoyale
{
    public class CardManager : MonoBehaviour
    {
        // Prefab properties
        [SerializeField] private Camera mainCamera = default;
        [SerializeField] private LayerMask playingFieldMask = default;
        [SerializeField] private VisualTreeAsset visualTreeCard = default;
        [SerializeField] private UIManager uiManager = default;
        [SerializeField] private DeckData playersDeck = default;
        [SerializeField] private MeshRenderer forbiddenAreaRenderer = default;

This file has been truncated. show original

You can see the method “CardDragged” that does that.

I don’t know if that helps?

Have a great day.

Fe0dor · September 7, 2020, 7:36pm

Thanks I’ll take a look at it