Moteur et API

Intégration JavaScript

Intégrez le moteur 2D et 3D indépendant des plateformes dans n’importe quelle application et pilotez-le avec l’API TypeScript.

Pour les développeurs et intégrateurs

Suivez un parcours complet

Commencez par l’installation, puis avancez vers l’administration quotidienne, la boutique et les usages avancés.

Bien démarrer

01
Bien démarrer

Installez un bundle vérifié, créez une instance du designer et chargez le premier état produit.

15 min

Intégration et état

02
Moteur, modules et événements

Configurez les layouts, modules, permissions, états, prix et uploads avec le contrat public.

20 min
03
Packages produits portables

Déplacez un produit complet entre JavaScript, WordPress, Shopify et les intégrations futures.

10 min
04
Monter, redimensionner et détruire le designer

Créez une instance stable qui suit son conteneur et peut être retirée ou remontée sans accumuler de listeners.

18 min
05
Persister l’état produit et traiter les événements

Stockez l’état canonique du designer, restaurez-le sans risque et connectez l’hôte sans lire les objets internes du rendu.

22 min
06
Connecter les uploads et fournisseurs de médias

Mettez en place des uploads durables et une recherche média optionnelle sans exposer de secrets dans le navigateur.

20 min

Construction du produit

07
Produits 3D et Assembly

Préparez les GLB multiparties, les matériaux, les mesures et les outils spatiaux optionnels.

25 min
08
Vues 2D, zones et calques

Construisez des faces produit précises, limitez les visuels client et gérez chaque objet visible comme un calque.

25 min
09
Variations, choix imbriqués et paramètres

Créez des options ciblant un objet 2D, un mesh 3D, un matériau, une texture ou une dimension mesurable.

30 min
10
Créer une vue produit 2D précise

Construisez une face imprimable depuis un canvas vide ou directement depuis une image en conservant les dimensions réelles de production.

24 min
11
Créer des drawing areas et marqueurs de production

Contraignez les créations avec des rectangles, des chemins SVG importés ou un masque généré depuis un élément existant.

25 min
12
Configurer textes, images, designs et formes

Exposez les bons outils au client et faites se comporter chaque objet ajouté de manière cohérente comme un layer.

28 min
13
Préparer et importer un modèle GLB configurable

Transformez un GLB prêt pour la production en vue 3D responsive avec pièces, matériaux, caméra et performances maîtrisés.

30 min
14
Créer éléments, variations et choix de matériaux

Modélisez les pièces produit et options client sans confondre les éléments fixes avec les layers ajoutés par le client.

28 min

Interface et permissions

15
Templates, thèmes, modules et permissions

Composez un espace responsive et décidez précisément des outils accessibles aux administrateurs et clients.

25 min
16
Concevoir les templates et l’interface responsive

Créez des interfaces distinctes pour l’administration et le client avec zones, permissions, mobile et thème cohérents.

26 min

Commerce et production

17
Tarification, validation et exports de production

Connectez les prix de configuration au panier hôte et produisez les fichiers depuis le même état canonique.

25 min

Exploitation et qualité

18
Traduction, accessibilité et qualité de livraison

Livrez une intégration traduite, accessible au clavier, responsive et facile à diagnostiquer en production.

20 min
19
Diagnostiquer chargement, rendu et performances

Utilisez les diagnostics et une séquence reproductible pour isoler les problèmes d’hôte, média, rendu, état ou permissions.

20 min

Référence

20
Référence API TypeScript

Consultez les classes, fonctions, types, événements et contrats de modules générés pour la version actuelle.

Référence

Point de départ recommandé

Bien démarrer

Installez un bundle vérifié, créez une instance du designer et chargez le premier état produit.

Commencer ce guide