;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Pop art - Cultura popular e crítica

Valéria Peixoto de Alencar*, Especial para a Página 3 Pedagogia & Comunicação

Pop é uma expressão que se refere a algo popular, à cultura popular no sentido de cultura de massa. Por exemplo, você já deve ter visto uma banda de música classificada como pop. Ou deve conhecer o termo pop rock.

No mundo globalizado em que vivemos poderíamos citar vários exemplos de manifestações culturais pops: além da música, telenovelas, seriados, boa parte da produção cinematográfica e até mesmo o futebol fazem parte da cultura popular brasileira. Inclusive pelo fato de que tudo, nos dias atuais, a por um processo de massificação, ou seja, é televisionado, comercializado e exportado.



A pop art

Pop art ou arte pop foi um movimento, surgido principalmente nos Estados Unidos e na Inglaterra, na década de 1950, que utilizava elementos, figuras e a própria estética popular em seus trabalhos, de maneira a fazer uma crítica direta e irônica da sociedade consumista que se formava naquela época, especialmente com a popularização da televisão.



Reprodução
Andy Warhol, Marilyn.

A crítica atingia as celebridades, e com a facilidade de reproduzir imagens, essas celebridades acabavam se tornando pops. Um exemplo disso é a ilustração acima, uma das séries que Andy Warhol fez com a imagem de Marilyn Monroe, ícone do cinema. Assim como esta, ele reproduziu as imagens da Monalisa (de Da Vinci), de Che Guevara, de John Lennon, entre outros, tratando todos como celebridades, não importando se eram ícones da arte, da política ou da música, se eram reais ou imaginários. O que eles tinham em comum? Eram imagens largamente divulgadas, massificadas e consumidas.

A técnica utilizada nessas séries de Warhol é a serigrafia, a mesma utilizada para estampar camisetas, ou seja, algo muito próximo da vida cotidiana. Com isso, os artistas pop também demonstravam sua recusa em separar a arte da vida. Ou seja, por meio dos temas ou da linguagem, incorporaram à arte o cinema, a televisão, a publicidade e as histórias em quadrinhos (HQs).

Isso acontece, por exemplo, em algumas obras de Roy Lichtenstein, que incorporou a seu trabalho a estética das artes gráficas:



Reprodução
Pop art de Lichtenstein.

Observe a semelhança com as imagens das HQs, tanto na expressão do rosto como na figura formada por pontos, tal qual as imagens gráficas - o que na era digital chamamos de pixel.

No Brasil, a pop art influenciou diversos artistas, dentre os quais podemos citar Cláudio Tozzi, Rubens Gerchman, Marcelo Nitsche, entre outros.



Reprodução
Rubens Gerchman, Superhomens, 1965.