Auteur: Jared Liu
Essayer en direct À propos de ce projet
Planet Maker est un éditeur de planètes 3D dans le navigateur, pensé d’abord pour le hors connexion : choisissez l’un des neuf mondes, de Mercure à la Lune, ou importez votre propre carte 2:1 pour créer une planète ; sculptez le relief, réglez les nuages et l’atmosphère, orientez le soleil, puis placez sur la sphère des objets 3D, des repères et du texte en billboard. Chaque élément s’aligne automatiquement sur la surface courbe.
Vingt modèles CC0 légers sont fournis, avec un accès intégré à la création Tripo : générez un modèle personnalisé dans Tripo, importez le GLB et cliquez sur la sphère pour le placer. Tout reste dans le navigateur (ni compte ni backend) ; les mondes terminés s’exportent en instantanés PNG, scènes GLB ou projets .planet.json modifiables. Une fois l’application installée comme PWA et la bibliothèque hors connexion téléchargée, la création se poursuit sans aucune connexion.
Points forts
- Partez de neuf mondes — de Mercure à la Lune — ou importez l’image de votre choix, recadrée localement en carte de surface équirectangulaire 2:1
- Relief de surface, rugosité, nuages, atmosphère, rotation automatique et direction du soleil se règlent tous par curseur
- Vingt modèles CC0 sont intégrés ; générez un modèle personnalisé avec Tripo, importez le GLB et cliquez sur la sphère pour le placer, toujours aligné sur la surface
- Exportez en un clic un instantané PNG, une scène GLB ou un projet .planet.json modifiable ; installez l’application comme PWA et continuez à créer entièrement hors connexion
Analyse technique
Pipeline d’objets GLB · sortie Tripo directement sur la sphère
Le panneau Objets intègre un accès à la création Tripo : générez un modèle personnalisé dans Tripo, importez le GLB, et il fonctionne immédiatement. Chaque GLB, y compris les 20 ressources CC0 fournies, est d’abord normalisé à partir de sa boîte englobante Box3 : centré, ancré par sa base à l’origine et mis à l’échelle uniformément d’après son arête la plus longue. Au placement, les coordonnées sphériques sont converties en position et en quaternion ; un clic pose ainsi l’objet au ras du sol, quelle que soit la latitude.
Rendu de la planète · une texture, des matériaux physiques
La planète entière repose sur une seule carte 2:1 : meshPhysicalMaterial l’utilise à la fois comme carte de couleur et de relief (bumpScale correspond au curseur de relief). Les nuages occupent une enveloppe distincte avec alphaMap (Vénus bénéficie d’un cas particulier opaque), l’atmosphère est une enveloppe lumineuse additive en BackSide et Saturne ajoute une ringGeometry ; l’azimut et l’élévation du soleil pilotent la lumière directionnelle, suivie par les ombres.
Surfaces personnalisées · traitement entièrement local
Les images importées ne passent jamais par un serveur : createImageBitmap lit le fichier, le recadre au centre en 2:1, limite sa largeur à 2048px, puis canvas encode un webp dans localStorage. Les GLB personnalisés importés utilisent des objectURL en mémoire et sont volontairement exclus du JSON du projet. Ni compte ni backend : les projets résident dans les données du navigateur.
Performances et hors connexion · rendu à la demande + PWA
La frameloop ne tourne qu’en cas de besoin : désactivez la rotation automatique et elle passe en mode demand ; masquez l’onglet et elle s’arrête complètement, avec une réduction automatique du dpr sous charge. vite-plugin-pwa précharge en cache l’enveloppe de l’application et les ressources de départ, tandis que « Télécharger la bibliothèque hors connexion » dans le panneau Export met en cache les neuf planètes et les vingt modèles : la création continue même sans aucune connexion.
