SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

¿Por qué gráficos vectoriales?

La fuente SVG es XML (que se comprime fácilmente a través de Zip)

PNG y JPEG son binarios (ya comprimidos)

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

Beneficios de la animación de Lottie

• Formato vectorial escalable e independiente de la resolución
• Ligero, 600 % más pequeño en comparación con GIF
• Rendimiento extraordinario con animación fluida
• Miles de animaciones gratuitas de Lottie (JSON) disponibles en la web
  • lottiefiles.com
  • señoricon.com
  • useanimations.com
  • icons8.com/iconos-animados
  • iconscout.com/free-lotties

¿Por qué gráficos vectoriales?

La fuente SVG es XML (que se comprime fácilmente a través de Zip)

PNG y JPEG son binarios (ya comprimidos)

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

Redistribuibles

Platform	Library	Size
Win32	sk4d.dll	18 mb
Win64	sk4d.dll	18 mb
Android	libsk4d.so	19 mb
Android64	libsk4d.so	24 mb
iOSDevice64	sk4d.a	60 mb
Ubuntu64	libsk4d.so	22 mb
RedHat64	libsk4d.so	22 mb
OSX64	sk4d.dylib	20 mb
OSXARM64	sk4d.dylib	19 mb

Calidad de renderizado

La calidad del dibujo se mejora, en algunos escenarios, significativamente

Beneficios de la animación de Lottie

• Formato vectorial escalable e independiente de la resolución
• Ligero, 600 % más pequeño en comparación con GIF
• Rendimiento extraordinario con animación fluida
• Miles de animaciones gratuitas de Lottie (JSON) disponibles en la web
  • lottiefiles.com
  • señoricon.com
  • useanimations.com
  • icons8.com/iconos-animados
  • iconscout.com/free-lotties

¿Por qué gráficos vectoriales?

La fuente SVG es XML (que se comprime fácilmente a través de Zip)

PNG y JPEG son binarios (ya comprimidos)

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

Biblioteca Skia4Delphi

• La biblioteca existe conceptualmente en 3 partes:
  1. Skia API (Consola, VCL, FMX)
     • Acceso a la biblioteca pura de Google Skia, a través de una única unidad: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Play Lottie, stickers de Telegram, GIF animado y WebP animado
     • TSkLabel : Múltiples estilos en el texto, grosor de fuente, alineación justificada, límite máximo de líneas, color de fondo en partes del texto, ancho y alto de tamaño automático, decoraciones avanzadas y más
     • TSkPaintBox : use el evento OnDraw para dibujar con la API de Skia directamente en el control
     • TSkSvg : cargar iconos svgs, cambiar colores y modo de ajuste
  3. Representación de aplicaciones (FMX)
     • Característica opcional que, cuando está habilitada, el motor de gráficos FMX será reemplazado por el motor de gráficos de Skia4Delphi, es decir, toda la aplicación, todos los controles en la pantalla, serán pintados internamente por el lienzo basado en Skia.
     • Es decir, al agregar solo 1 línea de código para habilitarlo , toda su aplicación automáticamente:
       • Mejorar la calidad de los dibujos; alisado de bordes dentados
       • Obtenga hasta un 50% de aumento en el rendimiento de los gráficos
       • Aumentar la fidelidad del dibujo
       • Agrega soporte para idiomas de derecha a izquierda
     • Lona FMX

Banco de renderizado de aplicaciones

Redistribuibles

Platform	Library	Size
Win32	sk4d.dll	18 mb
Win64	sk4d.dll	18 mb
Android	libsk4d.so	19 mb
Android64	libsk4d.so	24 mb
iOSDevice64	sk4d.a	60 mb
Ubuntu64	libsk4d.so	22 mb
RedHat64	libsk4d.so	22 mb
OSX64	sk4d.dylib	20 mb
OSXARM64	sk4d.dylib	19 mb

Calidad de renderizado

La calidad del dibujo se mejora, en algunos escenarios, significativamente

Beneficios de la animación de Lottie

• Formato vectorial escalable e independiente de la resolución
• Ligero, 600 % más pequeño en comparación con GIF
• Rendimiento extraordinario con animación fluida
• Miles de animaciones gratuitas de Lottie (JSON) disponibles en la web
  • lottiefiles.com
  • señoricon.com
  • useanimations.com
  • icons8.com/iconos-animados
  • iconscout.com/free-lotties

¿Por qué gráficos vectoriales?

La fuente SVG es XML (que se comprime fácilmente a través de Zip)

PNG y JPEG son binarios (ya comprimidos)

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

Esquiando por Delfos

• ECONOMÍA – Proyecto de código abierto, completamente gratis
• FÁCIL DE USAR: fácil de instalar, código simple

Biblioteca Skia4Delphi

• La biblioteca existe conceptualmente en 3 partes:
  1. Skia API (Consola, VCL, FMX)
     • Acceso a la biblioteca pura de Google Skia, a través de una única unidad: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Play Lottie, stickers de Telegram, GIF animado y WebP animado
     • TSkLabel : Múltiples estilos en el texto, grosor de fuente, alineación justificada, límite máximo de líneas, color de fondo en partes del texto, ancho y alto de tamaño automático, decoraciones avanzadas y más
     • TSkPaintBox : use el evento OnDraw para dibujar con la API de Skia directamente en el control
     • TSkSvg : cargar iconos svgs, cambiar colores y modo de ajuste
  3. Representación de aplicaciones (FMX)
     • Característica opcional que, cuando está habilitada, el motor de gráficos FMX será reemplazado por el motor de gráficos de Skia4Delphi, es decir, toda la aplicación, todos los controles en la pantalla, serán pintados internamente por el lienzo basado en Skia.
     • Es decir, al agregar solo 1 línea de código para habilitarlo , toda su aplicación automáticamente:
       • Mejorar la calidad de los dibujos; alisado de bordes dentados
       • Obtenga hasta un 50% de aumento en el rendimiento de los gráficos
       • Aumentar la fidelidad del dibujo
       • Agrega soporte para idiomas de derecha a izquierda
     • Lona FMX

Banco de renderizado de aplicaciones

Redistribuibles

Platform	Library	Size
Win32	sk4d.dll	18 mb
Win64	sk4d.dll	18 mb
Android	libsk4d.so	19 mb
Android64	libsk4d.so	24 mb
iOSDevice64	sk4d.a	60 mb
Ubuntu64	libsk4d.so	22 mb
RedHat64	libsk4d.so	22 mb
OSX64	sk4d.dylib	20 mb
OSXARM64	sk4d.dylib	19 mb

Calidad de renderizado

La calidad del dibujo se mejora, en algunos escenarios, significativamente

Beneficios de la animación de Lottie

• Formato vectorial escalable e independiente de la resolución
• Ligero, 600 % más pequeño en comparación con GIF
• Rendimiento extraordinario con animación fluida
• Miles de animaciones gratuitas de Lottie (JSON) disponibles en la web
  • lottiefiles.com
  • señoricon.com
  • useanimations.com
  • icons8.com/iconos-animados
  • iconscout.com/free-lotties

¿Por qué gráficos vectoriales?

La fuente SVG es XML (que se comprime fácilmente a través de Zip)

PNG y JPEG son binarios (ya comprimidos)

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

Esquiando por Delfos

• ECONOMÍA – Proyecto de código abierto, completamente gratis
• FÁCIL DE USAR: fácil de instalar, código simple

Biblioteca Skia4Delphi

• La biblioteca existe conceptualmente en 3 partes:
  1. Skia API (Consola, VCL, FMX)
     • Acceso a la biblioteca pura de Google Skia, a través de una única unidad: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Play Lottie, stickers de Telegram, GIF animado y WebP animado
     • TSkLabel : Múltiples estilos en el texto, grosor de fuente, alineación justificada, límite máximo de líneas, color de fondo en partes del texto, ancho y alto de tamaño automático, decoraciones avanzadas y más
     • TSkPaintBox : use el evento OnDraw para dibujar con la API de Skia directamente en el control
     • TSkSvg : cargar iconos svgs, cambiar colores y modo de ajuste
  3. Representación de aplicaciones (FMX)
     • Característica opcional que, cuando está habilitada, el motor de gráficos FMX será reemplazado por el motor de gráficos de Skia4Delphi, es decir, toda la aplicación, todos los controles en la pantalla, serán pintados internamente por el lienzo basado en Skia.
     • Es decir, al agregar solo 1 línea de código para habilitarlo , toda su aplicación automáticamente:
       • Mejorar la calidad de los dibujos; alisado de bordes dentados
       • Obtenga hasta un 50% de aumento en el rendimiento de los gráficos
       • Aumentar la fidelidad del dibujo
       • Agrega soporte para idiomas de derecha a izquierda
     • Lona FMX

Banco de renderizado de aplicaciones

Redistribuibles

Platform	Library	Size
Win32	sk4d.dll	18 mb
Win64	sk4d.dll	18 mb
Android	libsk4d.so	19 mb
Android64	libsk4d.so	24 mb
iOSDevice64	sk4d.a	60 mb
Ubuntu64	libsk4d.so	22 mb
RedHat64	libsk4d.so	22 mb
OSX64	sk4d.dylib	20 mb
OSXARM64	sk4d.dylib	19 mb

Calidad de renderizado

La calidad del dibujo se mejora, en algunos escenarios, significativamente

Beneficios de la animación de Lottie

• Formato vectorial escalable e independiente de la resolución
• Ligero, 600 % más pequeño en comparación con GIF
• Rendimiento extraordinario con animación fluida
• Miles de animaciones gratuitas de Lottie (JSON) disponibles en la web
  • lottiefiles.com
  • señoricon.com
  • useanimations.com
  • icons8.com/iconos-animados
  • iconscout.com/free-lotties

¿Por qué gráficos vectoriales?

La fuente SVG es XML (que se comprime fácilmente a través de Zip)

PNG y JPEG son binarios (ya comprimidos)

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

Esquiando por Delfos

• ECONOMÍA – Proyecto de código abierto, completamente gratis
• FÁCIL DE USAR: fácil de instalar, código simple

Biblioteca Skia4Delphi

• La biblioteca existe conceptualmente en 3 partes:
  1. Skia API (Consola, VCL, FMX)
     • Acceso a la biblioteca pura de Google Skia, a través de una única unidad: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Play Lottie, stickers de Telegram, GIF animado y WebP animado
     • TSkLabel : Múltiples estilos en el texto, grosor de fuente, alineación justificada, límite máximo de líneas, color de fondo en partes del texto, ancho y alto de tamaño automático, decoraciones avanzadas y más
     • TSkPaintBox : use el evento OnDraw para dibujar con la API de Skia directamente en el control
     • TSkSvg : cargar iconos svgs, cambiar colores y modo de ajuste
  3. Representación de aplicaciones (FMX)
     • Característica opcional que, cuando está habilitada, el motor de gráficos FMX será reemplazado por el motor de gráficos de Skia4Delphi, es decir, toda la aplicación, todos los controles en la pantalla, serán pintados internamente por el lienzo basado en Skia.
     • Es decir, al agregar solo 1 línea de código para habilitarlo , toda su aplicación automáticamente:
       • Mejorar la calidad de los dibujos; alisado de bordes dentados
       • Obtenga hasta un 50% de aumento en el rendimiento de los gráficos
       • Aumentar la fidelidad del dibujo
       • Agrega soporte para idiomas de derecha a izquierda
     • Lona FMX

Banco de renderizado de aplicaciones

Redistribuibles

Platform	Library	Size
Win32	sk4d.dll	18 mb
Win64	sk4d.dll	18 mb
Android	libsk4d.so	19 mb
Android64	libsk4d.so	24 mb
iOSDevice64	sk4d.a	60 mb
Ubuntu64	libsk4d.so	22 mb
RedHat64	libsk4d.so	22 mb
OSX64	sk4d.dylib	20 mb
OSXARM64	sk4d.dylib	19 mb

Calidad de renderizado

La calidad del dibujo se mejora, en algunos escenarios, significativamente

Beneficios de la animación de Lottie

• Formato vectorial escalable e independiente de la resolución
• Ligero, 600 % más pequeño en comparación con GIF
• Rendimiento extraordinario con animación fluida
• Miles de animaciones gratuitas de Lottie (JSON) disponibles en la web
  • lottiefiles.com
  • señoricon.com
  • useanimations.com
  • icons8.com/iconos-animados
  • iconscout.com/free-lotties

¿Por qué gráficos vectoriales?

La fuente SVG es XML (que se comprime fácilmente a través de Zip)

PNG y JPEG son binarios (ya comprimidos)

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.

¿Qué tienen en común Google Chrome, Mozilla Firefox, Chrome OS, Android, Flutter y Delphi? Tienen gráficos acelerados gracias a Skia. Esta biblioteca de gráficos 2D multiplataforma de alto rendimiento está conquistando el mundo del desarrollo. Funciona con VCL y FireMonkey en todas las plataformas compatibles con Delphi. Una línea de código puede hacer que sus aplicaciones FireMonkey existentes sean más rápidas, o ir más allá y desbloquear nuevas funciones para interfaces de usuario impresionantes. Skia4Delphi es un proyecto de código abierto de los ganadores y hermanos del Premio Spirit of Delphi, Paulo César Botelho Barbosa y Vinícius Felipe Botelho Barbosa. Entonces, ¿cómo usa Skia4Delphi y lleva el desarrollo de su aplicación al siguiente nivel? Has venido al lugar correcto. Aquí hay algunos videos más cortos o puede ver la repetición completa : https://youtu.be/rtnipmzWXhE

¿Qué es Skia, quieres preguntar?

Imagine que es un desarrollador de software que necesita llegar a todas las plataformas principales hoy en día. Sus opciones tradicionales son:

• Nativo
  • Acceso directo al hardware
  • Código separado para cada plataforma
  • Mejor experiencia de usuario a costa de la productividad del desarrollador
• Web/Nube
  • Mayormente código compartido
  • Separado del hardware
  • Mejor productividad del desarrollador a costa de la experiencia del usuario

Esquiando por Delfos

• ECONOMÍA – Proyecto de código abierto, completamente gratis
• FÁCIL DE USAR: fácil de instalar, código simple

Biblioteca Skia4Delphi

• La biblioteca existe conceptualmente en 3 partes:
  1. Skia API (Consola, VCL, FMX)
     • Acceso a la biblioteca pura de Google Skia, a través de una única unidad: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Play Lottie, stickers de Telegram, GIF animado y WebP animado
     • TSkLabel : Múltiples estilos en el texto, grosor de fuente, alineación justificada, límite máximo de líneas, color de fondo en partes del texto, ancho y alto de tamaño automático, decoraciones avanzadas y más
     • TSkPaintBox : use el evento OnDraw para dibujar con la API de Skia directamente en el control
     • TSkSvg : cargar iconos svgs, cambiar colores y modo de ajuste
  3. Representación de aplicaciones (FMX)
     • Característica opcional que, cuando está habilitada, el motor de gráficos FMX será reemplazado por el motor de gráficos de Skia4Delphi, es decir, toda la aplicación, todos los controles en la pantalla, serán pintados internamente por el lienzo basado en Skia.
     • Es decir, al agregar solo 1 línea de código para habilitarlo , toda su aplicación automáticamente:
       • Mejorar la calidad de los dibujos; alisado de bordes dentados
       • Obtenga hasta un 50% de aumento en el rendimiento de los gráficos
       • Aumentar la fidelidad del dibujo
       • Agrega soporte para idiomas de derecha a izquierda
     • Lona FMX

Banco de renderizado de aplicaciones

Redistribuibles

Platform	Library	Size
Win32	sk4d.dll	18 mb
Win64	sk4d.dll	18 mb
Android	libsk4d.so	19 mb
Android64	libsk4d.so	24 mb
iOSDevice64	sk4d.a	60 mb
Ubuntu64	libsk4d.so	22 mb
RedHat64	libsk4d.so	22 mb
OSX64	sk4d.dylib	20 mb
OSXARM64	sk4d.dylib	19 mb

Calidad de renderizado

La calidad del dibujo se mejora, en algunos escenarios, significativamente

Beneficios de la animación de Lottie

• Formato vectorial escalable e independiente de la resolución
• Ligero, 600 % más pequeño en comparación con GIF
• Rendimiento extraordinario con animación fluida
• Miles de animaciones gratuitas de Lottie (JSON) disponibles en la web
  • lottiefiles.com
  • señoricon.com
  • useanimations.com
  • icons8.com/iconos-animados
  • iconscout.com/free-lotties

¿Por qué gráficos vectoriales?

La fuente SVG es XML (que se comprime fácilmente a través de Zip)

PNG y JPEG son binarios (ya comprimidos)

Comparaciones de tamaño de archivo de imagen

¿Animaciones vectoriales?

Lottie es un formato de animación basado en JSON.

Name	Type	Size	Relative
dev_coding.tgs	tgs (zipped json)	55,834	–
dev_coding.mp4	mpeg4 (lossy)	373,642	7x
dev_coding.json	lottie (json)	583,485	10x
dev_coding.gif	gif (lossless)	5,020,259	90x

Diseño de interfaz de usuario

• SVG y Lottie facilitan al diseñador la creación de plantillas de interfaz de usuario fluidas y de alta resolución. Luego, con Skia4Delphi puede hacer que la interfaz de usuario coincida perfectamente.
• Haz que el movimiento sea parte de tu UI/UX
• Otros usos:
  • Acerca de pantallas, pantallas de presentación, instaladores, incorporación de usuarios, asistentes, etc.

SIGUE EL PROYECTO

• github.com/skia4delphi/skia4delphi
• t.me/skia4delphi
• skia4delphi.org
• blogs.embarcadero.com/?p=140459

Más enlaces

• Skia4Delphi – github.com/skia4delphi/skia4delphi
• Seminario web – blogs.embarcadero.com/?p=140459

• Documentación de esquí
  • skia.org/docs/
  • api.skia.org/

• Más sobre sombreadores
  • shaders.skia.org/
  • thebookofshaders.com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Más muestras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

notas

1. Para la plataforma Mac, cuando GlobalUseMetal es cierto junto con GlobalUseSkia, el rendimiento con FMX clásico es similar.
2. En iOS no hay enlace compartido (bibliotecas compartidas: dll, .so, .dylib), solo estático (en este caso .a). En este .a (equivalente a .lib en Windows), tiene todos los archivos obj generados, sin embargo, a pesar de tener 60 MB, el tamaño de la app resultante es mucho menor, pues solo se compila junto con las funciones utilizadas. En otras palabras, es común que las bibliotecas estáticas sean más grandes que las bibliotecas compartidas, pero la salida resultante es mucho más pequeña y no tiene más que el tamaño normal que tendría una biblioteca compartida.