Как подобное можно сверстать?

Question

[Данил Доценко]

https://magiclab.co/

Если нажать на объект, им можно управлять. Как подобное можно разработать?

Comments

[Антон Литвиненко]

Он ещё и гироскоп поддерживает

Answer 1

[Danny Arty]

Если только управлять объектом, то Drag'n'Drop
Можно почитать тут

Comments

[Данил Доценко]

спасибо за источник, но хочется узнать, как и с физикой это делать

[Danny Arty]

Данил Доценко, для этого можно использовать matter.js

Answer 2

[Gennady S]

Самостоятельно вряд ли напишете, берите любой физический движок и разбирайтесь с ним, например: https://github.com/wellcaffeinated/PhysicsJS или https://brm.io/matter-js/ — там есть демки с подобной функциональностью. Вес решений не берусь оценивать, думаю, можно найти и более минималистичные или позволяющие дробить функционал.

Answer 3

[hzzzzl]

это не верстать, это кодить

у них pixi.js на сайте, вот пример из "документации" пикси, где две фигуры взаимодействуют между собой и имеют физику
https://pixijs.io/examples/#/demos-advanced/collis...

Comments

[profesor08]

Однако я сумел зажать зеленый в углу xD.

Это очень простой пример, который будет работать только для параллелепипедов.

Answer 4

[Александр]

Для этого нужно использовать canvas. На js с блокаи это будет лагать по страшному. Вот пример как делается физика https://www.youtube.com/watch?v=F9LUPoH400M