Threejs3D Code Play

Threejs3D Code Play vous aide à apprendre Three.js en modifiant du code et en visualisant le résultat sous forme de scène 3D interactive. Commencez par un exemple, modifiez son HTML et son JavaScript, puis exécutez votre version dans l'application.

APPRENDRE PAR LA PRATIQUE

Explorez 99 exemples répartis entre des expériences d'apprentissage et des scènes animées prédéfinies. Commencez par les formes, les matériaux, l'éclairage et les caméras, puis explorez les particules, les shaders et l'interaction. Essayez un système solaire, des vagues océaniques ou une scène abstraite animée pour un point de départ plus vaste.

Cinq parcours d'apprentissage organisent les exemples en bases, géométrie, couleur et lumière, mouvement et atelier créatif. Marquez les leçons comme terminées, poursuivez un parcours, ajoutez des exemples utiles à vos favoris et revenez aux scènes récemment ouvertes.

MODIFIER, EXÉCUTER ET EXPLORER

Ouvrez un exemple dans l'éditeur de code ou créez un nouveau projet avec une importation Three.js déjà en place. Utilisez la coloration syntaxique, les fonctions annuler et rétablir, rechercher et remplacer, et accéder à la ligne de code pendant que vous travaillez. Passez en mode aperçu pour visualiser le code actuel et examiner les messages de la console ou les erreurs.

Faites glisser pour faire pivoter la scène et pincez pour zoomer dans les aperçus. Pour les scènes compatibles, les commandes en direct vous permettent d'explorer la couleur, la vitesse d'animation, l'éclairage, la géométrie et les arrière-plans unis ou dégradés. Les commandes disponibles varient selon la scène.

CONSERVEZ VOS EXPÉRIENCES

Enregistrez vos projets et rouvrez-les depuis Vos projets. Ouvrez les fichiers HTML pour poursuivre la modification de votre travail ou utilisez « Enregistrer sous » pour en conserver une copie.

Exportez ou partagez un projet au format HTML ou ZIP. Les exportations incluent les bibliothèques Three.js intégrées ; les ressources externes personnalisées restent externes. Extrayez un fichier ZIP et servez son dossier via HTTP pour ouvrir le projet en dehors de l'application.

ANIMEZ VOTRE FOND D'ÉCRAN

Sur les appareils Android compatibles, envoyez une scène animée à l'aperçu du fond d'écran animé du système et confirmez votre choix. Les fonds d'écran disponibles varient selon l'appareil.

Conçue pour les étudiants, les amateurs et les développeurs web souhaitant s'exercer à la programmation 3D par le biais de petits projets. Les exemples fournis utilisent des bibliothèques locales ; les ressources distantes personnalisées et la publicité peuvent nécessiter une connexion Internet. L'application contient de la publicité.