;(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(); })();

Seu dinheiro rende mais

Mídia e Marketing

Comercial da Renault mostra capítulo final de Caverna do Dragão

Roteiro teve aprovação da Hasbro, que detém os direitos do desenho animado - Reprodução — Roteiro teve aprovação da Hasbro, que detém os direitos do desenho animado Imagem: Reprodução

Renato Pezzotti

Colaboração para o UOL, em São Paulo

23/05/2019 20h31

Depois de mais de duas décadas de espera, os fãs do desenho animado Caverna do Dragão, exibido no Brasil entre os anos 1980 e 1990, finalmente poderão ver como a saga termina —ou, ao menos, uma versão desse final.

Criado pela agência DPZT, o comercial do novo Kwid Outsider, da Renault, mostra como a turma de Hank, Eric, Diana, Sheila, Bobby e Presto consegue escapar do vilão Vingador e voltar, enfim, ao mundo real (veja abaixo).

O roteiro teve aprovação internacional da Hasbro, empresa que detém os direitos sobre o desenho animado. A marca de brinquedos também deu sinal verde para toda a narrativa do comercial, além da caracterização dos personagens.

Mais entretenimento, menos publicidade

"O público tem uma conexão emocional muito forte com o desenho animado. A Caverna do Dragão formou uma geração inteira de fãs, principalmente no Brasil", declarou Rafael Urenha, diretor de Criação da agência.

Segundo o publicitário, a estratégia montada para o lançamento se assemelhou mais a um projeto de conteúdo do que, efetivamente, a uma campanha publicitária.

Para isso, contou com um "vazamento prévio" de imagens da gravação, além das divulgações de um trailer, teaser e cartaz específico para o lançamento.

Carro como protagonista

O conceito criativo nasceu a partir do caráter aventureiro que o carro busca transmitir.

"O Kwid Outsider pretende conseguir fazer tarefas impossíveis. E não há nada mais impossível do que trazer a turma da Caverna do Dragão de volta. Seguindo a linha do último lançamento, que usou o Incrível Hulk em sua comunicação, resolvemos continuar na linha da cultura pop", diz o publicitário.

A produção do comercial demorou mais do que a média das últimas campanhas da agência. Foram cerca de três meses, da aprovação da ideia até a finalização da campanha.

Presente para uma geração

As gravações foram realizadas no deserto de Salta, no interior da Argentina. Também foram feitas cenas em Buenos Aires, capital portenha. Entre produção, deslocamentos e gravações, a equipe ficou dez dias no país vizinho. Mais de 200 pessoas estiveram envolvidas nas filmagens.

Além do comercial, também serão lançados novos vídeos com conteúdos específicos, em que cada personagem falará de diferentes atributos do carro. Para Urenha, esses conteúdos extras fazem parte deste "momento único" de dar uma nova vida a um ícone de uma geração.

Vem um longa?

"Precisávamos satisfazer essa vontade de 'quero mais' dos fãs. Mais do que uma campanha, ele é um presente para o público. Se teremos um último episódio com 25 minutos ou até mesmo um longa? Só o tempo dirá", disse.

O comercial estreia nesta quinta-feira (23) no intervalo do Jornal Nacional. Confira a versão completa da propaganda, enviada com exclusividade ao UOL: