¿Qué formatos de imagen soporta la herramienta?

Puedes subir imágenes en formato WebP (incluyendo VP8), JPEG, PNG y AVIF, con un tamaño máximo de archivo de 20 MB.

¿Para qué sirve la escala de desplazamiento?

Controla la intensidad del relieve 3D. Un valor mayor hará que las áreas claras de la imagen resalten más respecto a las áreas oscuras.

¿Qué son los segmentos del plano?

Definen la resolución geométrica del modelo 3D. Más segmentos (hasta 320) ofrecen un relieve más detallado, pero requieren mayor rendimiento gráfico.

¿Puedo ver la estructura del modelo 3D?

Sí, activando la opción 'Superposición wireframe' podrás visualizar la malla de polígonos que forma el relieve.

¿Cómo funciona la generación del mapa de altura?

La herramienta convierte la luminosidad de la imagen original en valores de escala de grises, donde el blanco representa la máxima altura y el negro la base plana.

Elysia Tools

Navegación

Design

Analizador de imagen VP8

Analiza imagenes WebP/VP8 con Sharp, genera un mapa gris de desplazamiento y renderiza un relieve 3D con Three.js

Detalles

Qué te ayuda a hacer esta herramienta

Sube una imagen WebP o raster. Sharp crea el mapa de altura y Three.js lo usa como displacementMap en PlaneGeometry.

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Ejecuciones de ejemplo preparadas

Haz clic en un ejemplo para completar el formulario automáticamente. Los archivos aún deben subirse.

1 ejemplos

Inspeccionar una textura WebP como relieve 3D

Convierte brillo en un mapa de desplazamiento generado con Sharp y revisa la profundidad en Three.js

<div>Interactive Three.js PlaneGeometry with Sharp grayscale displacement map.</div>

Entradas

Completa los campos necesarios y ejecuta la herramienta.

6 opciones

ArchivosSube los archivos fuente para este flujo.1

Archivo de imagenfileObligatorio

Tamaño máximo por archivo: 20 MBTipos admitidos: image/webp, image/jpeg, image/png, image/avif

AjustesAjusta formatos, rangos, números y modos.3

Escala de desplazamientorangeOpcional

Segmentos del planorangeOpcional

32320

Tamano maximo de texturaselectOpcional

InterruptoresActiva o desactiva comportamientos opcionales.2

Rotacion automaticacheckboxOpcionalActivado si está marcadoSuperposicion wireframecheckboxOpcionalActivado si está marcado

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Analizador de imagen VP8

Qué te ayuda a hacer esta herramienta

Ejecutar esta herramienta

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Visualización de un mapa topográfico

2. Inspección de textura WebP

Preguntas frecuentes

Ejemplos de Procesamiento de Imágenes Android Java

Ejemplos de Procesamiento de Imágenes Android Kotlin

Ejemplos de Procesamiento de Imágenes Web Python

Ejemplos de Procesamiento de Imágenes Web Rust

De paleta de imagen a design tokens

Generador de Data URI

Extractor de Metadatos de Imagen

Marca de Agua de Imágenes en Lote

Herramientas de conversion de formatos de imagen y exportacion animada

Herramientas de conversión de texto, codificación y normalización

Herramientas de limpieza, acabado y preparacion por lotes de imagenes

Herramientas de Text