Як зробити інтерактивний 3d об`єкт на jquery.

Відео: Як зробити 3d модель для DipTrace в програмі SolidWorks. Навчальне відео

Відео: ЯК ДОДАТИ 3D Об`єкт В ФОТОЗНІМОК

Всім привіт! У цій статті ми розглянемо, як зробити інтерактивний 3D об`єкт за допомогою всього декількох зображень на JQuery.

Щоб краще зрозуміти, як це в кінцевому рахунку буде виглядати, подивіться демонстрацію.

Якщо вас зацікавила дана тема, і ви хочете встановити собі на сайт такий скрипт, то давайте розглянемо, як це зробити.

Перш за все, звичайно, вам необхідно завантажити всі необхідні файли. Знайти їх ви можете на GitHub. Не забудьте також підключити JQuery і, власне, сам скрипт.

Тепер створіть необхідну HTML-структуру і завантажте картинки:

 
 ... 
id="Interactive_3d"gt; 
src="Images / frame_1.jpg"gt; 
 
 ...

Тепер викличте функцію і все готово:

$("# Interactive_3d").interactive_3d({ 
 frames:10, 
 cursor:"Move", 
 speed:0, 
 entrance:true, 
 preloadImages:true, 
 touchSupport:true, 
 loading:"Loading ..", 
 autoPlay:false 
}) -