Interactieve modellen van 3D-objecten op een webpagina weergeven: 4 stappen

Inhoudsopgave:

Interactieve modellen van 3D-objecten op een webpagina weergeven: 4 stappen
Interactieve modellen van 3D-objecten op een webpagina weergeven: 4 stappen

Video: Interactieve modellen van 3D-objecten op een webpagina weergeven: 4 stappen

Video: Interactieve modellen van 3D-objecten op een webpagina weergeven: 4 stappen
Video: Top 5 anonymous email providers in 2022 | NordVPN 2024, Mei
Anonim

Stel dat u een 3D-model hebt ontworpen op AutoCAD of een andere 3D-modelmaker en u wilt dit op uw webpagina weergeven zonder de 3D-interactiviteit te verliezen of in gevaar te brengen. Dit artikel geeft u enkele opties om dit te doen.

Stappen

Methode 1 van 2: Javascript Framework jsc3d gebruiken

4722865 1
4722865 1

Stap 1. Merk op dat jsc3d een javascript-framework is dat een 3D-objectviewer voor webpagina's biedt

Het is volledig in javascript gecodeerd en vereist een HTML-canvas om weergave en interacties uit te voeren. Het biedt orthografische weergave.

4722865 2
4722865 2

Stap 2. Download het jsc3d zipbestand van Google

De link is:

4722865 3
4722865 3

Stap 3. Gebruik de code in de afbeelding

Schrijf zo nodig de naam van het bestandspad in plaats van de donkerrood gemarkeerde tekst. Zorg ervoor dat uw bestandsformaat.obj is of converteer het op een andere manier naar.obj.

4722865 4
4722865 4

Stap 4. Zorg ervoor dat u aan de vereisten voldoet:

  • Javascript ingeschakelde browser
  • HTML 5-ondersteuning
  • Ondersteuning voor canvas.

Methode 2 van 2: Derden gebruiken

4722865 5
4722865 5

Stap 1. Kies een dienst

Er zijn verschillende websites die 3D-objecten bekijken.

4722865 6
4722865 6

Stap 2. Gebruik de link die ze je geven

Bij de meeste van deze services kunt u uw 3D-bestand indienen en een link krijgen die u op uw webpagina kunt insluiten.

  • Met sketchfab.com krijg je bijvoorbeeld een link zoals deze:

    Wikihow3d door lal.abhishek Aan Sketchfab

Aanbevolen: