Как построить: 3D Canvas объекты и манипуляции - tylko.com

Question

Просто интересно, может ли кто-нибудь подсказать мне, как был построен этот сайт: https://tylko.com/shelf/bookshelves/

Я видел fabri c. js в использовании, но не уверен как go оттуда. Существуют ли какие-либо платформы или службы, которые могли бы помочь в создании этого, или это тяжелый проект по индивидуальной сборке?

Спасибо, Пол

Answer 1

Это было построено с использованием технологии под названием WebGL

На основании вашего вопроса я понимаю, что вы новичок в области 3D-графики, поэтому я очень рекомендую более высокий уровень под названием 'Three. js' https://threejs.org

Я рекомендую это, потому что использование WebGL с нуля - очень сложный опыт, а Three. js просто для сравнения.

Введение: https://threejsfundamentals.org/threejs/lessons/threejs-fundamentals.html

Если вы предпочитаете видео, я очень рекомендую этого парня, https://www.youtube.com/watch?v=8jP4xpga6yY

Здесь учебник, похожий на то, что вы ищете: https://tympanus.net/codrops/2019/09/17/how-to-build-a-color-customizer-app-for-a-3d-model-with-three-js/

Если вы ищете готовый: https://www.capterra.co.uk/software/156373/3d-source-product-configurator