Category Sin categoría
Responde estas preguntas y enviamelas por mail a javi.agenjo@gmail.com
Buscad uno llamado Experiencia con aplicaciones
Dadle a Tipo de Inicio -> Manual
Aplicar
Boton Iniciar
Y ya podeis aceptar, el error al compilar no deberia suceder.
Es importante recordar que para programar en Javascript en la web lo primero es conocer como funciona la web, eso incluye saber un poco de HTML y CSS. Estas slides introducen a algunos de los conceptos. Tambien suele ser util saber algo del protocolo HTTP.
Aquí hay un listasdo de enlaces utiles a presentaciones y cursos relacionados con el desarrollo de aplicaciones web en Javascript.
Este es un listado de conceptos que todo programador de Javascript deberia conocer y dominar para evitar errores frecuentes.
Existen algunas webs donde puedes programar Javascript directamente en la web lo cual puede resultar util para testear conceptos.
Estos son algunos cursos online muy completos donde aprendes a programar en javascript desde cero, paso a paso, con ejemplos interactivos.
Para aprender Javascript nada mejor que usar algun ejemplo práctico, estas librerias te permiten obtener resultados visuales muy facilmente, haciendo el aprendizaje más llevadero.
Algunos enlaces extra
This seminar is addressed to people with low knowledge in programming, who want to know the basics.
Javi Agenjo from GTI-Graphics
Topics that we will handle:
You have to bring a laptop with a good text editor installed, this are some recommendations:
We will use the browser as the execution environment.
Escribir en C++ para Linux un programa que recibe como entrada un fichero ASCII con una superficie poligonal y permite su visualización 3D (grabando el resultado en una imagen a disco).
“3D Computer Graphics, 3rd edition”, por Alan Watt. Capítulos 5 y 6.
Opcionalmente se le pueden añadir funcionalidades al programa: clipping de polígonos que están parcialmente fuera del frustrum (págs. 168-171), interacción (cambio del punto de vista, rotaciones, traslaciones, escalas), cambio de propiedades de los materiales para shading, colores diferentes para objetos diferentes, etc.
Línea 1: <V (número de vértices)> <P (número de polígonos)>
Línea 2: <coordenada x1> <coordenada y1> <coordenada z1>
Línea 3: <coordenada x2> <coordenada y2> <coordenada z2>
…
Línea V+1: <coordenada xN> <coordenada yN> <coordenada zN>
Línea V+2: <número de lados del polígono 1> <1er vértice> <2o vértice> … <último vértice> (ordenados tal que la normal sea saliente)
Línea V+3: <número de lados del polígono 2> <1er vértice> <2o vértice> … <último vértice>
…
Línea V+P+1: <número de lados del polígono P> <1er vértice> <2o vértice> … <último vértice>
Por ejemplo, esta sería la representación de una pirámide de base cuadrada:
5 5
0 0 0
0 1 0
1 1 0
1 0 0
0.5 0.5 1
4 1 2 3 4
3 1 4 5
3 4 3 5
3 3 2 5
3 2 1 5
Podéis usar el mismo código de la práctica 1 para trabajar con imágenes.
Fecha límite: POR DETERMINAR, 9AM, a través del Aula Global. No se aceptan entregas tardías, no se hacen excepciones.
POR DETERMINAR.
Duración: 10-15 minutos por equipo, con preguntas individuales. Todos los integrantes deben estar plenamente familiarizados con el trabajo de su equipo. Esta clase es de asistencia obligatoria.
Se entrega desde el Aula Global
Qué se entrega:
Esta práctica consiste en la implementación de un algoritmo de sistesis de texturas.
A.A. Efros and T.K. Leung Texture Synthesis by Non-parametric Sampling
El algoritmo permite rellenar regiones de la imagen de las que no tenemos información.
Teneis que utilizar la libreria ImageMagick++ para esta practica, esta libreria os permitirá cargar imagenes, leer su contenido y guardarlas en disco. Para ello teneis que instalarla desde el repositorio de aplicaciones, en la categoria Grafics.
Teneis que usar GCC, si veis que no lo teneis instalado, escribid el siguiente comando desde vuestro terminal:
upf-software-install-grafic gcc
upf-software-install-grafic gcc-c++
Una vez instalada descomprimid el framework (untar morphing.tar) y dentro encontrareis el codigo a utilizar, se creará un directorio morphing con subdirectorios morphing/inc, morphing/src, morphing/obj y morphing/bin
Ahora podemos compilar el código ejemplo:
cd morphing/src
make -k prueba
cd ..
Se habrá creado un binario llamado prueba. Para ejecutarlo (situados en morphing/):
./obj/prueba AT_poster.png basura lista.txt 0.5 100
Las imágenes las podéis ver con el comando display:
display basura100.tif
Probar con diferentes tipos de imágenes y con varios juegos de parámetros, buscando evaluar la eficacia y los problemas del algoritmo.
Mirar en moodle.
Se entrega desde el Aula Global
Qué se entrega:
Duración: 10 minutos por equipo, con preguntas individuales. Todos los integrantes deben estar plenamente familiarizados con el trabajo de su equipo. Esta clase es de asistencia obligatoria. No hay que traer Slides, será una presentación oral delante del código.
Juego de pruebas para defensa..
Esta práctica trata sobre el uso de imagenes para rellenar poligonos, tambien conocidas como texturas.
Gracias a las texturas podemos dar mucho más realismo a los entornos.
Tambien se habla sobre la opcion de pintar poligonos mezclando el color de cada pixel con el de los pixeles que ya hay pintados en lugar de reemplazarlos.
Class Texture:
bool loadTexture( const char* filename ); //carga la textura lista para usar
void enable(); //la activa
Esta práctica trata sobre maneras de definir curvas mediante ecuaciones matematicas de diferente grado y de interactuar con ellas para dibujarlas o definir rutas.
Conocer el uso de las curvas es clave cuando queremos mover objetos o la camara por el escenario de una manera suave.
Class Spline:
void addPoint( Vector3 point);
Vector3 getInterpolatedPoint(float t);
Vector3 getNormalizedInterpolatedPoint(float t);
Esta práctica consiste en la implementación del algoritmo de diezmado de triángulos para reducir el número de polígonos de una malla triangulada manteniendo la apariencia de la superficie.
William J. Schroeder, Jonathan A. Zarge, and William E. Lorensen
Computer Graphics (SIGGRAPH ’92 Proceedings), Vol. 26, no. 2, July 1992, pp. 65–70.
También puede ser muy útil consultar el manual de VTK disponible en la biblioteca u online.
Objetivo
Escribir un programa en C++ para Linux que implemente el algoritmo de Decimation of Triangle Meshes citado previamente. El algoritmo recibe como entrada una superficie triangulada y la simplifica, reduciendo el número de triángulos pero manteniendo la apariencia de la superficie.
Para leer los datos tridimensionales y visualizar la superficie poligonal generada se tendrá que utilizar la biblioteca VTK. Para instalarla en las aulas, ir al menú: “Aplicacions -> Gràfics -> VTK”.
Una vez instalada:
1. Descargar el framework de la Práctica 2 (decimation.tar)
2. Descomprimirlo: ejecutar desde la línea de comando la instrucción
tar xvf decimation.tar
3. Ahora podemos compilar el código ejemplo:
cd decimation/src
Hay dos cpp de ejemplo:
–Politext.cpp crea una superficie muy sencilla. Se compila con:
make -k poli
–cara.cpp carga de disco la superficie con la que trabajaremos, una cara, y muestra ejemplos de cómo recorrer sus triángulos y puntos, evaluando conectividades y pertenencias. Se compila con:
make -k cara
Para la práctica 2, trabajaremos sobre el archivo “cara.cpp”.
4. Se habrá creado un binario el la carpeta “obj” llamado poli.o/cara.o respectivamente. Para ejecutarlo desde la carpeta “decimation”:
./obj/cara
Probar con diferentes parámetros, tanto externos (elegidos por el usuario), como internos del algoritmo.
Fecha límite: Martes 9 de Noviembre a las 08:00AM; No se aceptan entregas tardías, no se hacen excepciones.
Qué se entrega:
Martes 9 de Noviembre
Duración: 10 minutos por equipo, con preguntas individuales. Todos los integrantes deben estar plenamente familiarizados con el trabajo. Esta clase es de asistencia obligatoria. No hay que traer Slides, será una presentación oral delante del código.
En esta práctica se trata todo el tema relacionado con las transformaciones geometricas, cómo posicionar objetos en nuestro entorno y cómo moverlos, rotarlos y escalarlos. Tambien se profundiza en el concepto de sistema de coordenadas.
Para ello se tendrá que hacer uso de las transformaciones mediante matrices. Es importante tener fresca toda la teoría de algebra asociada a matrices (multiplicacion de matrices, propiedades de las matrices, etc).
Esta práctica es clave para moverse con facilidad por entornos 3D.
Class Camera
void updateViewMatrix( void );
void updateProjectionMatrix( void );