Documentation Sumo3D

Retour au support

Commencer

Sumo3D est un éditeur dans lequel vous pouvez composer des scènes, utiliser des textures de Sumopaint dans les objets 3D, et vous pouvez l'exporter pour être utilisé sur Sumocode dans le cadre d'une pièce interactive ou d'un jeu.

De plus, vous pouvez exporter n'importe quel objet ou scène pour l'utiliser plus tard dans d'autres projets.

Interface
interface

  1. La barre de navigation . Il fournit un accès facile aux options d'importation / exportation et pour ajouter n'importe quel objet sur la scène.
  2. Lecture / Arrêt . Ici, vous pouvez lire ou arrêter votre scène 3D. Si vous avez un script associé à vos objets, lorsque vous appuyez sur play, il exécutera le script.
  3. Paramètres du projet . Ici, vous pouvez configurer les paramètres du projet. En savoir plus
  4. Outliner . Où vous avez répertorié tous les éléments inclus dans la scène (objets 3D, lumières et caméras).
  5. Panneau des propriétés . Si vous avez sélectionné un élément de la scène, vous avez ici toutes les informations nécessaires pour le modifier. Certains champs sont modifiables, d'autres sont lisibles uniquement.
  6. Barre d'outils 3D . Vous pouvez traduire, faire pivoter ou mettre à l'échelle n'importe quel élément, en mode local ou global.
  7. Éditeur de scène . Ici, vous pouvez directement éditer votre scène et sélectionner n'importe quel élément pour l'éditer.
  8. Ajouter . Une manière visuelle d'ajouter des éléments à la scène.

Importer

Vous pouvez importer n'importe quel fichier glTF 2.0 que vous avez dans votre appareil, ou n'importe quel objet / scène exporté (format JSON). Le glTF binaire (.glb) est recommandé car vous avez également inclus les matériaux.

Exportation
Exporter un objet

Exportez tout objet sélectionné au format JSON.

Exporter la scène

Exportez toute la scène au format JSON.

Exporter glTF

Exportez toute la scène au format glTF binay (avec tous les matériaux inclus).

Défaire refaire

Vous pouvez annuler ou refaire toute action en appuyant sur ces boutons (voir vidéo ci-dessous) ou via la barre d'outils / Modifier / Annuler ou Rétablir.

Paramètres du projet

Vous pouvez l'afficher / le cacher en appuyant sur l'icône «info» à côté des boutons Annuler / Rétablir. Ici, vous pouvez définir le nom de votre projet, si vous souhaitez effectuer une sauvegarde automatique, pour configurer les propriétés de base du moteur de rendu ou si vous souhaitez bénéficier du support VR. En plus de cela, vous pouvez définir la couleur d'arrière-plan et le brouillard de votre scène. Vous avez une partie info avec tous les objets, sommets et triangles de la scène, cela affecte directement les performances de votre scène.

Comment utiliser le graphe de scène

À l'intérieur, vous pouvez faire glisser les éléments et les organiser avec une hiérarchie.

Utilisation de plusieurs caméras

Si vous avez plusieurs caméras dans votre scène, vous pouvez changer la caméra qui sera active sur le graphique de la scène.

Ajouter des objets

Ajouter un groupe

Les groupes sont utiles pour que plusieurs objets 3D partagent leurs propriétés de position, rotation et échelle.

Ajouter un objet 3D

Vous pouvez ajouter jusqu'à 14 formes 3D différentes. Si vous avez besoin d'ajouter d'autres formes différentes, vous pouvez l'importer depuis votre appareil si vous avez enregistré un modèle 3D.

Ajouter une lumière
Lumière ambiante

C'est une lumière qui projettera la même quantité de lumière dans toutes les directions. Vous pouvez modifier l'intensité (1 par défaut) et la couleur.

Lumière directionnelle

Cette lumière émet de la lumière à partir d'une position projetant des ombres (si vous avez coché Cast) et d'intensité différente en fonction de sa position.

Lumière hémisphère

Cette lumière est similaire à la lumière ambiante (même lumière dans toutes les directions) mais vous pouvez définir la couleur du haut et du bas.

Lumière ponctuelle

Ceci est similaire à une ampoule, vous avez les mêmes propriétés que la lumière directionnelle et vous pouvez jouer avec sa distance et sa décroissance.

Projecteur

C'est un cône de lumière, vous avez des propriétés similaires à la lumière ponctuelle et un paramètre de pénombre pour lisser la lumière dans les coins du cône.

Ajouter une caméra
Caméra orthographique

Avec cette caméra, tous les objets apparaissent à la même échelle.

Caméra de perspective

Les objets éloignés sont plus petits que ceux à proximité.

Propriétés des objets

Propriétés liées à l'ID

Chaque élément ajouté à la scène a un UUID unique, vous pouvez le renouveler, mais ce n'est pas un must. Le champ Nom est important pour gérer vos éléments à partir des scripts.

Propriétés liées à la position / rotation / échelle

Vous pouvez modifier ces paramètres pour obtenir des valeurs exactes ou faire glisser le pointeur.

Propriétés liées à la visibilité

Au-delà du visible, le frustum supprime les objets qui se trouvent complètement en dehors du tronc de visualisation du processus de rendu. Et Shadow / Cast / Receive sont un must si vous souhaitez utiliser des ombres sur votre scène.

Propriétés personnalisées
Caméra

Les propriétés les plus courantes à modifier ici sont le FOV (champ de vision) (les valeurs courantes sont de 35 à 90) et le proche et le loin, si vous souhaitez ajuster la zone de rendu.

Géométries

Bases de la géométrie

Chaque objet 3D est un maillage et ce maillage comporte deux parties, une géométrie et un matériau. Cette géométrie détermine la forme de l'objet.

Propriétés liées à l'ID

Semblable à l'élément objet (Mesh), chaque géométrie a son propre UUID et son propre nom.

Propriétés personnalisées

Chaque géométrie a ses propres propriétés. Par exemple, une boîte a une largeur, une hauteur et une profondeur ainsi que le nombre de segments constitués.

Matériaux

Bases des matériaux

Chaque objet 3D a un matériau (par défaut est un MeshStandardMaterial). Il est important de savoir que plusieurs objets peuvent partager le même matériau (vous pouvez copier et coller entre eux).

Types de matériaux
Types courants utilisés

Bien qu'il existe plus de 10 types de matériaux, la plupart du temps, nous utiliserons l'un de ces deux.

MeshBasicMaterial

C'est le moins cher (en performances) car il ne calcule aucune lumière. C'est comme un matériau non éclairé et il est couramment utilisé avec une image comme texture de carte.

MeshStandardMatériau

C'est le plus réaliste mais cher (en performances). Vous pouvez jouer avec plusieurs cartes et avec des valeurs de rugosité et de métal. C'est la chose la plus proche d'un matériau PBR.

Les scripts

Ajouter un nouveau script

Sur chaque élément de la scène, vous pouvez ajouter plusieurs scripts. En programmant avec JS et en suivant ce manuel , vous pouvez ajouter de l'interactivité à votre projet.

Utiliser des scripts prédéfinis

Vous pouvez ajouter trois exemples de code de base à vos éléments. Faites pivoter, traduisez ou / et mettez-le à l'échelle.