Modele de rotație 3D pentru site - blog

Lecția privind implementarea modelului de rotație 3D este pregătită. Articolul original este pe site-ul meu

Vă propun implementarea rotației 3d pentru site-ul dvs. scrise pe o culoare. Deci, de ce avem nevoie pentru a începe ...

Vom lucra cu motorul 3d minko. Diferența sa principală față de restul este codul deschis și abilitatea de a lucra în browser fără plug-in-uri suplimentare.

După instalarea tuturor surselor, deschideți FlashBuilder și creați un nou proiect.

După instalarea tuturor surselor, deschideți FlashBuilder și creați un nou proiect de script de acțiune. Să o numim, de exemplu, FlashRotate și faceți clic pe Terminare

acum în fereastra Explorer Package a apărut proiectul nostru FlashRotate și în el scriptul nostru AC gol.

Acum conectăm bibliotecile motorului la proiectul nostru. Faceți clic dreapta pe proiect și accesați meniul Proprietăți. Bibliotecile sunt conectate pe calea de construire ActionScript

Faceți clic pe Adăugați proiect și adăugați bibliotecile de motoare 3d ..

Acum trebuie să mergeți la fila Compiler ActionScript în proprietățile proiectului și să forțați versiunea SDK la 11.

Faceți clic pe OK. Acum proiectul nostru este gata de lucru.

În această parte, vom pregăti modelul nostru 3d pentru al introduce în scriptul de acțiune.

Deschidem 3ds Max. Să presupunem, de exemplu, că modelul nostru va fi ceainic din primitive standard. Adăugați câteva segmente pentru realism

Acum puteți adăuga lumină. Adăugați luminator, nu uitați să includeți umbrele aruncate în setările luminatorului

Vă sfătuiesc să setați imediat modelul în coordonate 0,0,0

Aplicați la ceainic ceva mateial, și ca o textură, luați acest ..

Acum trebuie să coacem textura. Cu alte cuvinte, trebuie să faceți Render pentru textură. Alegeți ceasul nostru și faceți clic pe fila Rendering, faceți clic pe Render to texture

Selectați Folosiți Descărcare automată, cu canalul 2. Pentru a ne obține avem nevoie de o hartă completă, adică Harta difuză cu toate umbrele, subliniază, etc.

Acum creați încă 1 material, iar în Diffuse, puneți textura copt și aplicați fierbătorului

Transformați modelul în plasă și totul, acum puteți exporta fierbătorul nostru. Selectați Ceainicul nostru, faceți clic pe File / export / export selectat și selectați OBJ ca format de ieșire. Acest format vă va permite să exportați modelul deja cu materialul.

Dacă totul este de succes, modelul dvs. va apărea în lista simbolurilor, ci mai degrabă în scris folosit 0. Aceasta înseamnă că modelul este exportat în bibliotecă, dar nu a fost încă adăugat la fața locului.

Iată cum ar trebui să arate scena dvs.

Acum, faceți clic pe Fișier / Publicare / Publicare pentru toate sau altele, dacă faceți doar pentru desktop-uri, de exemplu.

Asta e tot! Pregătirea modelului este peste stânga pentru a scrie codul. Dar despre asta în următoarea parte.

Deci, să începem codificarea. Deschideți proiectul nostru pe FlashBuilder. În timp ce aveți un script curat de acțiune FlashRotate.as.

Codul sursă al scriptului este descărcat aici și inserat în scriptul dvs.

Deci, faceți clic pe Run

Cel mai probabil veți primi o eroare:

Pentru a scapa de acest flagel, deschidem proiectul nostru în FlashRotate.html dosar bin-debug prin ea afișează de fapt, unitatea flash. Adăugați linia:

Acum totul este ok! Poți folosi. Flush-ul terminat se află în același director bin-debug. Nu uitați, puneți doar parametrul wmode, oriunde utilizați blițul. Puteți vedea rezultatul pe site-ul meu, la sfârșitul lecției aici

Succes, sper că vă bucurați de rotația 3D a modelului de pe site-ul dvs.

La mine aici ce întrebare. putem face ca, în planul z, obiectul să se poată roti și în planul xy? Permiteți-mi să explic: atunci când rotindu-l la stânga la dreapta, puteți face orice număr de spire, iar când sus-jos, obiectul este rotit numai punctul de sus și numai în partea de jos, fără a face o rotație completă. Este posibil ca acest lucru să fie implementat?

Acesta este un alt mod de a implementa, fie prin rotirea nodului însuși, în raport cu camera foto. Trebuie să vă ocupați de noduri, iar apoi cu ei deja faceți ceva. Există multe exemple pe site-ul dezvoltatorului. Sau dacă sunteți puternic în AS, apoi rescrieți clasa ArcBallPanController pentru nevoile dvs. Și în această implementare, dată mai sus, acest lucru nu este posibil. Deoarece aceasta este cea mai simplă implementare.

„Єksportirovana ca model pentru biblioteca“ - ce-ai făcut cu prima literă a cuvântului „exportat“, așa cum ați făcut-o și de ce?

ʚʞʎ ʚʞʎ ʚʞʎ ʞ ʞ ʞ Һ Һ Һ Һ Һ
În general, este ușor să se întoarcă ușorko. Ia-o. apoi frânghie și se întoarce

Articole similare