How to solve this border bug?

Question

css

The essence of the question is this: I have a scene (2d), on it is a frame + a cube inside it. The cube can move (there is no gravity). The cube has colliders and a rigidbody, the frame is just a collider. When I hold down the move down button and the cube reaches the frame, it does not completely stop, but starts to "twitch" trying to pass through this frame. Is there any way to solve this problem? I tried to check the coordinates of the cube to prevent it from going that far, but if the border changes, then the code will stop working normally. Can you please describe in detail the easiest way to solve it? (I'm new to Unity, don't judge too harshly). If needed, I can add more.

Answer 1

As an option - clip-path
example
generator
Here's what else I got

Answer 2

why troubles? at the top we have a cropped picture. You raise the bottom block up through a negative margin. To this block you throw a white triangle on before

Answer 3

Alternatively https://jsfiddle.net/joomla/cn0rq8bL/
But svg is better

Answer 4

We draw a block in PS with the same angle, export it to svg, set a background for before/after to the next/current block. If the option does not fit, you need to know why it does not fit and watch the design in its entirety.

Answer 5

Да убрать убрать угол у картинки не составит труда, хотелось бы как то так блок сверстать. Чтобы без заморочек с картинками с админки выводить. В оригинале там еще один блок наложен, тоже не стандартный. Вот и не знаю с какой стороны подойти

Answer 6

Попробуй верхнему блоку задний фон изображением задать