Какие существуют технологии для интеграции 3D-контента с веб-сайтом?

Question

Я веб-разработчик. Я хотел бы интегрировать 3D-контент в свой веб-сайт. Уровень интеграции должен позволять чему-то вроде 3D-куба плавать над HTML-контентом. Более того, я хочу, чтобы 3D-контент был интерактивным, т. Е. Нужно иметь возможность нажимать на определенную сторону куба и получать некоторый код JavaScript, выполняемый так же, как если бы кто-то нажимал кнопку.

Я видел несколько демонстраций с CSS3 3D-преобразованиями в HTML 5 . Можно даже визуализировать HTML-контент на трехмерных объектах, таких как изображения и кнопки, но они, похоже, не позволяют создавать что-то более сложное, чем плавающий куб.

Возможно ли это сегодня? Какие технологии мне следует использовать?

Answer 1

После некоторых онлайн-исследований были обнаружены проекты XML3D и X3DOM Они предлагают интеграцию с DOM и JavaScript, XML-подобным описанием сцены и даже программируемыми шейдерами. Кажется, это именно то, что я искал, однако оба проекта все еще находятся в разработке: (.

Answer 2

Наилучшие варианты, доступные вам сегодня: CSS-преобразования и / или Canvas-элемент . С помощью CSS вы можете выполнять различные преобразования, даже включая создание анимированного куба ( проще с preserve-3d).