Rendre la scène 3D dans la page Web

Obtenez le moteur de rendu Web

Vous pouvez obtenir le moteur de rendu Web à partir de notre Les libérations, il y a 4 fichiers dans le dossier web-renderer:

  • Aspose.3d-2.1.js
  • Aspose.3d-2.1.dat
  • Aspose.3d-2.1.wasm
  • Aspose3d. d.ts

Convertir une scène en fichier USDZ

Notre moteur de rendu Web prend en charge l’importation et l’exportation de USDZ dans le navigateur Web, nous devons convertir une scène en USDZ avant de la visualiser dans le navigateur Web, l’exemple de code pour convertir la scène en fichier USDZ:

using Aspose.ThreeD;

Scene.FromFile("input.fbx").Save("output.usdz");

Servir le fichier via le serveur HTTP

En raison des restrictions du navigateur, tous les fichiers, y compris le rendu Web et le fichier 3D, doivent être servis via le protocole HTTP/HTTPS, vous pouvez utiliser une ligne de commande python pour démarrer un serveur http simple qui écoute sur le port 8000:

python3 -m http.server

Charger la scène en utilisant JavaScript

Créez une nouvelle page HTML et chargez le moteur de rendu Web:

<!DOCTYPE html>
<html>
    <head>
        <title>Aspose.3D Web Renderer</title>
        <script src="aspose.3d-2.1.js"></script>
    <style>
        #canvas{width:600px;height:400px;}
    </style>

    </head>
    <body>
        <h1>Aspose.3D Web Renderer</h1>
        <canvas id='canvas'></canvas>
        <script>
            aspose3d({canvas : 'canvas', url : 'test.usdz'});
        </script>
    </body>
</html>

Plus d’informations sur aspose3d peuvent être trouvées dans le fichier de déclaration TypeScript aspose3d.d.ts.