chrisrosso.dev
Este sitio: un pueblo de piezas que se arma solo mientras bajas.
- Cliente
- Christopher Rosso
- Alcance
- Concepto, 3D, diseño, desarrollo
- Año
- 2026
- Estado
- En vivo · chrisrosso.dev (se abre en una pestaña nueva)
Mi propio sitio, hecho como un manual de instrucciones de armado. Cada sección es un paso y, cuando aparece, un pueblo de piezas arma ese paso detrás del texto: la calle, luego Plazuela, Petzone y Purrsuit, y al final un lote vacío para que construyas tú. Todo está dibujado en código con three.js, incluido yo, saludando desde una base con mi nombre.
Qué se entregó
- Un pueblo que se arma un paso por sección, pieza por pieza, mientras bajas
- Cada modelo dibujado en código, capa por capa, y partido en piezas de tamaños reales con las uniones alternadas, que un interruptor separa para mostrarlas
- Caras, camisas y letreros impresos en las piezas desde un canvas
- Un lote vacío donde los visitantes apilan sus propias piezas y luego lo comparten como enlace o lo convierten en un proyecto
- Solo dibuja cuando algo se mueve, y el texto carga antes que el 3D
- En español e inglés, y tranquilo con movimiento reducido
- Lluvia de piezas desde el logo que cae sobre la página y se apila, e instrucciones de armado para cada modelo
Etiquetas
Los pasos
4 pantallasCada sección de la página de inicio es un paso del manual. Bajas, y su parte del pueblo cae en su lugar detrás, pieza por pieza, mientras la cámara se mueve hacia ella.
En el celular
5 pantallasEn el celular, el pueblo se queda en la mitad de arriba de la pantalla y los pasos pasan por debajo.
Cosas por descubrir
4 pantallasEl sitio premia al que curiosea. El lote de la página de inicio recibe tus propias piezas, y cada color es una parte, así que una pila puede volverse un proyecto o un enlace para compartir. Haz clic tres veces en el logo (él mismo te lo dice) y llueven piezas que caen sobre la página. El armador de proyectos apila cada pieza que escoges y suma un precio aproximado, y cada caso de estudio abre con su proyecto hecho en piezas y sus instrucciones de armado, paso a paso.
El resto del manual
2 pantallasTrabajo, Sobre mí y los casos de estudio comparten el mismo papel, la misma tinta y los botones de piezas. En Sobre mí, el yo de piezas gira si lo arrastras y salta si lo tocas.
Más trabajo
Todos los proyectos
Trabajemos juntos
SiguienteCuéntame qué estás construyendo y te digo cuánto cuesta y cuándo sale.