Effet lampe torche : explorez une page sombre à la lampe torche
L’Effet lampe torche éteint les lumières d’une page web et tend une lampe torche au visiteur. Elle est tenue bas dans un coin, comme dans un jeu à la première personne, et pivote en vraie perspective vers l’endroit où va le pointeur, en éclairant un spot aux bords doux entouré d’un halo discret. Un rayon traverse l’air depuis la lentille, de la poussière flotte dans le faisceau, et la page hors de la lumière sombre dans le noir et le flou. La page en dessous ne change jamais : liens et boutons continuent de fonctionner dans le noir.
Comment ça marche
Choisissez un style
Partez de Balade de nuit, Torche chaude, Projecteur de scène ou d’un autre style, et déplacez le pointeur sur l’aperçu pour promener la lumière sur la page.
Façonnez la lumière
Choisissez la main et la lampe (aluminium usiné, noir classique ou dessinée à plat), la taille et le bord du spot, le rayon, la brume et la poussière, et à quel point le reste de la page devient sombre et flou. Rendu avec propose WebGL, la plus légère, ou Three.js, un vrai modèle 3D.
Utilisez-le ou exportez-le
Connectez-vous avec un compte UX Pilot gratuit pour le placer sur le canvas UX Pilot ou l’exporter en HTML ou en PNG.
Ce que vous pouvez créer
Hero dans le noir
Ouvrez une page de lancement ou un teaser dans le noir et laissez les visiteurs trouver le titre à la lampe torche.
Easter eggs et détails cachés
Cachez un code, une réduction ou un message qui n’apparaît que là où tombe la lumière.
Jeux, mystère et Halloween
Installez l’ambiance d’un jeu, d’un escape game, d’un podcast ou d’une campagne d’Halloween avec une lumière qui suit le visiteur.
Un projecteur sur l’essentiel
Utilisez Projecteur de scène, sans main, pour placer une fonctionnalité, un produit ou un portrait dans un cercle de lumière.
Questions fréquentes
Qu’est-ce qu’un effet lampe torche ?
Sur un site web, un effet lampe torche assombrit la page et n’éclaire qu’un cercle autour du pointeur, comme si le visiteur l’explorait à la lampe. L’Effet lampe torche ajoute une lampe torche en main qui pivote vers la lumière, un rayon dans l’air, de la poussière qui flotte et un flou hors du faisceau.
La lampe torche modifie-t-elle ma page ?
Non. L’obscurité, le faisceau et la main sont dessinés par-dessus la page, qui reste telle quelle en dessous : le texte reste sélectionnable, et les liens et les boutons fonctionnent toujours. Avec le mouvement réduit activé, la page s’ouvre dans le noir avec la lumière allumée et rien ne bouge tout seul.
Quelle est la différence entre WebGL et Three.js ?
Les deux dessinent la même lumière, la même poussière et la même obscurité. WebGL est la version la plus légère et dessine la lampe dans un shader. Three.js la dessine comme un vrai modèle 3D, avec des ailettes, une poignée moletée et un clip qui accrochent la lumière, et met plus de temps à charger. Choisissez l’une ou l’autre dans Rendu avec.
Puis-je créer un effet lampe torche sans code ?
Oui. Réglez-le dans votre navigateur, puis connectez-vous avec un compte UX Pilot gratuit pour le placer sur le canvas UX Pilot ou l’exporter en HTML ou en PNG.