Fractal Designer

Documentos procedimentais, não píxeis fixos

No Fractal Designer, um documento é uma descrição, nunca um bitmap. Cada camada guarda o que é – um conjunto de Mandelbrot, um padrão de Voronoi, uma sombra projetada – com os seus parâmetros, e a imagem nasce da renderização dessa descrição. Um projeto guardado ocupa por isso poucos kilobytes de JSON, pode voltar a ser renderizado em qualquer resolução sem perdas, e alterar um número redesenha a imagem em vez de a degradar. A única exceção são os ficheiros que traz – uma banda sonora, uma fotografia, um clipe de vídeo –, que seguem tal como estão dentro do projeto para que este abra completo noutro computador, à custa do tamanho.

O editor reúne 70 geradores e 35 efeitos em 105 tipos de camada. Trabalha-se como num editor de imagem por camadas: onze modos de mistura, grupos com cadeia de efeitos e transformação próprias, e máscaras por cor, por proximidade a um gradiente ou pela luminância de outra camada. Qualquer camada 2D pode ser inclinada e empurrada em profundidade. Tudo é calculado na GPU através de WebGPU e cada camada fica em cache segundo uma impressão digital dos seus parâmetros, pelo que só se recalcula o que realmente mudou.

Famílias de fractais e modelos

O catálogo vai dos fractais de tempo de fuga – Mandelbrot, Julia, Feather, Lyapunov, Kali – aos mapas caóticos de Hénon, Duffing, Ikeda e Chirikov desenhados sobre os próprios parâmetros, passando por seis fractais 3D por raymarching, curvas que preenchem o plano ou um cubo, atratores de partículas, plantas e sistemas L, padrões orgânicos como domain warping, plasma e mármore, até formas, gradientes, texto, arte ASCII e as suas próprias imagens e clipes de vídeo. As ferramentas dividem-se em fractais de tempo de fuga, mapas caóticos, curvas e construções e fractais 3D; os efeitos em cor e tom, desfoque e luz, distorção, e retícula e retro.

Dezasseis modelos iniciais abrem uma composição acabada que pode desmontar parâmetro a parâmetro; escolhem-se em cartões com pré-visualização, também pelo teclado. O nome do documento, visível por cima da imagem, serve ainda de nome de ficheiro ao guardar e exportar.

Do zoom profundo à impressão em grande formato

• Uma camada Mandelbrot dedicada usa teoria de perturbações – uma órbita de referência em precisão dupla na CPU e diferenças em precisão simples na GPU – e vai muito além do ponto em que um shader simples se desfaz em blocos. Julia, Burning Ship, Tricorn, Celtic, Spider e Phoenix também mantêm o pormenor no zoom profundo graças a uma precisão aritmética automática.
• Cada fotograma-chave é um retrato completo da cena, pelo que até chaves com camadas totalmente diferentes podem fundir-se. A câmara é interpolada pelo método de Van Wijk e Nuij, que acopla zoom e deslocação; há pele de cebola e reprodução em vaivém.
• Carregue uma música: é analisada antecipadamente em curvas de volume, graves, médios, agudos, ataques e brilho, e qualquer parâmetro numérico liga-se a elas por fórmula, juntamente com o tempo, o progresso, um andamento marcado à mão e a profundidade do zoom. Como a análise antecede a reprodução, o vídeo exportado coincide fotograma a fotograma com a pré-visualização.
• Imagens e clipes de vídeo são camadas normais, com transformação, mistura e máscaras; os clipes cortam-se por início, duração e uma velocidade que pode ser negativa, e o som é misturado na banda sonora exportada.
• O editor de gradientes respeita o alfa, interpola no espaço Oklab e guarda numa biblioteca local do navegador; também uma imagem pode tornar-se um gradiente bidimensional. O efeito de iluminação lê a imagem como mapa de alturas a partir do brilho ou da opacidade e preserva as tonalidades.
• Apresente a obra acabada em ecrã inteiro, sem ferramentas.
• Exporte PNG com canal alfa, PNG animado (APNG) sem perdas e em ciclo, MP4 (H.264 com AAC) ou WebM (VP9 com Opus) quando o navegador os consegue codificar, PDF em tamanho físico e 300 dpi renderizado em mosaicos sem junções – até um cartaz A1 – ou guarde o projeto em JSON.

Um fluxo de trabalho prático

1. Escolha um modelo inicial ou comece com uma página vazia e transparente.
2. Adicione camadas a partir do índice clicando numa ferramenta ou arrastando-a para a tela, e ordene, agrupe ou mascare-as no painel de camadas.
3. Selecione uma camada e ajuste parâmetros, paleta, transformação e máscara no inspetor; arraste na tela para deslocar a vista e use a roda para o zoom.
4. Se a cena deve mexer-se, capture fotogramas-chave na linha temporal e reproduza o resultado.
5. Defina o formato da página e exporte PNG, vídeo, PNG animado ou PDF – ou guarde o projeto em JSON para continuar mais tarde.

A quem se destina

A designers, artistas generativos e programadores que querem criar imagens fractais e procedimentais sem instalar software nem escrever shaders, e que precisam do resultado num tamanho utilizável: um elemento transparente para uma paginação, uma animação em ciclo ou uma impressão em grande formato. Não são necessários conhecimentos de matemática fractal, porque os modelos partem de uma composição acabada. A experiência com editores de imagem por camadas ajuda, já que camadas, modos de mistura e máscaras seguem as mesmas convenções.

Processamento local e requisitos

Tudo acontece no navegador. A aplicação não contém qualquer código de rede – nem pedidos, nem telemetria, nem análise, nem serviços de terceiros –, por isso imagens, projetos e definições não saem do dispositivo, e a renderização decorre na GPU local. O armazenamento local do navegador guarda a sessão de trabalho (documento, animação e vista), o esquema de cores, a largura dos painéis, o tamanho das miniaturas do índice, as definições de exportação e a biblioteca de gradientes; tudo se apaga ao limpar os dados do site. Os ficheiros multimédia incorporados ficam no armazenamento do navegador de uma sessão para a outra, mas uma janela privada, um armazenamento limpo ou um disco cheio fazem-nos perder; o ficheiro de projeto contém-nos sempre. Há um só documento aberto de cada vez e a gravação automática é partilhada por todos os separadores, pelo que dois separadores abertos se sobrepõem. O estado não é codificado no URL; os projetos partilham-se como ficheiros JSON.

O WebGPU é indispensável e não há alternativa por software nem WebGL; a exportação de vídeo exige ainda WebCodecs. A aplicação é desenvolvida e testada com as versões atuais do Chrome e do Edge para computador, mas qualquer outro navegador com WebGPU também serve. O editor foi feito para janelas de computador: não há esquema para telemóvel ou tablet e, em janelas estreitas, os painéis recolhem. Não funciona offline, porque não é instalável e recarregar exige rede. O vídeo não tem canal alfa: as zonas transparentes são preenchidas com o fundo da página, por isso use PNG ou APNG se a transparência tiver de se manter. A exportação em PDF achata a imagem sobre branco. O zoom profundo está limitado pela precisão dupla da órbita de referência, e Newton e Nova não têm iluminação. A interface da aplicação está em alemão e inglês.

O editor pode ser usado com o teclado: anular e refazer, eliminar, duplicar, copiar e colar, agrupar, guardar e reproduzir têm atalhos, a linha temporal percorre-se com o teclado e, nos campos de texto, os atalhos não interferem. Os controlos têm etiquetas, e os temas claro e escuro seguem o sistema com contrastes de texto medidos segundo a WCAG AA. Barreiras conhecidas: a obra renderizada vive num canvas e não está acessível a leitores de ecrã, colocar uma camada num grupo só é possível, por agora, arrastando, e a reprodução de animações não respeita a preferência de movimento reduzido.