Tag: HTML5

Publicado em

CheerpJ 2.0: Converta apps Java em JavaScript

Foi lançado o CheerpJ 2.0(https://leaningtech.com/pages/cheerpj.html) da Learning Techonologies (https://leaningtech.com). Com ele é possível converter aplicações web client em código HTML5/WebAssembly/JavaScript.

Como funciona?

  1. Compilação antecipada:
    • O compilador do CheerpJ processa o bytecode antecipadamente, gerando um código JavaScript otimizado que pode rodar em qualquer browser.
  2. Runtime CheerpJ:
    • Em paralelo com a aplicação convertida, ele executa um runtime altamente otimizado utilizando JavaScript e WebAssembly. Isso mantém a execução 100% no lado do cliente.
  3. Compilador Java online:
    • Sempre que uma nova classe for gerada, o CheerpJ a converte na hora.

O legal da tecnologia é que ela permite converter com o bytecode do Java, então você nem precisa ter o código fonte. Outra coisa importante é que ela é 100% compatível com o Java 8(incluindo reflections e classes dinâmicas). Isso torna possível trabalhar com client Swing, applets e bibliotecas.

Se você quiser ver alguns exemplos, acesse a página de demo do CheerpJ (https://leaningtech.com/pages/cheerpj_demos.html) . Se você preferir testar na prática, vale a pena acessar o code playground (https://javafiddle.leaningtech.com) e criar algumas aplicações para ver os resultados.

Publicado em

PixiJS adiciona suporte a WebGL.

PixiJS é uma biblioteca que permite criar gráficos interativos sem precisar merhulhar na WebGL API e é despreocupada em lidar com a compatibilidade do navegador e dispositivo. Ela tem suporte completo ao WebGL e volta à tela do HTML5.

É uma ferramenta ideal para criação de conteúdo dinãmico e interativo. Ela possui compatibilidade para multiplataforma. Com o PixiJS você cria experiências refinadas de forma rápida, evitando dores de cabeça relacionadas à inconsistências de navegadores.

Ele possui:

  • Renderizador WebGL;
  • Gráfico de cena completo;
  • API fácil de usar;
  • Suporte para atlas de textura;
  • Carregador de assets/sprites;
  • Deteca automaticamente qual renderizador usar;
  • Interação com mouse e multitoque;
  • Texto;
  • BitmapFont;
  • Renderiza texturas;
  • Desenhor primitivos;
  • Mascaramento;
  • Filtros e
  • Plugins de usuário.

O PixiJS possui uma API amigável e rica em recursos, permitindo que você se concentre ne produção enquanto a API cuida dos fundamentos. Se tratando em renderização 2D, o PixiJS é o mais rápido que existe e sempre será de código aberto.

O WebGL é uma API utilizada para renderizar gráficos 3D e 2D sem o uso de plugins. Além do navegador, a própria GPU também precisa oferecer suporte ao recurso.

Você pode fazer o download com npm ou usando uma URL da CDN:

npm install pixi.js
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></script>

A maneira correta de importar o PixiJS é:

import * as PIXI from 'pixi.js'

Continue lendo “PixiJS adiciona suporte a WebGL.”