A animação teria sido muito mais interessante se fosse renderizada no navegador
Eu queria mexer diretamente no código que a faz funcionar, mas fiquei com uma sensação de frustração porque só há vídeos, sem código
Alguns exemplos com código-fonte também foram publicados: https://github.com/Bleuje/processing-animations-code
O tutorial completo, mais focado nos conceitos, também pode ser visto aqui: https://bleuje.com/tutorials/
O tutorial tinha muitas ideias legais, como percorrer ruído em 4 dimensões para criar loops sem cortes, e acabei brincando com isso nos meus projetos. É fácil de entender mesmo sem usar Processing
Eu senti justamente o contrário. Gostei de poder ver em um celular em modo bloqueio, que não consegue carregar muitas páginas modernas cheias de JavaScript sofisticado
Essas animações me deram a sensação de voltar à época, 20–25 anos atrás, em que eu ouvia música com um plugin de visualização do Winamp ligado
Foi uma época divertida, e as animações aqui também são ótimas
Quem tem certa idade talvez se lembre do protetor de tela Flowfazer, da Utopia Softworks, de Todd Rundgren
Ele era desenvolvedor registrado da Apple, e eu o via circulando pela WWDC nos anos 90
Sim. Mas, se você ligasse a visualização do Winamp em um Pentium MMX, a responsividade do sistema caía bastante; depois de ativar, só restava ficar olhando aquela visualização mesmo
Tempos simples, mas divertidos
Pensei a mesma coisa. Onde será que está o cthugha hoje?
Eu costumava colocar uma grande lente de vidro sobre o monitor para projetar no teto. Isso me lembra a piada de que escolhi a década errada para largar a maconha
Lembrei da AVS Society :)
Enquanto olhava o código-fonte para ver se era geração aleatória ou escolha aleatória entre animações já prontas, confirmei que era a segunda opção e também vi uma tag de analytics estranha
Como o Cloudflare bloqueia o script, é preciso verificar o site diretamente. Tenho duas dúvidas: o script do Google é solicitado incondicionalmente, e doNotTrack está simplesmente hardcoded como false. Meu navegador envia esse cabeçalho, então também não parece ter sido inserido corretamente pelo servidor; não sei o que isso está tentando fazer
Isso mesmo. Essas animações são todas vídeos pré-renderizados incorporados à página, e o site escolhe uma delas aleatoriamente
Por outro lado, o shadertoy [1] é realmente impressionante porque as animações são calculadas e renderizadas em tempo real
Há algum tempo fiquei impressionado com o shadertoy e fiz um site usando Three.js [2] com shaders como plano de fundo. Ele mostrava caustics, aqueles padrões de luz em constante mudança que a luz forma ao atravessar ondas e atingir o fundo de uma piscina, lago ou mar, parecido com [3]. Os visitantes sempre achavam que era um vídeo pré-renderizado, e ficavam genuinamente surpresos ao saber que celulares de alguns anos atrás rodavam aquele shader em tempo real de forma fluida
Há vários tipos de animação, mas isso me fez lembrar do Electric Sheep, que era um ótimo protetor de tela de chamas fractais
Você podia instalar localmente e dar votos positivos ou negativos em várias “sheep” de acordo com seu gosto
[1] https://electricsheep.org/
Como ninguém perguntou, eu pergunto: como isso foi feito? Fico curioso se existe algum programa especializado nesse tipo de programação gráfica/visual, ou se é um conjunto de scripts em Python usando bibliotecas de 3D, matemática e plotagem
É ir testando coisas de forma meio aleatória e mexendo repetidamente no que ficar legal. É uma espécie de seleção genética
Também ajuda estudar o código de outras animações para aprender as ideias e padrões gerais
Existem programas especializados, e também linguagens como Processing, muito usadas em arte computacional
Mas não sei ao certo o que foi usado nestes trabalhos
Quando eu era criança, era exatamente esse tipo de coisa que eu via sempre que tinha febre alta
Isso destravou uma lembrança. Acho que uma vez tomei Sudafed demais e, num estado meio sonhando, meio acordado, vi exatamente coisas assim
Para mim, era essa sensação quando eu tinha terror noturno no começo da adolescência
No desktop, se você clicar com o botão direito e ativar a opção do navegador para mostrar controles, dá para ver bem o ponto do loop
Em algumas, o loop é absurdamente curto
Isso me lembra algo que apareceria em um filme numa cena em que uma mente maligna nos bastidores hipnotiza os moradores locais para fazê-los agir conforme sua vontade
“Não olhe, aqui, use isto”
“Droga, chegamos tarde demais. Eles já estão envolvidos fundo demais”
“Para interromper o fluxo do tcp, precisamos ressincronizar o banco de dados do mainframe do servidor para desviar o tráfego”
Além disso, a animação de buraco de minhoca precisa da música-tema de Doctor Who
Estranhamente, ontem tentei enviar esse link por mensagem de texto para parentes, mas ele simplesmente não era entregue
Tentei algumas variações, e parece que toda mensagem em grupo contendo um link bleuje . com é bloqueada. Deve haver algum filtro em algum lugar? Estou usando Android Messages na T-Mobile
1 comentários
Opiniões no Hacker News
A animação teria sido muito mais interessante se fosse renderizada no navegador
Eu queria mexer diretamente no código que a faz funcionar, mas fiquei com uma sensação de frustração porque só há vídeos, sem código
O tutorial completo, mais focado nos conceitos, também pode ser visto aqui: https://bleuje.com/tutorials/
O tutorial tinha muitas ideias legais, como percorrer ruído em 4 dimensões para criar loops sem cortes, e acabei brincando com isso nos meus projetos. É fácil de entender mesmo sem usar Processing
Essas animações me deram a sensação de voltar à época, 20–25 anos atrás, em que eu ouvia música com um plugin de visualização do Winamp ligado
Foi uma época divertida, e as animações aqui também são ótimas
Ele era desenvolvedor registrado da Apple, e eu o via circulando pela WWDC nos anos 90
Tempos simples, mas divertidos
Eu costumava colocar uma grande lente de vidro sobre o monitor para projetar no teto. Isso me lembra a piada de que escolhi a década errada para largar a maconha
Enquanto olhava o código-fonte para ver se era geração aleatória ou escolha aleatória entre animações já prontas, confirmei que era a segunda opção e também vi uma tag de analytics estranha
Como o Cloudflare bloqueia o script, é preciso verificar o site diretamente. Tenho duas dúvidas: o script do Google é solicitado incondicionalmente, e
doNotTrackestá simplesmente hardcoded como false. Meu navegador envia esse cabeçalho, então também não parece ter sido inserido corretamente pelo servidor; não sei o que isso está tentando fazerPor outro lado, o shadertoy [1] é realmente impressionante porque as animações são calculadas e renderizadas em tempo real
Há algum tempo fiquei impressionado com o shadertoy e fiz um site usando Three.js [2] com shaders como plano de fundo. Ele mostrava caustics, aqueles padrões de luz em constante mudança que a luz forma ao atravessar ondas e atingir o fundo de uma piscina, lago ou mar, parecido com [3]. Os visitantes sempre achavam que era um vídeo pré-renderizado, e ficavam genuinamente surpresos ao saber que celulares de alguns anos atrás rodavam aquele shader em tempo real de forma fluida
Há vários tipos de animação, mas isso me fez lembrar do Electric Sheep, que era um ótimo protetor de tela de chamas fractais
Você podia instalar localmente e dar votos positivos ou negativos em várias “sheep” de acordo com seu gosto
[1] https://electricsheep.org/
Como ninguém perguntou, eu pergunto: como isso foi feito? Fico curioso se existe algum programa especializado nesse tipo de programação gráfica/visual, ou se é um conjunto de scripts em Python usando bibliotecas de 3D, matemática e plotagem
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
Também ajuda estudar o código de outras animações para aprender as ideias e padrões gerais
Mas não sei ao certo o que foi usado nestes trabalhos
Se você clicar em latest animations no site principal, pode ver a lista em ordem cronológica
[1] https://bleuje.com/animationsite/2023_1/
Quando eu era criança, era exatamente esse tipo de coisa que eu via sempre que tinha febre alta
No desktop, se você clicar com o botão direito e ativar a opção do navegador para mostrar controles, dá para ver bem o ponto do loop
Em algumas, o loop é absurdamente curto
Isso me lembra algo que apareceria em um filme numa cena em que uma mente maligna nos bastidores hipnotiza os moradores locais para fazê-los agir conforme sua vontade
“Não olhe, aqui, use isto”
“Droga, chegamos tarde demais. Eles já estão envolvidos fundo demais”
“Para interromper o fluxo do tcp, precisamos ressincronizar o banco de dados do mainframe do servidor para desviar o tráfego”
Além disso, a animação de buraco de minhoca precisa da música-tema de Doctor Who
Estranhamente, ontem tentei enviar esse link por mensagem de texto para parentes, mas ele simplesmente não era entregue
Tentei algumas variações, e parece que toda mensagem em grupo contendo um link bleuje . com é bloqueada. Deve haver algum filtro em algum lugar? Estou usando Android Messages na T-Mobile