Criador de sites com paralaxe — sem código
Descreva um lugar e receba uma página em que céu, prédios e primeiro plano deslizam em velocidades diferentes ao rolar — sem código.
Todo o truque é profundidade. O Studio desenha as camadas.
O Neta Studio é um construtor de mundos com IA — uma frase entrega um mundo com lugares, elenco e clima. Uma página de paralaxe é uma das coisas que esse mundo produz: o mesmo lugar é desenhado uma vez e cortado em camadas, para a rolagem ter o que separar. Esse mundo também pode ser percorrido, jogado ou filmado; esta página cuida só da profundidade.
- Camadas de uma só arte — céu, arquitetura, objetos e silhueta do primeiro plano saem do mesmo máster, então a luz continua batendo quando elas se separam.
- Velocidades que se sentem — cada camada tem a sua; o primeiro plano anda cerca de oito vezes mais rápido que o céu, e é isso que se lê como profundidade em vez de fade.
- Uma pasta, sem build — HTML, CSS e PNG puros. Abra local, jogue em qualquer hospedagem ou publique no mundo para ter um link.
Perguntas frequentes
O que é um site de paralaxe?
Uma página em que coisas a distâncias diferentes se movem em velocidades diferentes quando você rola. O céu desliza, os prédios deslizam mais, o primeiro plano passa voando. A profundidade vem da diferença, não do 3D.
Preciso de Photoshop para recortar as camadas?
Não. A sessão desenha uma arte mestre por cena e devolve as camadas em PNG separados, o primeiro plano com borda transparente. A pasta ainda abre em qualquer editor.
Qual a diferença para um site com vídeo na rolagem?
Um site com vídeo faz scrub de um voo de câmera pré-renderizado: você vê metragem passando. Aqui são camadas paradas empilhadas num palco fixo: nada é filmado, os arquivos são leves e dá para mudar o ritmo de qualquer camada editando um número.
Posso usar meu próprio mundo ou uma IP existente?
Pode. Diga o lugar e o elenco, ou aponte para um mundo que você já construiu — as camadas são desenhadas a partir da arquitetura dele, então as cenas ficam coerentes.
Com quantas cenas começar?
Três. Uma cena prova o efeito; três dão abertura, meio e fechamento. Cada cena acrescenta quatro camadas.
Funciona no celular?
Funciona. O toque na tela move as mesmas velocidades, o palco ocupa a tela e o texto se reajusta no retrato. Com prefers-reduced-motion as camadas ficam paradas e a página vira uma one-page ilustrada comum.
Dá para editar os textos e as velocidades depois?
Dá. O texto é HTML simples e a velocidade de cada camada é um número no script. Troque 0.12 por 0.2 e o céu acelera; o resto da página não se importa.
Preciso hospedar por conta própria?
Não. Publicar dentro do mundo entrega um link que abre no navegador. A pasta também sobe intacta em qualquer hospedagem estática.
Dê profundidade a um lugar.
Uma frase, três cenas, quatro camadas cada — e um link que abre.