FACETAv0.9 · prueba
FACETA · FONDOS 3D EN CARACTERES

Formas quese escriben

Un motor de fondos que convierte geometría en píxeles duros.

▼ scroll
01 · HOVER

Cada forma,su reacción

Repele, estalla, se retuerce, se imanta o se ajusta a una rejilla.

LO BÁSICO

Un fondo, mil formas

Todo es una nube de cuadrados con luz propia. Tú eliges forma, celda y estilo.

Sin imágenes

Las formas se generan en el momento, sin descargar un solo archivo.

Celda fina

Desde 3 px de celda para ganar resolución donde importa.

Hover propio

Cada figura reacciona al puntero de una forma distinta.

Tinte vivo

El acento cambia con el scroll y arrastra a toda la página.

02 · NÚMEROS

Poco peso,mucho detalle

Medido en una escena real de 8 formas.

EN CIFRAS

Lo que pesa cada cosa

Datos de la demo, en una máquina normal.

celda mínima
geometrías incluidas
de hover propio
objetivo de animación
EN MOVIMIENTO

Míralo funcionando

Reproductor propio: espacio para pausar, flechas para saltar, F para pantalla completa.

03 · PROCESO

De ceroa fondo vivo

Cuatro pasos, sin tocar un canvas.

CÓMO FUNCIONA

Cuatro pasos

Del componente a la pantalla.

  1. Elige la formaCubo, pirámide, esfera, nudo… con `scene=`.
  2. Ajusta la celdaFina (3 px) para detalle o gruesa para un look de bloques.
  3. Marca el hoverRepele, lupa, torsión, ondas, imán, rejilla…
  4. Atalo al scrollUn look por sección y el fondo hace el resto.
  1. Forma
  2. Celda
  3. Hover
  4. Scroll
04 · PRUÉBALO

Tú decidesla resolución

Menos celda, más detalle. Más celda, más carácter.

ESTILOS

Cinco maneras de pintar

Reserva, elige tu horario y nosotros nos ocupamos del resto.

Blanco y negro duro, con el acento como tinta. Ideal para celda de 3 a 5 px.
Detalle (celda de 3 px)92%
[######################--]
Coste por fotograma68%
Aspecto de bloques30%
dithermosaicbraillelego
GALERÍA

Escenas de ejemplo

Arrastra, usa las flechas o pulsa una miniatura. Doble clic para ampliar.

Amanecer
AmanecerPrimera luz sobre la bahía
Mediodía
MediodíaMar limpio y viento suave
Atardecer
AtardecerLa hora dorada del swell
Noche
NocheLuna llena y marea alta
Cala
CalaAguas verdes entre rocas
Ocaso
OcasoRojos y naranjas en el horizonte
Bruma
BrumaMañana de niebla fina
Aurora
AuroraCielo violeta sobre el agua
Amanecer
Mediodía
Atardecer
Noche
Cala
Ocaso
Bruma
Aurora
GALERÍAS · SWIPER

Mira cómo se vende verdad

Ocho presentaciones de las mismas fotos: aquí, en contexto.

COVERFLOW

Portafolio en 3D

Arrastra, usa el teclado o deja que avance solo.

Bahía norte
Bahía norteCampaña de verano
Cala del faro
Cala del faroSesión de otoño
Rompiente
RompienteCatálogo de tablas
Luna llena
Luna llenaEdición nocturna
Punta verde
Punta verdeReportaje
Ocaso
OcasoPortada de temporada
Niebla
NieblaSerie en blanco y negro
Aurora
AuroraCartel del festival
CUBO 3D · ARRASTRA PARA GIRAR
Cara norte
Cara norteBahía al amanecer
Cara este
Cara esteMediodía en la barra
Cara sur
Cara surAtardecer de septiembre
Cara oeste
Cara oesteNoche de luna
Arriba
ArribaVista desde el faro
Abajo
AbajoFondo de arena
TIRA LIBRE

Una semana en la escuela

Arrastra en horizontal: cada foto tiene su propio ancho.

Lunes
LunesGrupo de iniciación
Martes
MartesClase privada
Miércoles
MiércolesMarea baja
Jueves
JuevesVídeo de técnica
Viernes
ViernesSurf trip
Sábado
SábadoConcurso local
Domingo
DomingoBarbacoa en la playa
Lunes
LunesNueva serie
MOSAICO

Tienda

Dos filas que se desplazan juntas.

Tabla 6'0
Tabla 6'0Espuma
Tabla 7'2
Tabla 7'2Malibú
Neopreno 3/2
Neopreno 3/2Verano
Neopreno 4/3
Neopreno 4/3Invierno
Poncho
PonchoCambiador
Wax
WaxCoco
Leash
LeashTobillo
Mochila
MochilaEstanca
BARAJA

El equipo

Arrastra la carta de arriba.

Instructores
InstructoresEquipo titulado
Grupos
GruposMáximo seis
Material
MaterialTodo incluido
Playa
PlayaAcceso directo
Vídeo
VídeoCorrección al momento
FUNDIDO

Primeras olas

Doble clic para ampliar.

Primera ola
Primera olaEl día uno
Segunda
SegundaYa de pie
Tercera
TerceraGiro a la derecha
Cuarta
CuartaSin espuma
Quinta
QuintaOla verde
CREATIVA

Sesiones

Las diapositivas entran girando.

Sesión 1
Sesión 1Amanecer
Sesión 2
Sesión 2Mediodía
Sesión 3
Sesión 3Tarde
Sesión 4
Sesión 4Noche
Sesión 5
Sesión 5Madrugada
Sesión 6
Sesión 6Bonus
VÍDEO · ASCII

El mismo vídeo,muchas maneras

Original, en caracteres, con hover y como fondo.

ORIGINAL

Sin efectos

El reproductor normal en formato panorámico, con líneas de barrido.

BRAILLE · ACENTO

Puntos finos

Hover: agua. Pulsa play y pasa el puntero.

MOSAICO · COLOR

Baldosas

Hover: seda.

DITHER · GRISES

Blanco y negro duro

Hover: vórtice.

LEGO · CONTROLES MÍNIMOS

Bloques

Hover: disolución.

MODO FONDO

Vídeo como escenario

Sin controles, en bucle y en caracteres. Mueve el puntero: el hover también funciona.

VÍDEO DE FONDO · ASCII
ENLACE

YouTube sin cookies

Solo una carátula hasta que pulsas play.

CRUZADO

Puntos y contorno

Hover: contorno, con celda gruesa para ver el efecto.

05 · PLANES

Elige tutamaño de celda

Sin letra pequeña. Cancela cuando quieras.

PRECIOS

Tres planes

Todos incluyen las 11 formas y los 8 efectos de hover.

PÍXEL
0 €siempre
  • 3 formas
  • Celda de 8 px
  • Sin hover propio
Empezar ahora
Más popular
FACETA
19 €al mes
  • 11 formas
  • Celda desde 3 px
  • 8 efectos de hover
  • Tinte por scroll
Empezar ahora
ESTUDIO
79 €al mes
  • Todo lo de Faceta
  • Formas a medida
  • Soporte directo
Empezar ahora
06 · VOCES

Lo que dicenquienes lo usan

Y unas cuantas dudas resueltas.

OPINIONES

Se nota en la portada

“Pasé de un vídeo de 8 MB a una forma que responde al puntero. La gente se queda jugando con ella.”
Lucía M.Diseño, estudio Marea
“La celda de 3 px cambió por completo cómo se ve la landing en pantallas grandes.”
Iker P.Front-end
DUDAS

Preguntas frecuentes

No. Las formas se generan en el navegador, sin archivos.

07 · EMPIEZA

Tu portada,en tres píxeles

Pruébalo hoy con la forma que quieras.

ÚLTIMO PASO

Elige forma y celda

Te lo montamos en una tarde.

Cuéntanos tu caso

Respondemos en un día.

Un fondo en tu web durante 14 días.