wiki

Programação em Computação Gráfica: mudanças entre as edições

← Edição anterior
Sem resumo de edição
 
(18 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
[[Arquivo:Mateusintrodução.jpg]]
                                    [[Arquivo:Mateusintrodução.jpg]]
 
= Conceito =


A '''''computação gráfica'''''  e uma das áreas do mundo da computação de extrema importância, ela reúne um conjunto de técnicas nas quais permitem a geração de imagens a partir de modelos computacionais sendo eles  de objetos reais e imaginários, ou seja exteriorizar  ao usuário o resultado de todas as demais conjuntos da computação  '''( interface gráfica para Software, sistema operacionais, sites de internet, animações para jogos, recriação do mundo real).'''  
A '''''computação gráfica'''''  e uma das áreas do mundo da computação de extrema importância, ela reúne um conjunto de técnicas nas quais permitem a geração de imagens a partir de modelos computacionais sendo eles  de objetos reais e imaginários, ou seja exteriorizar  ao usuário o resultado de todas as demais conjuntos da computação  '''( interface gráfica para Software, sistema operacionais, sites de internet, animações para jogos, recriação do mundo real).'''  
Linha 21: Linha 23:
 '''''Mapeamento de textura:''''' se ocupa do estudo da simulaçãode materiais e texturas sobre planos.
 '''''Mapeamento de textura:''''' se ocupa do estudo da simulaçãode materiais e texturas sobre planos.


= Softwares =
= Software =
  Descrever os softwares usados para esta finalidade. Detalhar, se existir, linguagens, banco de dados e frameworks.  
 
<br>
Devido as suas inúmeras plataformas para se trabalha e por possuir muita versatilidade, encontramos na computação gráfica inúmeros programas focados para suprir cada necessidade.
 
 
'''Artes:''' Feita através de interfaces com ferramentas especializadas para criação de imagens (arte digital, web arte), '''''Exemplos de ferramentas:'''''
[[Arquivo:Artes.jpg]]
• '''ILLUSTRATOR:''' é um editor de imagens vetoriais desenvolvido e comercializado pela Adobe Systems;
 
• '''INKSCAPE:''' é um software livre para editoração eletrônica de imagens e documentos vetoriais (app código aberto);
 
• '''CORELDRAW:''' é um programa de desenho vetorial bidimensional para design gráfico desenvolvido pela CorelCorporation;
 
• '''ADOBE PHOTOSHOP''': é um software caracterizado como editor de imagens bidimensionais do tipo raster (possuindo ainda algumas capacidades de edição típicas dos editores vectoriais) desenvolvido pela Adobe Systems;
 
'''Arquitetura e Design de Produto:''' Desenvolve graficamente de forma visual com aplicação de cálculos matemáticos para os teste de projetos (resistência variação de luz). '''''Exemplos de ferramentas:'''''
 
[[Arquivo:ARQUITETURA.jpg]]
 
• '''AUTOCAD:''' É utilizado principalmente para a elaboração de peças de desenho técnico em  duas dimensões e para criação de modelos tridimensionais ;
 
• '''DATACAD:''' é um editor de projetos voltado para arquitetura e construção civil,e incorpora diversos recursos que expandiram sua área de utilização;
 
'''Jogos:''' São a maior aplicação da Computação Gráfica, e a grande motivação para seu desenvolvimento, com isso ocorre um  grande aprimoramento de equipamentos para este tipo de trabalhos. '''''Exemplos de ferramentas:'''''
 
• '''GAMEMAKER:''' Anteriormente conhecido como Animo, e depois Game Maker, é um motor de jogo proprietário, talvez o mais usado entre os internautas que não têm muito conhecimento de programação e desenvolvimento de jogos.
 
• '''UNITY ENGINE'''''':''' Editor de jogos com um excelente conjunto de ferramentas práticas que te ajudarão a criar conteúdos em 2 e 3D rapidamente.
 
'''Cinema:''' Assim como os jogos tem se tornado um mercado bilionário no mundo inteiro, e tem surpreendido cada vez mais com a qualidade e realidade das animações.'''''Exemplos de ferramentas:'''''
 
[[Arquivo:CINEMA.jpg]]
 
• '''ADOBE AFTER EFFECTS:''' é um programa de criação de gráficos com movimento e efeitos visuais da empresa Adobe Systems. É extensamente usado em pós-produção de vídeo, filmes, DVDs e produções da plataforma Flash;
 
• '''ADOBRE PREMIERE PRO:''' é um programa que é empregado para a edição de vídeos profissionais. Foi considerado o melhor editor de conteúdo áudio visual em 2D e 3D;
 
'''Engenharia:''' Programadas que testam desde a resistência física até química dos produtos utilizado nos projetos. '''''Exemplo de ferramentas:'''
 
[[Arquivo:ENGENHARIA.jpg]]
 
''• '''AUTODESK REVIT:''' Recursos dessa ferramenta permitem a modelagem consistente, coordenada e completa para projetos multidisciplinares que se estendem ao detalhamento e à construção.
 
'''Geoprocessamento:''' Processamento informatizado de dados, operado sobre registros de ocorrência georeferenciadas, que permitem o uso de informações cartográficas '''( mapas, cartas, topográficas e plantas).''' '''''Exemplo de ferramentas:'''''
 
[[Arquivo:GEO.png]]
 
• '''MUTISPEC:''' Software de Tratamento de Imagens com licença gratuita.
 
• '''MAPSERVER:''' Plataforma Open Source para publicar dados espaciais e aplicaivos de mapeamento interativo na web.
 
'''Medicina:''' Utilizados para análise de exames, como: tomografia, radiografia e o mais recente trabalho permite que o ultra-som gera imagens 3D. '''''Exemplo de ferramentas:'''''
 
[[Arquivo:ULTRA.jpg]]
 
• '''RADIANT:''' Visualizador para analises de imagens medicas.
 
'''Design Visual:'''  Normalmente utilizado no desenvolvimento de mídias visuais, para criação de publicidade (revistas e outdoors) quanto no auxilio cinematográfico. '''''Exemplo de ferramentas:''''(basicamente as mesma ferramentas utilizadas no tópico Artes Cinema) After Effects, Sony Vegas, Adobe Premiere, Adobo Photoshop, CorelDraw.


= Código =
= Código =
<syntaxhighlight lang="python3">
Arquivo = "lista_contatos.txt" # Nome do arquivo


def ler_arquivo():              # Função que le o arquivo de texto
Nesse código bem simples podemos o código para gerar o cubo (que gira com o movimento do mouse)
    try:                        # Tratamento de erro
 
        arq = open(Arquivo,"r+") # Abre o arquivo para leitura
void setup ()
        print( '\n'+arq.read() ) # Quebra linha e mostra o conteudo
 
        arq.close()              # Fecha o arquivo
{
    except IOError:              # Tratamento de erro
 
        print('\nArquivo não encontrado!')
size(400, 400, P3D);


def escrever_linhas(texto):        # Função que le e escreve no arquivo
noFill();
    try:                          # Tratamento de erro
        arq = open(Arquivo,"a+")  # Abre o arquivo para gravação no final do arquivo
        arq.writelines('\n'+texto) # Escreve no arquivo o parametro 'texto'
        arq.close()                # Fecha o arquivo
        print('\nLinha gravada com sucesso')
    except IOError:                # Tratamento de erro
        print('\nErro ao abrir o arquivo!') # Mostra na tela uma mensagem de erro


def pesquisar_contato(nome):
}
    try:
        arq = open(Arquivo, "r+")
        dicionario = {'nome':'', 'telefone':'', 'email':''}
        achei = False
        # lógica ler arquivo e comparar nome
        for cont, s in enumerate(arq.readlines()):
           
            dicionario['nome'], dicionario['telefone'],dicionario['email'] = s.split(' - ')
            if dicionario['nome'] == nome:
                print(cont)
                print('Nome: %s'% dicionario['nome'])
                print('Telefone: %s'% dicionario['telefone'])
                print('Email: %s'% dicionario['email'])
                achei = True
               
        if not achei:
            print('Não existe %s' % (nome))


       
void draw()
        # se achou imprime, se não mostra uma mensagem de nao encontrado


        arq.close
{
       
    except IOError:
        print('\nContato não encontrado')


background(#BBBBBB);


def excluir_contatos():
translate (width/2, height/2);
    try:
        arq =open('lista_contatos.txt','r+')
        valores = arq.readlines()
        l = []
        splited =[]
        nome = input('Entre com um nome:')
        for x in valores:
            splited=x.split(' - ')
            if splited[0]==nome:
              pass
            else:
                l.append(splited)
       
        arq.close()
        novo_cadastro(l)
    except:
        print('erro')
def novo_cadastro(l):
    arq = open(Arquivo,'w')
    for x in l:
        #print("Nome:%s | Telefone:%s | Email:%s"%(x[0],x[1],x[2]))
        arq.write("%s - %s - %s" %(x[0],x[1],x[2]))
    arq.close()


while(True):
rotateY(mouseX*PI/(width/2));
   
    print('\n        Opcões:')
    print(' ')
    print('1 - Cadastrar contato')
    print('2 - Listar dados')
    print('3 - Pesquisar contato')
    print('4 - Excluir contato')
    print('9 - Sair')
    print(' ')
    Op = int(input('Digite a opção desejada:')) # Entrada da opcao pelo teclado


    if Op == 1:                                    # Se a opcao for 1
scale(1/((float)mouseY/(height/5)));
        nome = input('\nDigite o nome do contato:')      # Entrada do nome pelo teclado
 
        fone = input('Digite o número do telefone:')# Entrada do telefone pelo teclado
box(100);
        email = input('Digite o email:')           # Entrada do telefone pelo teclado
 
        contato = (nome+' - '+fone+' - '+email)    # Recebe o nome + o telefone
}
        escrever_linhas(str(contato))               # Chama a função que grava em arquivo
    elif Op == 2:                                  # Se a opcao for 2
        ler_arquivo()                               # Chama a função que le o arquivo
    elif Op == 9:                                  # Se a opcao for 0
        break                                      # Quebra o laço infinito
    elif Op == 3:
        nome = input("Digite o nome: ")
        pesquisar_contato(nome)
    elif Op == 4:
        #nome = input ("Digite o nome: ")
        excluir_contatos()
</syntaxhighlight>
Dar um exemplo de um código-fonte que mostre alguma parte da aplicação final. O código deverá ser curto mas que o leitor consiga enxergar para que serve. Pode-se usar comentários no programa.
<br>


= Diagrama de Casos de Uso =
= Diagrama de Casos de Uso =
Desenhar ou plotar  os requisitos funcionais de uma aplicação.
 
[[Arquivo:Diagrama.jpg]]
 
<br>
<br>


= Interações com as tecnologias =
= Interações com as tecnologias =
Incluir links (internos ou externos) temas que tem relação com este, explicando detalhes sobre. Limite de 3 internos e 2 externos.
[[Tecnologia de vídeo]]
 
= Referências bibliográficas =
https://pt.wikipedia.org/wiki/Computa%C3%A7%C3%A3o_gr%C3%A1fica
 
http://br.ccm.net/faq/16841-softwares-gratuitos-para-criacao-de-jogos-de-computador-e-consoles
<br>
<br>


= Informações adicionais =
https://www.autodesk.com.br
Descrever detalhes a mais sobre esse tema.
 
<br>
http://www.ufrgs.br/engcart/PDASR/softwares.html
 
http://www.alphachannel.net.br/blog/2009/07/computacao-grafica-e-suas-definicoes


= Referências bibliográficas =
http://www.sourceinnovation.com.br/wiki/Computa%C3%A7%C3%A3o_Gr%C3%A1fica
Relacionar aqui as referências bibliográficas no padrão ABNT.  
Bases de procura: Artigos, publicações acadêmicas, revistas e sites de fornecedores
<br>

Edição atual tal como às 01h03min de 20 de outubro de 2017

Conceito

A computação gráfica e uma das áreas do mundo da computação de extrema importância, ela reúne um conjunto de técnicas nas quais permitem a geração de imagens a partir de modelos computacionais sendo eles de objetos reais e imaginários, ou seja exteriorizar ao usuário o resultado de todas as demais conjuntos da computação ( interface gráfica para Software, sistema operacionais, sites de internet, animações para jogos, recriação do mundo real).

Imagem: Pintura bidimensional, podendo ser um desenho ou uma fotografia, que passam pelo processo de digitalização e tornam se visíveis no sistema.

Pixel: Contido em imagens digitais, o pixel é a menor parte de uma imagem, geralmente são representados em forma de quadrados ou círculos.

Gráfico: Podem ser bidimensionais ou tridimensionais, geralmente apresentados em um superfície com o intuito de mostrar uma cena.


Renderização: Processo de gerar uma imagem em um mundo tridimensional.

Projeção 3D: são gráficos que usam representações tridimensionais de dados geométricos (geralmente cartesianos) que são armazenados em um computador com o propósito de realizar cálculos e renderizar imagens 2D.


Ray Tracing: Método usado para gerar uma imagem tracejando o caminho da luz através de um plano de imagem.

Sombreamento: Técnica de calcular o nível de escuridão em modelos 3D.

Mapeamento de textura: se ocupa do estudo da simulaçãode materiais e texturas sobre planos.

Software

Devido as suas inúmeras plataformas para se trabalha e por possuir muita versatilidade, encontramos na computação gráfica inúmeros programas focados para suprir cada necessidade.


Artes: Feita através de interfaces com ferramentas especializadas para criação de imagens (arte digital, web arte), Exemplos de ferramentas: • ILLUSTRATOR: é um editor de imagens vetoriais desenvolvido e comercializado pela Adobe Systems;

• INKSCAPE: é um software livre para editoração eletrônica de imagens e documentos vetoriais (app código aberto);

• CORELDRAW: é um programa de desenho vetorial bidimensional para design gráfico desenvolvido pela CorelCorporation;

• ADOBE PHOTOSHOP: é um software caracterizado como editor de imagens bidimensionais do tipo raster (possuindo ainda algumas capacidades de edição típicas dos editores vectoriais) desenvolvido pela Adobe Systems;

Arquitetura e Design de Produto: Desenvolve graficamente de forma visual com aplicação de cálculos matemáticos para os teste de projetos (resistência variação de luz). Exemplos de ferramentas:

• AUTOCAD: É utilizado principalmente para a elaboração de peças de desenho técnico em duas dimensões e para criação de modelos tridimensionais ;

• DATACAD: é um editor de projetos voltado para arquitetura e construção civil,e incorpora diversos recursos que expandiram sua área de utilização;

Jogos: São a maior aplicação da Computação Gráfica, e a grande motivação para seu desenvolvimento, com isso ocorre um grande aprimoramento de equipamentos para este tipo de trabalhos. Exemplos de ferramentas:

• GAMEMAKER: Anteriormente conhecido como Animo, e depois Game Maker, é um motor de jogo proprietário, talvez o mais usado entre os internautas que não têm muito conhecimento de programação e desenvolvimento de jogos.

• 'UNITY ENGINE': Editor de jogos com um excelente conjunto de ferramentas práticas que te ajudarão a criar conteúdos em 2 e 3D rapidamente.

Cinema: Assim como os jogos tem se tornado um mercado bilionário no mundo inteiro, e tem surpreendido cada vez mais com a qualidade e realidade das animações.Exemplos de ferramentas:

• ADOBE AFTER EFFECTS: é um programa de criação de gráficos com movimento e efeitos visuais da empresa Adobe Systems. É extensamente usado em pós-produção de vídeo, filmes, DVDs e produções da plataforma Flash;

• ADOBRE PREMIERE PRO: é um programa que é empregado para a edição de vídeos profissionais. Foi considerado o melhor editor de conteúdo áudio visual em 2D e 3D;

Engenharia: Programadas que testam desde a resistência física até química dos produtos utilizado nos projetos. Exemplo de ferramentas:

• AUTODESK REVIT: Recursos dessa ferramenta permitem a modelagem consistente, coordenada e completa para projetos multidisciplinares que se estendem ao detalhamento e à construção.

Geoprocessamento: Processamento informatizado de dados, operado sobre registros de ocorrência georeferenciadas, que permitem o uso de informações cartográficas ( mapas, cartas, topográficas e plantas). Exemplo de ferramentas:

• MUTISPEC: Software de Tratamento de Imagens com licença gratuita.

• MAPSERVER: Plataforma Open Source para publicar dados espaciais e aplicaivos de mapeamento interativo na web.

Medicina: Utilizados para análise de exames, como: tomografia, radiografia e o mais recente trabalho permite que o ultra-som gera imagens 3D. Exemplo de ferramentas:

• RADIANT: Visualizador para analises de imagens medicas.

Design Visual: Normalmente utilizado no desenvolvimento de mídias visuais, para criação de publicidade (revistas e outdoors) quanto no auxilio cinematográfico. Exemplo de ferramentas:'(basicamente as mesma ferramentas utilizadas no tópico Artes Cinema) After Effects, Sony Vegas, Adobe Premiere, Adobo Photoshop, CorelDraw.

Código

Nesse código bem simples podemos o código para gerar o cubo (que gira com o movimento do mouse)

void setup ()

{

size(400, 400, P3D);

noFill();

}

void draw()

{

background(#BBBBBB);

translate (width/2, height/2);

rotateY(mouseX*PI/(width/2));

scale(1/((float)mouseY/(height/5)));

box(100);

}

Diagrama de Casos de Uso


Interações com as tecnologias

Tecnologia de vídeo

Referências bibliográficas

https://pt.wikipedia.org/wiki/Computa%C3%A7%C3%A3o_gr%C3%A1fica

http://br.ccm.net/faq/16841-softwares-gratuitos-para-criacao-de-jogos-de-computador-e-consoles

https://www.autodesk.com.br

http://www.ufrgs.br/engcart/PDASR/softwares.html

http://www.alphachannel.net.br/blog/2009/07/computacao-grafica-e-suas-definicoes

http://www.sourceinnovation.com.br/wiki/Computa%C3%A7%C3%A3o_Gr%C3%A1fica

Disponível em “http://3.143.69.156/wiki/index.php?title=Programação_em_Computação_Gráfica&oldid=55218”