Je vais créer un site web avec animation de défilement en utilisant three js gsap et next js


À propos de ce service
Traduction automatique
Le défilement peut faire plus que faire défiler du texte à l'écran. Il peut faire voler une caméra autour d’un globe, démonter un produit ou guider quelqu’un à travers le fonctionnement d’une chose.
Je construis des sites web 3D pilotés par le défilement avec three.js, GSAP et Next.js. La page est une scène continue : à mesure que le visiteur défile, la caméra se déplace, les parties se séparent, les routes se dessinent et chaque chapitre arrive avec ses propres mots.
CE QUE VOUS OBTENEZ
- Une scène 3D continue, pas une pile de sections
- Chaque chapitre encadré et chronométré pour permettre la lecture des mots
- Une animation fluide sur les téléphones, pas seulement sur les ordinateurs portables rapides
- Un code Next.js propre que vous possédez, déployé et en ligne
- Un fichier de paramètres pour que vous puissiez modifier le texte vous-même
POUR QUI C’EST BIEN
Voyage et tourisme, cliniques et dispositifs médicaux, ingénierie, architecture, lancements de produits, tout ce qui nécessite une explication plutôt qu’une simple liste.
CE DONT J’AI BESOIN
Votre texte, vos photos ou modèle, et l’ordre dans lequel vous souhaitez que les choses soient révélées.
La galerie montre des démos : un voyage autour d’un globe, et un implant dentaire qui se sépare en ses parties.
Dites-moi ce que vous souhaitez expliquer et je vous proposerai comment cela pourrait se dérouler.
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 Arthur Morgan
- DeInde
- Membre depuisjuin 2024
- Temps de réponse moy.1 heure
Langues
Anglais
Traduction automatique
FAQ
Traduction automatique
Qu’est-ce qu’un site piloté par le défilement ?
La page est une scène 3D, et le défilement déplace la caméra à travers elle au lieu de sauter entre des blocs. Pensez aux pages produits d’Apple : l’objet reste fixe, la vue et les mots changent autour.
Ai-je besoin d’un modèle 3D ?
Pas toujours. Un globe, une carte ou une scène abstraite que je construis en code. Pour votre produit spécifique, j’ai besoin d’un modèle ou d’un fichier CAD, ou de bonnes photos pour en sourcer et optimiser un.
Cela fonctionne-t-il sur les téléphones ?
Oui. Je crée une mise en page portrait avec son propre encadrement, car une scène conçue pour un grand écran ne fonctionne pas souvent sur un écran étroit. Les vieux téléphones reçoivent une version allégée pour éviter tout ralentissement.
Est-ce mauvais pour le SEO ?
Non. Le texte est du HTML réel, rendu sur le serveur avec Next.js, ce qui permet aux moteurs de recherche de lire les mots normalement. Seule la scène 3D se charge après.
Les exemples sont-ils des travaux réels de clients ?
Non. Ce sont des démos montrant ce qui est possible, donc les marques sont fictives. Le code, le travail 3D et la performance sont identiques à ce que vous obtiendriez.

