Я хотел бы построить что-то вроде здесь> https://www.jamesallen.com/engagement-rings/solitaire/14k-gold-two-tone-22mm-comfort-fit-solitaire-engagement-ring-item-64340
Я вижу, что он использует реаги 360, но я точно не знаю, как это сделать.
Я могу заставить работать 360 панорамных снимков, но я не уверен, как им удалось заставить это изображение вращаться таким образом.
Кто-нибудь есть совет о том, как это сделать.
Спасибо
Я попробовал это, но я думаю, это не то, что я ищу.
function init(bundle, parent, options = {}) {
const r360 = new ReactInstance(bundle, parent, {
// Add custom options here
fullScreen: true,
...options,
});
// Render your app content to the default cylinder surface
r360.renderToSurface(
r360.createRoot('Hello360', { /* initial props */ }),
r360.getDefaultSurface()
);
// Load the initial environment
r360.compositor.setBackground(r360.getAssetURL('360_world.jpg'));
}
window.React360 = {init};```