Créateur de sites parallaxe — sans code
Décrivez un lieu et obtenez une page où le ciel, les bâtiments et le premier plan glissent à des vitesses différentes au défilement — sans code.
Tout le truc, c'est la profondeur. Studio dessine les calques.
Neta Studio est un constructeur de mondes IA — une phrase donne un monde avec des lieux, un casting et de la météo. Une page parallaxe est un des objets que ce monde produit : le même lieu est dessiné une fois, puis découpé en calques, pour que le défilement ait quelque chose à séparer. Ce monde se parcourt aussi à pied, se joue ou se filme ; cette page ne s'occupe que de la profondeur.
- Des calques issus d'une seule image — ciel, architecture, accessoires et silhouette de premier plan sortent du même master, donc la lumière tient encore quand ils se séparent.
- Des vitesses qu'on sent — chaque couche a la sienne ; le premier plan va environ huit fois plus vite que le ciel, et c'est ça qui se lit comme de la profondeur et non comme un fondu.
- Un dossier, aucun build — HTML, CSS et PNG simples. Ouvrez-le en local, posez-le sur n'importe quel hébergeur, ou publiez-le dans le monde pour obtenir un lien.
Questions fréquentes
Qu'est-ce qu'un site parallaxe ?
Une page où des éléments à des distances différentes bougent à des vitesses différentes quand on défile. Le ciel dérive, les bâtiments dérivent davantage, le premier plan file. La profondeur vient de l'écart de vitesse, pas de la 3D.
Faut-il Photoshop pour découper les calques ?
Non. La session dessine une œuvre maîtresse par scène et rend les calques en PNG séparés, premier plan compris avec un bord transparent. Le dossier s'ouvre quand même dans n'importe quel éditeur.
Quelle différence avec un site à vidéo au défilement ?
Un site à vidéo scrute un vol de caméra pré-rendu : on regarde des images défiler. Ici, ce sont des calques fixes empilés sur une scène fixe : rien n'est filmé, les fichiers sont légers, et on peut changer la vitesse d'une couche en modifiant un seul nombre.
Puis-je utiliser mon propre monde ou une IP existante ?
Oui. Nommez le lieu et le casting, ou pointez un monde déjà construit — les calques sont dessinés d'après son architecture, donc les scènes restent cohérentes.
Par combien de scènes commencer ?
Trois. Une scène prouve l'effet ; trois donnent une ouverture, un milieu et une fin. Chaque scène ajoute quatre calques.
Est-ce que ça marche sur téléphone ?
Oui. Le défilement tactile pilote les mêmes vitesses, la scène remplit l'écran et le texte se resserre en portrait. Sous prefers-reduced-motion, les calques restent immobiles et la page redevient une page illustrée classique.
Puis-je modifier les textes et les vitesses ensuite ?
Oui. Le texte est du HTML simple et la vitesse de chaque couche est un nombre dans le script. Passez 0.12 à 0.2 et le ciel accélère ; le reste de la page s'en moque.
Dois-je l'héberger moi-même ?
Non. Publier dans le monde donne un lien qui s'ouvre dans un navigateur. Le dossier se dépose aussi tel quel sur n'importe quel hébergement statique.
Donnez de la profondeur à un lieu.
Une phrase, trois scènes, quatre calques chacune — et un lien qui s'ouvre.