Filippo 3D
De Casiopea
Filippo 3D
| Autor | Herbert Spencer |
|---|---|
| Lugar | Pittsburgh, Auckland |
| Ámbito Geográfico | Internacional |
| Período | 2006-2026 |
| Palabras Clave | dibujo, 3d, processing, p5js, trazo, herramienta |
| Oficios | Diseño |
| Área de Investigación | Forma, Cultura y Tecnología |
| Materialidad | Software |
| URL | http://www.herbertspencer.net/filippo3d |
| Descripción | Herramienta de dibujo 2D y 3D para profesores y artistas |
| Nota | Herramienta de código abierto disponible en https://github.com/hspencer/filippo3d |
Filippo3D es una herramienta de dibujo 3D (p5.js/WEBGL) pensada para docencia: dibujas en el plano de la pantalla (como en un vidrio frente a la escena) y luego rotas/exploras el dibujo en el espacio. Permite proyectar la pantalla, usar lápiz/stylus con presión, y mostrar el proceso de construcción en perspectiva.
- Principio: siempre dibujas en el plano z=0 de la vista actual; puedes orbitar y panear libremente, pero cada trazo se deposita sobre el plano que ves.
- Interacción clave: dibujar libre/recta (Shift), deshacer (Cmd/Ctrl+Z), cambiar grosor (.,), selección y transformación (mover, rotar ejes X/Y/Z, escalar), guías de profundidad (D + scroll), vistas predefinidas (F/T/B/L/R/K), orto/perspectiva (O), grid y ejes (G), export PNG (Cmd/Ctrl+S), guardar/cargar .f3d.
- Navegación 3D: órbita (middle-drag), paneo (right/Space-drag), rotar por eje (X/Y/Z), ajuste de profundidad con guía.
- Formato de archivo: guarda como .f3d (JSON); importa .json antiguos.
- Tecnología: p5.js (WEBGL); Pointer Events con soporte de presión; archivos estáticos (sin build); despliegue en GitHub Pages.
- Demo: https://herbertspencer.net/filippo3d/
- Legado: versión original (Processing, 2006, clase de Golan Levin) en branch processing-original, tag v1.0.
- Licencia: CC BY-NC-SA 4.0 (Herbert Spencer).
- Repo: https://github.com/hspencer/filippo3d
