introdução a animaçãosmusse/animacao/pdfs/animacaoi.pdf · primeiro display vetorial gráfico...
TRANSCRIPT
![Page 1: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/1.jpg)
Introdução a Animação
Soraia Raupp Musse
![Page 2: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/2.jpg)
Histórico
�Fascinação por contar estórias com imagens em movimento
http://trailers.apple.com/trailers/fox/avatar/http://trailers.apple.com/trailers/fox/avatar/
![Page 3: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/3.jpg)
Histórico
�Fascinação por contar estórias com imagens em movimento
�Muitas dificuldades:Muitas dificuldades:
� Técnicas: animações keyframe
� Animação de caracteres
� Processo global (animação toolkit) –
necessidade de programadores
� Dreamworks X PDI
� Disney X Pixar
![Page 4: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/4.jpg)
Disney (270 mi) X Pixar (30 bi)
� Lucas Film – década de 80 – o computador nunca permitiria gerar desenhos tão cheios de vida quanto a animação convencional…
� Pixar (Steve Jobs, John Lasseter e Ed Catmull)� Pixar (Steve Jobs, John Lasseter e Ed Catmull)
� Preservado “teoricamente” o ambiente de liberdade
� Porque esta venda? Demissão do Michael Eisner que gerenciou a Disney por 2 décadas. Sobe o Robert Iger…
![Page 5: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/5.jpg)
O que é a “Animação“
“Animar é dar vida a quem não se move”
(Richard Parent)(Richard Parent)
Seqüência de imagens...
![Page 6: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/6.jpg)
Sistema de Percepção
�A persistência da visão (descoberta em 1800) consiste na habilidade dos receptores dos olhos manterem a receptores dos olhos manterem a informação e enviarem-na para o cérebro� Ex. Olhando para a luz, fecha os olhos
� Ex. Acompanha o movimento de um disco e troca para um objeto parado
� Ex. Motion blur
![Page 7: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/7.jpg)
Persistência da VisãoPersistência da Visão- positive afterimage-
Outros exemplos:- flash- movimento
![Page 8: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/8.jpg)
![Page 9: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/9.jpg)
Animação Tradicional
• Primeiro longa-metragem
• Storyboard
• Rotoscopia
• Keyframe• Keyframe
![Page 10: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/10.jpg)
Animação Assistida
• Computador auxilia no processo de rendering
• Idéia da Animação Modelada• Idéia da Animação Modelada
•Problema?? Como adquirir o modelo??
![Page 11: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/11.jpg)
Modelagem: Escaneamento 3D
a) Scaner 3D a laser de mão ligado a um braço giratório
Scaner 3D a laser giratóriob) Scaner 3D a laser giratório
![Page 12: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/12.jpg)
Escaneamento 3D
�Nuvens de pontos:
� Modelos 3D em polígonos ou NURBS
X-Men, Jurassic Park, Coração de Dragão, � X-Men, Jurassic Park, Coração de Dragão,
Alien – A Ressurreição
![Page 13: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/13.jpg)
Escaneamento 3D
�Escaneamento de toque com braço mecânico
Godzilla�Godzilla
![Page 14: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/14.jpg)
Uma vez tendo-se os modelos…
![Page 15: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/15.jpg)
O que significa o termo “Animação
Computadorizada?”
� “Geração de frames consecutivos que são
exibidos numa freqüência suficiente para exibidos numa freqüência suficiente para
que o olho humano não consiga diferenciá-
los e tenha então a sensação de
movimento” OK! Mas, o que são
frames???O quão diferente eles
devem ser?Em que frequência
devem ser exibidos?
![Page 16: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/16.jpg)
Histórico
�Grande dificuldade: Integração entre as diversas ferramentas de animação desenvolvidas: PREVIEW
�Exemplo de script
�Exemplos de filmes antigos BR
![Page 17: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/17.jpg)
Histórico
� Integração entre as diversas ferramentas de animação desenvolvidas
![Page 18: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/18.jpg)
Histórico
� Integração entre as diversas ferramentas de animação desenvolvidas
�Abordagem 3DS, Alias|Wavefront, Abordagem 3DS, Alias|Wavefront, Softimage
![Page 19: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/19.jpg)
Histórico
� 1960: Lee Harrison III – experiências com figuras
animadas, desenhadas e projetadas com a
utilização de circuitos analógicos
� Também desenvolveu o primeiro protótipo de � Também desenvolveu o primeiro protótipo de
motion capture desenvolvendo uma roupa com
potenciômetros permitindo animar figuras humanas
em tempo real
� Sistema ANIMAC e SCANIMATE (propagandas da
década de 70)
� Lee ganhou um Emmy award em 1972
![Page 20: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/20.jpg)
Animation Heritage
�1963 – Ivan Sutherland’s (MIT) Sketchpad
�1970 – Evans and Sutherland (Utah) iniciam computer graphics programiniciam computer graphics program
�1970’s – Norm Badler (Penn) Center for Modeling and Simulation and Jack
![Page 21: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/21.jpg)
Histórico
� 1974: GRAphics Symbiosis System (GRASS)
desenvolvido por Tom DeFanti – Animação
bidimensional e não interativa. Primeiro sistema a
ser operado por leigos. Com GRASS usuários ser operado por leigos. Com GRASS usuários
podem escalar, transladar, rotacionar e mudar de
cores os objetos 2D em função do tempo.
� Foi a primeira experiência da comunidade artística
com CG
� 1978: ZGRASS – versão 3D
![Page 22: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/22.jpg)
Histórico
� 1974: Nestor Burtnyk e Marcelli Wein no National
Film Board of Canada desenvolveram um
experimento onde artistas podiam definir retas no
espaço 2D através de uma data tablet. As linhas espaço 2D através de uma data tablet. As linhas
eram animadas ponto-a-ponto.
![Page 23: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/23.jpg)
Histórico
� The New York Institute of Technology/Computer
Graphics Lab (NYIT) com a direção de Ed Catmull
(co-fundador Pixar) extendeu a idéia da animação
2D produzindo o sistema TWEEN onde pela 2D produzindo o sistema TWEEN onde pela
primeira vez o computador gerava os quadros
intermediários
� Os primeiros sistemas de animação foram
desenvolvidos para uso em ambientes particulares
e podem ser categorizados em 2 tipos: script ou
programados e sistemas interativos
![Page 24: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/24.jpg)
Histórico
� No início da década de 80, os primeiros sistemas
de animação 3D ANIMA-II, ASAS e MIRA. Os 3
usavam linguagens de programação para
descrever seqüências temporais de eventos e descrever seqüências temporais de eventos e
funções.
� O sistema de animação gerava imagens para cada
frame, produzindo um filme. ASAS foi usado para
gerar a animação do TRON.
![Page 25: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/25.jpg)
Histórico
� Os sistemas keyframes interativos eram mais
facilmente utilizados pelos artistas, caso dos
sistemas GRAMPS e BBOP, que utilizavam o
primeiro display vetorial gráfico desenvolvido por
Sutherland.Sutherland.
� Ambos sistemas utilizavam animação 3D keyframe
hierárquica
� 1980’s – Daniel e Nadia Magnenant-Thalmann
(Swiss Universities) começam os laboratórios
MIRALAB e VRLAB (ex-LIG)
�http://www2.miralab.unige.ch/
![Page 26: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/26.jpg)
Histórico
� Muitos sistemas ainda são baseados no BBOP. NO seu core, ele possuia animação hierárquica, alteração interativa em tempo real, interpolação keyframe em diferentes canais, etc.
� No entanto, scripts de animação são mais facilmente utilizados para processos que devem ser repetidos e precisamente controlados, e os animadores passaram a desenvolver muitas habilidades em utilização de scripts, portanto Alias|wavewfront e outras empresas passaram a incorporar as interfaces de script
![Page 27: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/27.jpg)
Histórico
� Em 1985 Michael Girard defendeu sua tese onde
ele desenvolveu um sofisticado sistema de
cinemática inversa, produzindo o filme Eurythmy
em 1989em 1989
� Este sistema foi comprado como um plug-in do 3D
Studio Max – Biped
� Da mesma forma, a primeira release do Softimage
trouxe um pacote de cinemática
![Page 28: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/28.jpg)
Histórico
� 1985: Jane Wilhelms foi a primeira a demonstrar o
uso da dinâmica na animação de personagens
� Já a animação facial trata de animações não
definidas por esqueletos, mas por superfícies definidas por esqueletos, mas por superfícies
deformáveis. Parke foi o primeiro a tratar este
problema em 1982
� Uma das técnicas mais influentes das
desenvolvidas em CG foi o sistema de partículas
proposto por Bil Reeves, que foi utilizado no filme
Star Trek II
![Page 29: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/29.jpg)
Histórico
� Depois de 1960, com Lee Harrison III, técnicas de
motion capture foram propostas, primeiramente
óticas por Ginsberg e Maxwell. Este sistema foi
utilizado comercialmente no Japão. utilizado comercialmente no Japão.
� No entanto, as técnicas de motion capture não
eram rápidas o suficiente
� Quando estas técnicas ficaram rápidas (1988) com
a introdução de Silicon Graphics workstations, a
PDI desenvolveu os efeitos para Robocop II
![Page 30: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/30.jpg)
Filmes de CG
�1986 – Young Sherlock Homes(Primeira utilização de personagens em filmes de CG) filmes de CG)
�1988 – Primeira extração de blue digital (Willow)
�The Abyss (1989) Terminator II (1991) Casper (1995), Men in Black (1997)
![Page 31: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/31.jpg)
Animation Heritage� ILM: Jurassic Park (1993), Jumangi (1995),
Mars Attacks (1996), Flubber (1997), Titanic (1999)
� Angel Studios: Lawnmower Man (1992)
PDI: Batman Returns (1995) � PDI: Batman Returns (1995)
� Tippett Studio: Dragonheart (1996), Starship Troopers (1997)
� Disney: Beauty and the Beast (1991), Lion King (1994), Tarzan (1999)
� Dreamworks: Antz, Prince of Egypt
� Pixar: Toy Story, A Bug’s Life, Monster’s Inc.
![Page 32: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/32.jpg)
Histórico
� Retargetting motion (problema do motion capture)
� GPUs
� Behavioural Animation
![Page 33: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/33.jpg)
Entidades da Animação
� Objeto (geometria)
� Atores (objeto + ação)
� Ação (Transformações no tempo)� Ação (Transformações no tempo)� Transformações (SRT)
� Tempo (quadros)
![Page 34: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/34.jpg)
Classificação de técnicas
� Low-level (interpolação, keyframe, estrutura hierárquica, shape interpolation, metamorfose, track-based motion)
� High-level(regras, restrições, Física -Dinâmica, � High-level(regras, restrições, Física -Dinâmica, Cinemática -, IA, etc)
![Page 35: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/35.jpg)
Classificação de técnicas
� Low-level
User-> especifica-> parâmetros de transf-> pipeline CG-> visualiza-> User
� Não necessariamente interativo
� Controle é explícito a cada frame
![Page 36: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/36.jpg)
Classificação de técnicas
� High-level
User-> especifica-> parâmetros high-level-> motor->pipeline CG-> visualiza-> motor
� Não necessariamente interativo
� Controle é definido por tarefa(regra, etc)
A distinção das áreas não é caracterizada somente pela
complexidade das aplicações possíveis de serem geradas, mas
também pelo esforço do animador x complexidade dos programas
utilizados
![Page 37: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/37.jpg)
Classificação de técnicas
Diferenças Low-level High-level
Intervenção do Muita PoucaIntervenção do
usuário
Muita Pouca
Nível de
abstração
Pouca Muita
Precisão do
resultado em
relação ao
especificado
Muita Pouca
![Page 38: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/38.jpg)
Técnicas
Mas, como podemos especificar os movimentos em função do tempo?
Interpolação� Interpolação
�Física
�Performance driven Animation (PDA)
![Page 39: Introdução a Animaçãosmusse/Animacao/PDFs/AnimacaoI.pdf · primeiro display vetorial gráfico desenvolvido por ... (regras, restrições, Física -Dinâmica, Cinemática -, IA,](https://reader031.vdocuments.mx/reader031/viewer/2022020216/5c276bb909d3f2476c8b9151/html5/thumbnails/39.jpg)