Creador de webs 3D con scroll

Creador de webs 3D con scroll — sin Three.js

Describe un lugar en una frase y el scroll mueve una cámara real por dentro: escenas generadas, una entrada en cada una, salidas que no se ven. Sin Three.js ni GSAP.

Liyue, el callejón de los faroles — Genshin Impact. En plena entrada: los faroles pasan junto al objetivo y el mercado conserva su profundidad.Fontaine, la gran escalera — El vuelo arranca fuera de la galería y entra en ella — un solo plano, sin corte.Katagiri High, la escalera — Horimiya. Hori sale; el pasillo mantiene su profundidad detrás de ella.Shibuya, el cruce — Hecho para esta página: una frase, tres planos, un vuelo continuo.

Funciona con la skill Scroll World Video.

✦Web 3D con scroll
Crea una web 3D con scroll sobre un mercado nocturno bajo un solo farol largo
La terminal del acuabus — Primera parada: titular, texto y etiquetas sobre el agua. Solo el scroll mueve la cámara.
La terminal del acuabus — Primera parada: titular, texto y etiquetas sobre el agua. Solo el scroll mueve la cámara.
El techo de la ópera — Tercera parada. Las puertas, la luz, el mismo vuelo, todavía sin corte.
El techo de la ópera — Tercera parada. Las puertas, la luz, el mismo vuelo, todavía sin corte.
Los puestos con la marea baja — Xiangling tras el mostrador; marea y captura son datos, no decoración.
Los puestos con la marea baja — Xiangling tras el mostrador; marea y captura son datos, no decoración.
El campo de entrenamiento — The Hollow Star. Un riel de doce capítulos y un descenso aéreo a la arena.
El campo de entrenamiento — The Hollow Star. Un riel de doce capítulos y un descenso aéreo a la arena.
El último timbre — Hori y Miyamura en las taquillas, el titular se queda a la izquierda.
El último timbre — Hori y Miyamura en las taquillas, el titular se queda a la izquierda.
Sobre las aulas — Última parada: dos personajes en la barandilla, la ciudad volviéndose oro.
Sobre las aulas — Última parada: dos personajes en la barandilla, la ciudad volviéndose oro.
El cruce — Hecho para esta página. A ras de calle, la cámara baja sobre la multitud.
El cruce — Hecho para esta página. A ras de calle, la cámara baja sobre la multitud.
La bajada — Segundo plano: la boca del metro, las barandillas pasando, los tornos al fondo.
La bajada — Segundo plano: la boca del metro, las barandillas pasando, los tornos al fondo.
Sobre la cortina — Último plano: la azotea, la figura, todo el cruce debajo.
Sobre la cortina — Último plano: la azotea, la figura, todo el cruce debajo.
01 / 03

Fontaine, de noche

Tres paradas en un solo plano: la terminal, la galería, el techo de la ópera.

Fontaine, de nocheOpen in new tab
Want your own?

Una frase, y la página se desplaza como una cámara.

Neta Studio genera cada escena, mantiene un mismo color en todas y vuela la cámara entre ellas. La página publicada solo hace scrub de ese material, así que la posición del scroll es el reloj de la cámara — y los textos siguen editables donde vive la página.

  • Profundidad, no parallax falso — una escena se genera como imagen fija y luego un modelo vuela la cámara dentro. Nada se simula con PNG apilados ni transformaciones CSS.
  • Costuras que no se encuentran — cada unión se ajusta al último fotograma del clip anterior, así que el vuelo se lee como una sola toma.
  • Editable después de publicar — titular, texto, etiquetas y orden de escenas son campos normales. Cámbialos, republica, la cámara sigue igual.

Preguntas frecuentes

¿Esto es 3D de verdad o un vídeo en una página?

Está prerenderizado. Cada escena es una imagen generada, el movimiento es un clip generado y la posición del scroll hace scrub de ese clip. Hay profundidad y movimiento reales por unos pocos megas por escena — pero no puedes orbitar el modelo ni salir del recorrido.

¿Hace falta Three.js, GSAP o un diseñador?

No. Escribes una frase. Sin librería, sin timeline, sin grafo de escena y sin presupuesto de rodaje.

¿Cuánto pesa la primera carga?

Tres escenas, unos 23–25 MB, detrás de una barra de progreso antes de abrir. Cada escena extra suma unos 9 MB a esa espera.

¿Puedo usar mis fotos o mi marca?

Sí. Pásalas como referencias y cada escena se deriva de ellas, así un lugar real conserva su aspecto y su luz. Para un mundo que aún no existe, basta una frase.

¿Qué puedo cambiar después?

El titular, una línea de texto y hasta tres etiquetas por escena, más el orden. El trabajo de cámara queda como se renderizó.

¿Funciona en el móvil?

La página abre y se desplaza, con codificaciones más ligeras y recorte centrado. El scrub es un gesto de escritorio; en una conexión lenta lo que se nota es la primera carga.

¿En qué se diferencia de una plantilla con animaciones al scroll?

Una plantilla anima elementos que ya tienes. Aquí la escena, la profundidad y el recorrido de cámara se generan, así que la página puede volar por un lugar que nunca existió.

¿Dónde vive el sitio terminado?

Se publica como obra con su propio enlace público. Envíalo, insértalo o duplícalo y cambia las escenas.

Una frase, un vuelo.

Tres escenas, una cámara que las atraviesa y un enlace para enviar.

×