Код и инструкция для вставки 3d-модели по фото в Тильду


  1. Загружаем в https://www.meshy.ai/ фото и создаем модельку по фото
  2. Загружаем ее на https://github.com/ или другой хостинг способный хранить модели и выдавать на них прямые ссылки
  3. Идем в https://modelviewer.dev/, загружаем туда нашу модель и формируем сцену с нужной нам анимацией.
  4. Идем на Тильду и вставляем вот этот код в Блок T-123
  5. В коде из modelvewer заменяет локальную ссылку на модель на ссылку из github, чтобы код работал
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

КОД ИЗ modelviewer

<script>
const model = document.getElementById('kia-cover-model');

window.addEventListener('pointerup', () => {
if (model) {
model.autoRotate = false;
setTimeout(() => {
model.autoRotate = true;
}, 10);
}
});
</script>
Как работает
Внимание: в коде есть настройки для того, чтобы после каждой попытки покрутить модельку она сноваа начинала сразу крутиться.
Такие модельки обычно очень тяжелые.
Made on
Tilda