Comment afficher des modèles interactifs d'objets 3D sur une page Web : 4 étapes

Table des matières:

Comment afficher des modèles interactifs d'objets 3D sur une page Web : 4 étapes
Comment afficher des modèles interactifs d'objets 3D sur une page Web : 4 étapes

Vidéo: Comment afficher des modèles interactifs d'objets 3D sur une page Web : 4 étapes

Vidéo: Comment afficher des modèles interactifs d'objets 3D sur une page Web : 4 étapes
Vidéo: 4 techniques pour envoyer un e-mail anonyme | NordVPN en français 2024, Peut
Anonim

Supposons que vous ayez conçu un modèle 3D sur AutoCAD ou un autre créateur de modèles 3D et que vous souhaitiez l'afficher sur votre page Web sans perdre ou compromettre son interactivité 3D. Cet article vous donnera quelques options pour le faire.

Pas

Méthode 1 sur 2: Utilisation de Javascript Framework jsc3d

4722865 1
4722865 1

Étape 1. Notez que jsc3d est un framework javascript qui fournit une visionneuse d'objets 3D pour les pages Web

Il est entièrement codé en javascript et nécessite un canevas HTML pour effectuer le rendu et les interactions. Il fournit une vue orthographique.

4722865 2
4722865 2

Étape 2. Téléchargez le fichier zip jsc3d depuis Google

Le lien est:

4722865 3
4722865 3

Étape 3. Utilisez le code indiqué dans la figure

Écrivez le nom du chemin du fichier au besoin à la place du texte surligné en rouge foncé. Assurez-vous que votre format de fichier est.obj ou convertissez-le en.obj.

4722865 4
4722865 4

Étape 4. Assurez-vous que vous remplissez les conditions:

  • Navigateur compatible Javascript
  • Prise en charge de HTML5
  • Support en toile.

Méthode 2 sur 2: Utilisation de tiers

4722865 5
4722865 5

Étape 1. Choisissez un service

Il existe différents sites Web qui permettent de visualiser des objets en 3D.

4722865 6
4722865 6

Étape 2. Utilisez le lien qu'ils vous donnent

Avec la plupart de ces services, vous pouvez soumettre votre fichier 3D et obtenir un lien que vous pouvez intégrer sur votre page Web.

  • Par exemple, avec sketchfab.com, vous obtiendrez un lien comme celui-ci:

    Wikihow3d par lal.abhishek au Sketchfab

Conseillé: