Je vais créer une animation de site web 3D basée sur le défilement avec three js et gsap


À propos de ce service
Traduction automatique
Le modèle 3D change d'animation en fonction de votre défilement. Pas de coupures, pas de rechargement de page, juste un mouvement continu lié directement à la position de défilement, vers l'avant ou l'arrière.
Je réalise cela avec Three.js et React Three Fiber, avec GSAP pour gérer le timing lié au défilement afin que le mouvement paraisse réfléchi plutôt que mécanique. Exemple en direct : basalt-instruments.vercel.app, un produit que j'ai modélisé et animé moi-même, puis relié au défilement, avec neuf couches qui se séparent en descendant, se réversant proprement si vous remontez. Essayez-le sur votre téléphone.
Ce que je crée :
- Un objet 3D modélisé et animé dans Blender
- Mouvement lié au défilement, pouvant être scrubbé dans les deux sens
- Rythme piloté par GSAP, pas un simple déclencheur de fondu
- Export optimisé et compressé pour de bonnes performances web
- Entièrement responsive, adapté séparément pour le comportement de défilement mobile
Je modélise, anime et intègre le web moi-même, en étant la seule personne responsable de toute la chaîne, plutôt qu'un transfert entre un artiste 3D et un développeur.
Veuillez m'envoyer un message avant de commander avec votre référence de produit ou de marque, afin que je puisse confirmer le périmètre avant de commencer.
Étapes clés du serviceNOUVEAU
Choisissez de payer pour votre projet par étape en ne payant que lorsqu'une autre étape est lancée ou décidez de payer en une seule fois.
- Offre Basique.
- 1ère étape: Premier jetLivraison en 2 jour(s) · 1 révision100 $USPayer maintenant
Je préparerai une première ébauche de la livraison.
- 2e étape: LivraisonLivraison en 3 jour(s) · 1 révision150 $USPayez plus tard
Je vous enverrai la livraison finale pour examen et commentaires.
Voici les étapes que nous suivrons pour terminer votre projet.
Respectez les droits des tiers
Veuillez noter qu’il est contraire aux politiques de Fiverr pour les freelances d’inclure des thèmes, des modèles ou tout autre élément d'autrui qui enfreint les droits de tiers ou les lois applicables pour les livrables. En savoir plus en lisant notre Guide pour une création numérique responsable.
Découvrez Saif K
Blender 3D Artist Product Renders, Animation Videos, Print Models and Figurine
- DePakistan
- Membre depuisjuil. 2020
- Temps de réponse moy.1 heure
Langues
Anglais
Traduction automatique
Mon portfolio
FAQ
Traduction automatique
Modélisez-vous l'objet 3D vous-même ?
Oui, dans Blender. Si vous avez déjà un modèle, envoyez-le-moi et je l'optimiserai pour une utilisation en défilement en temps réel plutôt que de le créer de zéro.
Est-ce que cela fonctionnera sur mobile ?
Oui, adapté séparément au comportement de défilement tactile, et pas simplement réduit à la version desktop. La performance mobile est une étape vérifiée dans chaque réalisation.
Puis-je le voir fonctionner avant la livraison finale ?
Oui. Vous recevez un aperçu du modèle avant le début de l'animation, puis un lien de mise en scène en direct pour le parcourir vous-même avant la finition et la livraison.

