3D обертання моделей для сайту - блог

Урок по реалізації на флеш 3d обертання моделі готовий. Оригінал статті лежить на моєму сайті

Предалагает реалізацію 3d обертання для вашого сайту написану на флеш. Отже що, ж нам потрібно для початку роботи ..

Працювати ми будемо за допомогою 3d движка minko. Основна його відмінність від інших, це відкритий код і можливість роботи в браузері без додаткових плагінів.

Після установки всіх початкових кодів, відкриваємо FlashBuilder і створюємо новий проект.

Після установки всіх початкових кодів, відкриваємо FlashBuilder і створюємо новий Action script проект. Назвемо його, наприклад, FlashRotate і тиснемо Finish

тепер у вікні Package Explorer з'явився наш проект FlashRotate, а в ньому наш порожній AC скрипт.

Тепер підключимо бібліотеки движка до нашого проекту. Натискаємо правою кнопкою по проекту і заходимо в меню Properties.Бібліотекі підключаються на вкладці ActionScript Build Path

Тиснемо Add Project і додаємо бібліотеки 3d движка ..

Тепер потрібно у властивостях проекту перейти на вкладку ActionScript Compiler і примусово встановити версію SDK на 11.

Тиснемо Ok. Тепер наш проект готовий до роботи.

У цій частині ми будемо готувати нашу 3d модель для вставки її в Action script.

Відкриваємо 3ds Max. Нехай для прикладу наша модель буде Teapot зі стандартних прімітовов. Додамо трохи сегментів для реалістичності

Тепер можна додати світло. Додамо skylight, не забудьте включити cast shadows в налаштуваннях skylight

Раджу, відразу встановити модель в координати 0,0,0

Застосуємо на чайник який-небудь матеіал, а в якості текстури візьмемо таку ..

Тепер нам потрібно запекти текстуру. Іншими словами треба зробити Render to texture. Вибираємо наш Teapot і на вкладці Rendering тиснемо Render to texture

Вибираємо Use Automatic Unwrap, з канал 2. Отримати нам потрібно Complete map, тобто дифузно карту з усіма тінями, відблисками і т.д.

Тепер створіть ще 1 матеріал, а в Diffuse, покладіть вашу запечену текстуру і застосуєте на чайник

Конвертує модель в mesh і все, тепер можна експортувати наш чайник. Вибираємо наш Teapot, тиснемо File / export / export selected і в якості вихідного формату вибираємо OBJ. Такий формат дозволить експортувати модель вже з матеріалом.

Якщо все вдало, Ваша модель з'явиться в списку Symbols, а навпаки написано Used 0. Це означає, що модель експортована в бібліотеку, але ще не додана в сцену.

Ось приблизно так повинна Ваша виглядати сцена

Тепер тиснемо File / Publish / Publish for all або інше, якщо Ви будете робити тільки для десктопів, наприклад.

Усе! Підготовка моделі закінчилася залишилося написати код. Але про це в наступній частині.

Отже, приступимо до КОДІНГ. Відкриваємо наш проект на FlashBuilder. Поки у Вас чистий action script FlashRotate.as.

Вихідний код скрипта качаємо тут і вставляємо в свій скрипт.

Отже, тиснемо на Run

Швидше за все у Вас з'явиться помилка:

Щоб позбавиться від цієї напасті, відкриваємо в нашому проекті в папці bin-debug файл FlashRotate.html через нього власне і виводиться флешка. І додаємо рядок:

Тепер все ок! Можна користуватися. Готова флеш лежить в тій же папці bin-debug. Не забувайте, тільки ставити параметр wmode, всюди де будете використовувати флеш. Результат можете подивитися у мене на сайті, в самому кінці уроку тут

Удачі, сподіваюся Вам сподобається 3d обертання моделі на вашому сайті

у мене ось яке питання. чи можна зробити так, щоб в площині z об'єкт міг обертатися також як в площині xy? Поясню: коли обертаємо вліво вправо, то можна робити скільки завгодно оборотів, а коли вгору-вниз, то об'єкт повертається тільки те верхньої точки і тільки до нижньої не роблячи повного обороту. Це якось можна реалізувати?

Це по-іншому потрібно реалізовувати, або шляхом обертання самого нода, відносно нерухомої камери. Вам потрібно розібратися з нодамі, а потім з ними вже робити все що завгодно. На сайті розробника багато прикладів є. Або якщо Ви сильні в AS, тоді переписати клас ArcBallPanController під ваші потреби. А в даній реалізації, наведеної вище, це не можливо. Тому як це найпростіша реалізація.

"Що модель єкспортірована в бібліотеку" - що ти зробив з першою літерою слова "експортована", як ти це зробив і навіщо?

ɐʚʞʎg ʞɐʞ ɐʚʞʎg ¿ʞɐ⊥ ǝн йǝн ɔ о⊥Һ ɐ
А взагалі перевертати лехко. Береш е. потім вереворачіваешь і виходить є

Схожі статті