Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Guide Three.js pour la 3D sur le web v1.0.0

Utilisez cette ressource pour construire une scène 3D interactive sur une page web

Nouveau

  • 514 téléchargements
  • 124 mentions J'aime
  • 247 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install threejs-3d-web-guide

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent s'appuie sur dix fiches de référence (fondamentaux, géométrie, matériaux, éclairage, textures, animation, chargeurs, shaders, post-traitement, interaction) et charge celle dont il a besoin. Il écrit une scène avec caméra, lumières, modèles et interactions. Vous obtenez du code Three.js à jour et organisé.

Choisie surtout par

Mise à jour le 2 novembre 2026

Un cube vert éclairé qui tourne dans une scène 3D sur une page web.

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Three.js
Utilise
  • Navigateur avec WebGL
  • Paquet npm three
Licence
MIT

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français : dix exemples de démarrage rapide et motifs courants
  • Dix fiches de référence dans references/, une par domaine

Pour qui

  • Afficher un produit en 3D sur une page
  • Créer un arrière-plan WebGL ou une visualisation interactive
  • Charger un modèle GLTF et le rendre cliquable

Pas pour qui

  • Des effets de fond simples qu'un dégradé animé suffit à produire
  • Un moteur de jeu complet
  • Un rendu 3D hors navigateur

Étiquettes

  • threejs
  • 3d
  • webgl
  • gltf
  • shaders

À propos

Vous dites

« Affiche mon modèle bague.glb sur la page, avec une lumière douce, une rotation lente et la possibilité de le faire pivoter à la souris. »

Un cube vert éclairé qui tourne dans une scène 3D sur une page web.

Skill publiée par secondsky sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Une description de la scène 3D et Vos modèles GLB ou textures si nécessaire
Dépendances
Navigateur avec WebGL et Paquet npm three

Comment l'utiliser

  1. Décrivez la scène et fournissez vos modèles ou textures
  2. L'agent charge les références utiles et écrit le code
  3. Testez dans un navigateur et ajustez lumières et caméra

Aperçu du contenu

Fichiers

  • LICENSE1,1 Ko
  • NOTICE-PALATEKIT.md0,4 Ko
  • references/threejs-animation.md0,2 Ko
  • references/threejs-fundamentals.md11,5 Ko
  • references/threejs-geometry.md0,3 Ko
  • references/threejs-interaction.md0,2 Ko
  • references/threejs-lighting.md0,2 Ko
  • references/threejs-loaders.md0,1 Ko
  • references/threejs-materials.md0,2 Ko
  • references/threejs-postprocessing.md0,1 Ko
  • references/threejs-shaders.md0,1 Ko
  • references/threejs-textures.md0,2 Ko
  • SKILL.md14,6 Ko

Origine et licence

Modifié par PalateKit

Auteur
secondsky
Source
github.com/secondsky/claude-skills/tree/88378361314f558fb719aec0af9fd898ab36f0b2/plugins/threejs/skills/threejs
Licence
MIT

Notice

Version modifiée de « threejs » (secondsky, MIT) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Quelle version de Three.js ?

Les exemples visent r160 et plus (janvier 2024). Vérifiez les noms d'API si vous utilisez une version beaucoup plus récente.

Faut-il un outil de build ?

Non, les imports sont des modules ES ; un bundler reste possible mais n'est pas obligatoire.