Создание вращающегося на 360 градусов изображения с интерактивностью - PullRequest
0 голосов
/ 05 апреля 2019

Я хотел бы построить что-то вроде здесь> 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};```

1 Ответ

0 голосов
/ 07 июня 2019

Я еще не использовал React 360, но сделал что-то очень похожее с плагином " jQuery Reel js ", созданным pisi. Я нашел его очень интуитивно понятным и легко изменить его настройки.

...