Interaktiivisten 3D -objektimallien näyttäminen verkkosivulla: 4 vaihetta

Sisällysluettelo:

Interaktiivisten 3D -objektimallien näyttäminen verkkosivulla: 4 vaihetta
Interaktiivisten 3D -objektimallien näyttäminen verkkosivulla: 4 vaihetta

Video: Interaktiivisten 3D -objektimallien näyttäminen verkkosivulla: 4 vaihetta

Video: Interaktiivisten 3D -objektimallien näyttäminen verkkosivulla: 4 vaihetta
Video: Tietokone tutuksi #5 Tutustutaan Gmail-sähköpostiin! 2024, Saattaa
Anonim

Oletetaan, että olet suunnitellut 3D -mallin AutoCADissa tai jossakin muussa 3D -mallin valmistajassa ja haluat näyttää sen verkkosivullasi menettämättä tai vaarantamatta sen 3D -vuorovaikutteisuutta. Tämä artikkeli antaa sinulle joitain vaihtoehtoja siihen.

Askeleet

Tapa 1 /2: Javascript -kehyksen jsc3d käyttäminen

4722865 1
4722865 1

Vaihe 1. Huomaa, että jsc3d on javascript -kehys, joka tarjoaa 3D -objektien katseluohjelman verkkosivuille

Se on koodattu kokonaan javascriptiin ja vaatii renderöinnin ja vuorovaikutuksen suorittamisen HTML -kankaalla. Se tarjoaa ortografisen näkymän.

4722865 2
4722865 2

Vaihe 2. Lataa jsc3d -zip -tiedosto Googlesta

Linkki on:

4722865 3
4722865 3

Vaihe 3. Käytä kuvassa näkyvää koodia

Kirjoita tiedoston polun nimi tarvittaessa tummanpunaisen korostetun tekstin tilalle. Varmista, että tiedostomuoto on.obj tai muunna se.obj -muotoon.

4722865 4
4722865 4

Vaihe 4. Varmista, että täytät vaatimukset:

  • Javascript -yhteensopiva selain
  • HTML 5 -tuki
  • Canvas -tuki.

Tapa 2/2: Kolmannen osapuolen käyttö

4722865 5
4722865 5

Vaihe 1. Valitse palvelu

On olemassa useita verkkosivustoja, jotka tarjoavat 3D -objektien katselua.

4722865 6
4722865 6

Vaihe 2. Käytä niiden antamaa linkkiä

Useimmilla näistä palveluista voit lähettää 3D -tiedoston ja saada linkin, jonka voit upottaa verkkosivullesi.

  • Esimerkiksi sketchfab.com -sivustolla saat seuraavanlaisen linkin:

    Wikihow3d käyttäjältä lal.abhishek päällä Sketchfab

Suositeltava: