O teu navegador non soporta os requerementos necesarios para esta presentación. Vas ver unha versión simplificada da mesma.

Para velo mellor, utiliza as últimas versións de Firefox, Chrome ou Safari.

V Congreso de Software Libre para Educación

Santiago de Compostela, 30 de xuño de 2016


Three: Mundos 3D con Javascript



Mario Rodríguez Riotorto
mario@edu.xunta.es
tecnostats.net/santiago2

Crearemos obxectos 3D na web

Utilizaremos a linguaxe Javascript

Unha ferramenta software libre

Unha ferramenta que é referente para facer mundos virtuais na web

Estamos a falar de Three

Escea 1 Empezamos cos elementos básicos dunha escea moi sinxela

Escea 2 Traslacións dos obxectos a calquera punto do espazo

Escea 3 Escalado e rotacións dos obxectos segundo ángulos de Euler

Escea 4 Rectángulos, triángulos e segmentos. Transparencias e caras ocultas.

Escea 5 Superficies irregulares triangularizadas.

Escea 6 Importando esceas dende Threejs editor
formato JSON

Escea 7 Importando esceas dende SweetHome3D
formato OBJ

Escea 8 Importando obxectos matemáticos dende Maxima
Transformada de Fourier en 2D

Escea 9 Máis obxectos matemáticos dende Maxima
Superficie implícita

Escea 10 E outro máis feito con Maxima
Procesamento de datos

Escea 11 Curva paramétrica con Three.js

Escea 14 Curva paramétrica representada por un tubo

Escea 12 Superficie paramétrica con Three.js:
Natica stellata

Escea 13 Coas superficies paramétricas construimos tamén as explícitas

Vale, e todo isto para que?

Escea 16 Altura dun tetraedro regular

Escea 17 Mecanismo animado

Escea 18 Interactuando cun botón deslizante

Escea 19 Interactuando cunha área de texto

Escea 21 Cristal de sal, \(Na Cl\)

Escea 20 Molécula de cafeína, \(C_8H_{10}N_4O_2\)

Utiliza flechas para navegar