Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.

SVG Source é XML (que facilmente compacta via Zip)

PNG e JPEG são binários (já compactados)

Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.

Benefícios da Lottie Animation

• Formato vetorial independente e escalável de resolução
• Leve, 600% menor quando comparado ao GIF
• Desempenho extraordinário com animação suave
• Milhares de animações gratuitas de Lottie (JSON) disponíveis na web
  • lottiefiles. com
  • lordicon.com
  • useanimations.com
  • icons8.com/animated-icons
  • iconscout.com/free-lotties

SVG Source é XML (que facilmente compacta via Zip)

PNG e JPEG são binários (já compactados)

Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.

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

Qualidade de renderização

A qualidade do desenho é melhorada, em alguns cenários, significativamente

Benefícios da Lottie Animation

• Formato vetorial independente e escalável de resolução
• Leve, 600% menor quando comparado ao GIF
• Desempenho extraordinário com animação suave
• Milhares de animações gratuitas de Lottie (JSON) disponíveis na web
  • lottiefiles. com
  • lordicon.com
  • useanimations.com
  • icons8.com/animated-icons
  • iconscout.com/free-lotties

SVG Source é XML (que facilmente compacta via Zip)

PNG e JPEG são binários (já compactados)

Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.

Biblioteca Skia4Delphi

• A biblioteca existe conceitualmente em 3 partes:
  1. API Skia (console, VCL, FMX)
     • Acesso à biblioteca pura do Google Skia, através de uma única unidade: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Jogue Lottie, adesivos de Telegram, GIF animado e WebP animado
     • TSkLabel : Vários estilos no texto, peso da fonte, alinhamento justificado, limite máximo de linhas, cor de fundo em partes do texto, largura e altura de tamanho automático, decorações avançadas e muito mais
     • TSkPaintBox : use o evento OnDraw para desenhar com a API Skia diretamente no controle
     • TSkSvg : carrega ícones svgs, muda cores e modo wrap
  3. Renderização de aplicativo (FMX)
     • Recurso opcional que quando habilitado, o motor gráfico do FMX será substituído pelo motor gráfico do Skia4Delphi, ou seja, todo o aplicativo, todos os controles na tela, serão pintados internamente pelo canvas baseado no Skia.
     • Ou seja, ao adicionar apenas 1 linha de código para habilitá-lo , todo o seu aplicativo irá automaticamente:
       • Melhorar a qualidade dos desenhos; alisamento de bordas irregulares
       • Ganhe até 50% de aumento no desempenho gráfico
       • Aumente a fidelidade do desenho
       • Adiciona suporte para idiomas da direita para a esquerda
     • Tela FMX

Banco de Renderização de Aplicativos

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

Qualidade de renderização

A qualidade do desenho é melhorada, em alguns cenários, significativamente

Benefícios da Lottie Animation

• Formato vetorial independente e escalável de resolução
• Leve, 600% menor quando comparado ao GIF
• Desempenho extraordinário com animação suave
• Milhares de animações gratuitas de Lottie (JSON) disponíveis na web
  • lottiefiles. com
  • lordicon.com
  • useanimations.com
  • icons8.com/animated-icons
  • iconscout.com/free-lotties

SVG Source é XML (que facilmente compacta via Zip)

PNG e JPEG são binários (já compactados)

Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.

Esqui para Delfos

• ECONOMY – Projeto de código aberto, totalmente gratuito
• FÁCIL DE USAR – Fácil de instalar, código simples

Biblioteca Skia4Delphi

• A biblioteca existe conceitualmente em 3 partes:
  1. API Skia (console, VCL, FMX)
     • Acesso à biblioteca pura do Google Skia, através de uma única unidade: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Jogue Lottie, adesivos de Telegram, GIF animado e WebP animado
     • TSkLabel : Vários estilos no texto, peso da fonte, alinhamento justificado, limite máximo de linhas, cor de fundo em partes do texto, largura e altura de tamanho automático, decorações avançadas e muito mais
     • TSkPaintBox : use o evento OnDraw para desenhar com a API Skia diretamente no controle
     • TSkSvg : carrega ícones svgs, muda cores e modo wrap
  3. Renderização de aplicativo (FMX)
     • Recurso opcional que quando habilitado, o motor gráfico do FMX será substituído pelo motor gráfico do Skia4Delphi, ou seja, todo o aplicativo, todos os controles na tela, serão pintados internamente pelo canvas baseado no Skia.
     • Ou seja, ao adicionar apenas 1 linha de código para habilitá-lo , todo o seu aplicativo irá automaticamente:
       • Melhorar a qualidade dos desenhos; alisamento de bordas irregulares
       • Ganhe até 50% de aumento no desempenho gráfico
       • Aumente a fidelidade do desenho
       • Adiciona suporte para idiomas da direita para a esquerda
     • Tela FMX

Banco de Renderização de Aplicativos

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

Qualidade de renderização

A qualidade do desenho é melhorada, em alguns cenários, significativamente

Benefícios da Lottie Animation

• Formato vetorial independente e escalável de resolução
• Leve, 600% menor quando comparado ao GIF
• Desempenho extraordinário com animação suave
• Milhares de animações gratuitas de Lottie (JSON) disponíveis na web
  • lottiefiles. com
  • lordicon.com
  • useanimations.com
  • icons8.com/animated-icons
  • iconscout.com/free-lotties

SVG Source é XML (que facilmente compacta via Zip)

PNG e JPEG são binários (já compactados)

Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.

O cérebro por trás do Skia4Delphi

Esqui para Delfos

• ECONOMY – Projeto de código aberto, totalmente gratuito
• FÁCIL DE USAR – Fácil de instalar, código simples

Biblioteca Skia4Delphi

• A biblioteca existe conceitualmente em 3 partes:
  1. API Skia (console, VCL, FMX)
     • Acesso à biblioteca pura do Google Skia, através de uma única unidade: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Jogue Lottie, adesivos de Telegram, GIF animado e WebP animado
     • TSkLabel : Vários estilos no texto, peso da fonte, alinhamento justificado, limite máximo de linhas, cor de fundo em partes do texto, largura e altura de tamanho automático, decorações avançadas e muito mais
     • TSkPaintBox : use o evento OnDraw para desenhar com a API Skia diretamente no controle
     • TSkSvg : carrega ícones svgs, muda cores e modo wrap
  3. Renderização de aplicativo (FMX)
     • Recurso opcional que quando habilitado, o motor gráfico do FMX será substituído pelo motor gráfico do Skia4Delphi, ou seja, todo o aplicativo, todos os controles na tela, serão pintados internamente pelo canvas baseado no Skia.
     • Ou seja, ao adicionar apenas 1 linha de código para habilitá-lo , todo o seu aplicativo irá automaticamente:
       • Melhorar a qualidade dos desenhos; alisamento de bordas irregulares
       • Ganhe até 50% de aumento no desempenho gráfico
       • Aumente a fidelidade do desenho
       • Adiciona suporte para idiomas da direita para a esquerda
     • Tela FMX

Banco de Renderização de Aplicativos

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

Qualidade de renderização

A qualidade do desenho é melhorada, em alguns cenários, significativamente

Benefícios da Lottie Animation

• Formato vetorial independente e escalável de resolução
• Leve, 600% menor quando comparado ao GIF
• Desempenho extraordinário com animação suave
• Milhares de animações gratuitas de Lottie (JSON) disponíveis na web
  • lottiefiles. com
  • lordicon.com
  • useanimations.com
  • icons8.com/animated-icons
  • iconscout.com/free-lotties

SVG Source é XML (que facilmente compacta via Zip)

PNG e JPEG são binários (já compactados)

Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.

Recursos de esqui

O cérebro por trás do Skia4Delphi

Esqui para Delfos

• ECONOMY – Projeto de código aberto, totalmente gratuito
• FÁCIL DE USAR – Fácil de instalar, código simples

Biblioteca Skia4Delphi

• A biblioteca existe conceitualmente em 3 partes:
  1. API Skia (console, VCL, FMX)
     • Acesso à biblioteca pura do Google Skia, através de uma única unidade: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Jogue Lottie, adesivos de Telegram, GIF animado e WebP animado
     • TSkLabel : Vários estilos no texto, peso da fonte, alinhamento justificado, limite máximo de linhas, cor de fundo em partes do texto, largura e altura de tamanho automático, decorações avançadas e muito mais
     • TSkPaintBox : use o evento OnDraw para desenhar com a API Skia diretamente no controle
     • TSkSvg : carrega ícones svgs, muda cores e modo wrap
  3. Renderização de aplicativo (FMX)
     • Recurso opcional que quando habilitado, o motor gráfico do FMX será substituído pelo motor gráfico do Skia4Delphi, ou seja, todo o aplicativo, todos os controles na tela, serão pintados internamente pelo canvas baseado no Skia.
     • Ou seja, ao adicionar apenas 1 linha de código para habilitá-lo , todo o seu aplicativo irá automaticamente:
       • Melhorar a qualidade dos desenhos; alisamento de bordas irregulares
       • Ganhe até 50% de aumento no desempenho gráfico
       • Aumente a fidelidade do desenho
       • Adiciona suporte para idiomas da direita para a esquerda
     • Tela FMX

Banco de Renderização de Aplicativos

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

Qualidade de renderização

A qualidade do desenho é melhorada, em alguns cenários, significativamente

Benefícios da Lottie Animation

• Formato vetorial independente e escalável de resolução
• Leve, 600% menor quando comparado ao GIF
• Desempenho extraordinário com animação suave
• Milhares de animações gratuitas de Lottie (JSON) disponíveis na web
  • lottiefiles. com
  • lordicon.com
  • useanimations.com
  • icons8.com/animated-icons
  • iconscout.com/free-lotties

SVG Source é XML (que facilmente compacta via Zip)

PNG e JPEG são binários (já compactados)

Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.

O que Google Chrome, Mozilla Firefox, Chrome OS, Android, Flutter e Delphi têm em comum? Eles têm gráficos acelerados graças ao Skia. Essa biblioteca de gráficos 2D multiplataforma de alto desempenho está conquistando o mundo do desenvolvimento. Funciona com VCL e FireMonkey em todas as plataformas que o Delphi suporta. Uma linha de código pode tornar seus aplicativos FireMonkey existentes mais rápidos ou levá-los adiante e desbloquear novos recursos para interfaces de usuário de tirar o fôlego.

Skia4Delphi é um projeto de código aberto dos vencedores e irmãos do Prêmio Spirit of Delphi, Paulo César Botelho Barbosa e Vinícius Felipe Botelho Barbosa. Então, como você usa o Skia4Delphi e leva o desenvolvimento de seu aplicativo para o próximo nível? Você veio ao lugar certo.

Aqui estão alguns vídeos mais curtos ou você pode assistir ao replay completo :

O que é Skia, você quer perguntar?

Imagine que você é um desenvolvedor de software que precisa alcançar todas as principais plataformas hoje. Suas escolhas tradicionais são:

• Nativo
  • Acesso direto ao hardware
  • Código separado para cada plataforma
  • Melhor experiência do usuário ao custo da produtividade do desenvolvedor
• Web/nuvem
  • Código compartilhado principalmente
  • Separado do hardware
  • Melhor produtividade do desenvolvedor ao custo da experiência do usuário

Recursos de esqui

O cérebro por trás do Skia4Delphi

Esqui para Delfos

• ECONOMY – Projeto de código aberto, totalmente gratuito
• FÁCIL DE USAR – Fácil de instalar, código simples

Biblioteca Skia4Delphi

• A biblioteca existe conceitualmente em 3 partes:
  1. API Skia (console, VCL, FMX)
     • Acesso à biblioteca pura do Google Skia, através de uma única unidade: Skia.pas
  2. Controles (VCL, FMX)
     • TSkAnimatedImage : Jogue Lottie, adesivos de Telegram, GIF animado e WebP animado
     • TSkLabel : Vários estilos no texto, peso da fonte, alinhamento justificado, limite máximo de linhas, cor de fundo em partes do texto, largura e altura de tamanho automático, decorações avançadas e muito mais
     • TSkPaintBox : use o evento OnDraw para desenhar com a API Skia diretamente no controle
     • TSkSvg : carrega ícones svgs, muda cores e modo wrap
  3. Renderização de aplicativo (FMX)
     • Recurso opcional que quando habilitado, o motor gráfico do FMX será substituído pelo motor gráfico do Skia4Delphi, ou seja, todo o aplicativo, todos os controles na tela, serão pintados internamente pelo canvas baseado no Skia.
     • Ou seja, ao adicionar apenas 1 linha de código para habilitá-lo , todo o seu aplicativo irá automaticamente:
       • Melhorar a qualidade dos desenhos; alisamento de bordas irregulares
       • Ganhe até 50% de aumento no desempenho gráfico
       • Aumente a fidelidade do desenho
       • Adiciona suporte para idiomas da direita para a esquerda
     • Tela FMX

Banco de Renderização de Aplicativos

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

Qualidade de renderização

A qualidade do desenho é melhorada, em alguns cenários, significativamente

Benefícios da Lottie Animation

• Formato vetorial independente e escalável de resolução
• Leve, 600% menor quando comparado ao GIF
• Desempenho extraordinário com animação suave
• Milhares de animações gratuitas de Lottie (JSON) disponíveis na web
  • lottiefiles. com
  • lordicon.com
  • useanimations.com
  • icons8.com/animated-icons
  • iconscout.com/free-lotties

SVG Source é XML (que facilmente compacta via Zip)

PNG e JPEG são binários (já compactados)

Comparações de tamanho de arquivo de imagem

Animações vetoriais?

Lottie é um formato de animação baseado em 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

Design da interface do usuário

• SVG e Lottie facilitam para o designer criar modelos de interface de usuário suaves e de alta resolução. Então, com o Skia4Delphi, você pode fazer a interface do usuário combinar perfeitamente.
• Faça do movimento parte da sua UI/UX
• Outros usos:
  • Sobre telas, telas iniciais, instaladores, integração de usuários, assistentes, etc.

ACOMPANHE O PROJETO

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

Mais links

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

• Documentação Skia
  • skia.org/docs/
  • api.skia.org/

• Mais sobre Shaders
  • shaders.skia.org/
  • thebookofshaders. com/
  • blog.grijjy.com/2021/01/14/shader-programming/

• Mais amostras
  • github.com/jimmckeeth/SkiaSimpleShaderViewer
  • github.com/jimmckeeth/TelegramStickerBrowser
  • github.com/jimmckeeth/Lorenz_fmx
  • github.com/checkdigits/spacecomputer

Notas

1. Para a plataforma Mac, quando GlobalUseMetal é verdade junto com GlobalUseSkia, o desempenho com o FMX clássico é semelhante.
2. No iOS não há link compartilhado (bibliotecas compartilhadas: dll, .so, .dylib), apenas estático (neste caso .a). Neste .a (equivalente a .lib no Windows), ele tem todos os arquivos obj gerados, porém, apesar de ter 60 MB, o tamanho do app resultante é bem menor, pois só é compilado junto com as funções utilizadas. Em outras palavras, é comum que as bibliotecas estáticas sejam maiores que as bibliotecas compartilhadas, mas a saída resultante é muito menor e não é maior do que o tamanho normal que uma biblioteca compartilhada teria.