PDF de programación - Documentación de Descartes JS

Documentación de Descartes JS

Alejandro Radillo Díaz
José Luis Abreu León
Joel Espinosa Longi

21 de febrero de 2018

matemáticasinteractivasDESCARTES Índice general

1. Sobre la presente documentación

2. ¿Qué es DescartesJS?

2.1. Los inicios de Descartes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.2. Modificaciones actuales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3. Introducción a los componentes de Descartes JS

3.1. El editor
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.2. La biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

1

3
3
3

5
5
6

4. Aprendiendo a usar el editor

7
7
4.1. La barra de menús del Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7
4.1.1. El menú Archivo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4.1.2. El menú Opciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
8
4.1.3. El menú Ayuda . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

5. El editor de configuraciones

11
5.1. Selectores
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
5.2. Botones del editor de configuraciones . . . . . . . . . . . . . . . . . . . . . . . . 14

6. El selector Escena

15

7. El selector Espacio

19
7.1. Espacio R2 o bidimensional . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
7.2. Espacio R3 o tridimensional . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
7.3. Espacio HTMLIFrame . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
7.4. Panel de espacios en el selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

8. El selector Gráficos

25
8.1. Gráficos 2D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
8.1.1. Gráfico Ecuación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
8.1.2. Gráfico Curva . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
8.1.3. Gráfico Punto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
8.1.4. Gráfico Segmento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
8.1.5. Gráfico Polígono . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
8.1.6. Gráfico Rectángulo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
8.1.7. Gráfico Flecha . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

I

II

ÍNDICE GENERAL

8.1.8. Gráfico Arco . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
8.1.9. Gráfico Texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
8.1.10. Gráfico Imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
8.1.11. Gráfico Macro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
8.1.12. Gráfico Sucesión . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
8.1.13. Gráfico Relleno . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
8.2. Gráficos 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
8.2.1. Gráfico Segmento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
8.2.2. Gráfico Punto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
8.2.3. Gráfico Polígono . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
8.2.4. Gráfico Curva . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
8.2.5. Gráfico Triángulo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
8.2.6. Gráfico Cara . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
8.2.7. Gráfico Polígono regular . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
8.2.8. Gráfico Superficie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
8.2.9. Gráfico Texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
8.2.10. Gráfico Cubo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
8.2.11. Gráfico Paralelepípedo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
8.2.12. Gráficos Tetraedro, Octaedro, Dodecaedro e Icosaedro . . . . . . . . . . . 57
8.2.13. Gráfico Esfera . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
8.2.14. Gráfico Elipsoide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
8.2.15. Gráfico Cono . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
8.2.16. Gráfico Cilindro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
8.2.17. Gráfico Toroide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
8.2.18. Ejercicio general de gráficos 3D . . . . . . . . . . . . . . . . . . . . . . . 64
8.3. Controles comunes a los gráficos . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
8.4. Controles comunes a los gráficos 3D . . . . . . . . . . . . . . . . . . . . . . . . . 67

9. El selector Controles

71
9.1. Control numérico tipo Pulsador
. . . . . . . . . . . . . . . . . . . . . . . . . . . 72
9.2. Control numérico tipo Campo de texto . . . . . . . . . . . . . . . . . . . . . . . 74
9.3. Control numérico tipo Menú . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
9.4. Control numérico tipo Barra . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
9.5. Control numérico tipo Botón . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
9.6. Control tipo Casilla de verificación . . . . . . . . . . . . . . . . . . . . . . . . . . 82
9.7. Control tipo Gráfico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
9.8. Control tipo Texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
9.9. Control tipo Audio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
9.10.Control tipo Video . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
9.11.Elementos comunes a todos los controles
. . . . . . . . . . . . . . . . . . . . . 92

ÍNDICE GENERAL

III

10.El selector Programa

97
10.1.INICIO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
10.2.CÁLCULOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
10.3.Eventos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99

11.El selector Definiciones

101
11.1.Vector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
11.2.Matriz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
11.3.Función . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
11.4.Variable . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108
11.5.Biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

12.El selector Animación

113

13.Funcionalidad intrínseca de Descartes

117
13.1.Variables intrínsecas de Descartes . . . . . . . . . . . . . . . . . . . . . . . . . . 117
13.1.1. Variables de Espacio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
13.1.2. Variables del Mouse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119
13.1.3. Variables de los controles gráficos . . . . . . . . . . . . . . . . . . . . . . 120
13.1.4. Variables de controles de audio y video . . . . . . . . . . . . . . . . . . . 121
13.1.5. Variables generales de Descartes . . . . . . . . . . . . . . . . . . . . . . . 122
13.2.Funciones intrínsecas de Descartes . . . . . . . . . . . . . . . . . . . . . . . . . 123
13.2.1. Funciones comunes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123
13.2.2. Funciones del lenguaje de Descartes
. . . . . . . . . . . . . . . . . . . . 125
13.3.Condicionales y operadores booleanos . . . . . . . . . . . . . . . . . . . . . . . 127
13.3.1. Los operadores booleanos y su uso en condicionales . . . . . . . . . . . 127
13.3.2. Uso de variables mudas para condicionar el llamado de funciones . . . 130
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131
13.4.Operadores generales
13.5.Orden y jerarquía de operaciones matemáticas . . . . . . . . . . . . . . . . . . 132

14.Herramientas generales

14.1.Herramienta del control de colores

135
. . . . . . . . . . . . . . . . . . . . . . . . . 135
14.1.1. Forma hexadecimal de introducción de color . . . . . . . . . . . . . . . 136
14.1.2. Forma decimal de introducción de color . . . . . . . . . . . . . . . . . . 137
14.1.3. Transformación de hexadecimal a decimal en la introducción de color 137
14.2.Herramienta de introducción de textos . . . . . . . . . . . . . . . . . . . . . . . 137
14.2.1. Introducción de texto simple . . . . . . . . . . . . . . . . . . . . . . . . . 138
14.2.2. Introducción de texto enriquecido . . . . . . . . . . . . . . . . . . . . . . 139

IV

ÍNDICE GENERAL

Sobre la presente documentación

1

La presente documentación está destinada tanto a personas que no han usado Des-

cartes como a personas que tienen cierta experiencia y desean mejorarla.

La documentación aborda tanto al Editor de Descartes JS como la funcionalidad ge-
neral del mismo. No obstante, se da una importancia mayor a la funcionalidad. Adicio-
nalmente, se trata la funcionalidad más común de Descartes, y no se abordan algunas
particularidades del Editor y algunas de funcionalidad general debido a que no son de uso
frecuente.

Con el objeto de que el lector pueda practicar a medida que avanza en la documen-
tación, se proponen algunos ejercicios cuando se considera se ha acumulado suficiente
conocimiento para ejecutarlos, y se incluyen los ejercicios resueltos en forma de interac-
tivos de Descartes para que el lector pueda compararlos con los propios. Se encuentran
en la carpeta Ejercicios dentro del archivo comprimido DocumentacionDescartes.zip en
http://descartes.matem.unam.mx/doc/Do