Как реализовать вот такой функционал прокрутки панорамы на canvas?

Question

[Odinokun]

Всем привет.
Подскажите плз, что необходимо для реализации вот такой панорамы на канвасе?
wizio.co.uk/projects/cy/kensington/tbr

Для того что бы при клике выделались дома и все это было в 3Д необходим канвас с какими-то определенными параметрами?
Я до этого сталкивался с такими вещами только на свг, там где при ховере/клике задаешь определенные свойства для path по которому кликнули

Comments

[Владислав]

Я не спец в таких вещах, и ни разу с ними не работал

Но хотел бы обратить ваше внимание на исходники, они не минифицированы. Там полностью React.JS приложение)
В static/js видел компоненты.

[Odinokun]

Владислав Савченко, да, я тоже это заметил. =)
Меня больше интересует какие свойства должны быть у самого канваса, что бы я смог с ним взаимодействовать.

[Владислав]

Дмитрий, вы пишете про 3D

На сайте, как я понял, используется 2D
Это я заключаю из картинок строений и использовании https://createjs.com/docs/easeljs/modules/EaselJS.html


canvas на сайте управляется минимум библиотеками:
https://hammerjs.github.io/, https://createjs.com/docs/easeljs/modules/EaselJS.html

Если 3d, то как я понял, это https://threejs.org/

Хотя, вы наверняка и все это знаете уже. Я не понял, чем могу, если смогу, помочь)

[Владислав]

Нашел про прокрутку в Three.js
https://tympanus.net/codrops/2022/01/05/crafting-s...
https://fireship.io/snippets/threejs-scrollbar-ani...