[EDTED] 3D para Internet
-
Upload
diogo-cemin -
Category
Design
-
view
616 -
download
2
description
Transcript of [EDTED] 3D para Internet
![Page 1: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/1.jpg)
3D para InternetEDTED – POA – 08.05.2010
![Page 2: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/2.jpg)
Quem é o cliente?
• Malharia Anselmi• Farroupilha• Marca segmentada
![Page 3: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/3.jpg)
Concepção da Ideia
![Page 4: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/4.jpg)
O que foi fornecido?
• Catálogo / Fotos• Texto conceito da coleção
![Page 5: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/5.jpg)
O que foi fornecido?
• Catálogo / Fotos• Texto conceito da coleção
Carnaby Street LondresAnos 60/70 JovensMúsica: Libertines, Razor Lights e Amy Winehouse
![Page 6: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/6.jpg)
Viagem TablóidesMúsica Ipod
Movimento Rua Mochileiro
![Page 7: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/7.jpg)
Ambientaç
ão
![Page 8: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/8.jpg)
Criação
![Page 9: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/9.jpg)
Como criar a ambientação?
Navegação e interação em 3Drecriando a presença e a ocasião dese estar na Carnaby Street lendo umtabloide.
![Page 10: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/10.jpg)
Como o 3D pode ajudar na
concepção de um site?
![Page 18: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/18.jpg)
Renault http://www.renault.fr/scenic-lapins-cretins/
![Page 20: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/20.jpg)
Wonder Wall http://wonder-wall.com/
![Page 22: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/22.jpg)
Como o 3D pode ajudar na
concepção de um site?
• Efeitos• Ambientação• Interação• Navegação• CG
![Page 23: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/23.jpg)
Como criar a ambientação?
Navegação e interação em 3Drecriando a presença e a ocasião dese estar na Carnaby Street lendo umtabloide.
![Page 24: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/24.jpg)
Como criar a ambientação?
3D
![Page 25: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/25.jpg)
Que tipo de 3D?
![Page 26: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/26.jpg)
Realtime ou pré-renderizado?
![Page 27: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/27.jpg)
![Page 28: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/28.jpg)
Realtime.
![Page 29: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/29.jpg)
Como ilustrar a ideia?
Como aprovar?
![Page 30: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/30.jpg)
![Page 31: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/31.jpg)
Ideia aprovada.
Como colocar em prática?
Como chegar no desenho final?
![Page 32: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/32.jpg)
Limites e recursos
• Levantamento de recursos desejáveis por todos envolvidos, direção de arte e tecnologia.
• Testes, testes e mais testes.
![Page 33: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/33.jpg)
Recursos X Perfomance
![Page 34: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/34.jpg)
Desenvolvimento
![Page 35: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/35.jpg)
Desenho pronto.
Como passar para
o desenvolvimento?
![Page 36: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/36.jpg)
DA + 3D
![Page 37: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/37.jpg)
DA + Programação
![Page 38: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/38.jpg)
Ei! O que estão me mostrando
tá diferente do que eu passei!
• Modelagem tosca• Mais limitações e bugs• Defesa de perfomance feita pela programação• Mais surpresas... algumas boas e outras péssimas
![Page 39: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/39.jpg)
Após as “brigas”, projeto
finalizado:
Hora dos testes.
• Testes de performance nunca são demais.• Teste em um computador igual ao do cliente!
![Page 40: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/40.jpg)
Feitos os ajustes,
agora é a ENTREGA.
![Page 41: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/41.jpg)
![Page 42: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/42.jpg)
Resultados
![Page 43: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/43.jpg)
Coleção
Gifts
Interações
Contato
Conceito
Conteúdos mais acessados
![Page 44: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/44.jpg)
Muito pesado?
Ruim
Razoável
Bom
FPS Escala
< 10 Ruim
10 - 22 Razoável
> 22 Bom
![Page 45: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/45.jpg)
Reconhecimento
• Site do Dia no www.thefwa.com
• Official Honoree no Webby Awards 2010.
• Prêmio Originalidade no Peixe Grande 2009.
![Page 46: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/46.jpg)
Reconhecimento• Troféu Prata como Hotsite na Semana da Comunicação da ARP2009.
• Matérias em revistas especializadas em Internet e Design(W, .net da Inglaterra e Weave da Alemanha).
• Referência no site de uma das tecnologias utilizadaswww.away3d.com
![Page 47: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/47.jpg)
Reconhecimento• Referência em diversos sites mundiais:
![Page 48: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/48.jpg)
Curiosidades
![Page 49: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/49.jpg)
• O ônibus foi dirigido 15132 vezes.
• O site teve mais de 85 mil visitas.
• Mais de 34 mil vieram do FWA.
• 4 mil viram o site em fullscreen.
• Ligar/desligar o som foi feito mais pelo ipod do que pelo menu.
• 45% dos visitantes usam o Firefox.
Curiosidades
![Page 50: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/50.jpg)
Muito Obrigado!
![Page 52: [EDTED] 3D para Internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052911/559e86fb1a28ab900b8b4858/html5/thumbnails/52.jpg)
Perguntas?Download da apresentação: http://www.fdd.com.br/edted_poa_3dinternet.pdf