Untitled Document
Tu primera escena
Nivel de iniciación.
Te propongo que pruebes a elaborar tu primera escena.
Necesitas un editor de páginas web (Dreamweaver por ejemplo) y conocimientos básicos de su manejo, pero ahora apenas lo vas a utilizar.
Tu ordenador debe tener instalada la máquina virtual java. Ya que todavía se necesita para elaborar escenas, pero no se necesita para ver las escenas ya elaboradas.
Lógicamente también necesitas los archivos del editor de escenas Descartes y la carpeta lib con el archivo descartes-min.
Lo puedes bajar el de aquí El archivo descartes-min.js debes ponerlo dentro de una carpeta con el nombre lib
Debes poner este archivo como de sólo lectura para que no te lo cambie. Porque cuando se guarda la escena que se está elaborando, el editor también cambia el archivo descartes-min.js poniendo el de la última versión.
Esto es un problema porque exige que tu ordenador tenga las últimas prestaciones, si no es así la escena ya no se carga y es necesario sustituir el archivo nuevo por el antiguo para que se pueda ver.
Es mejor que utilices las versión que te aporto, porque no es tan exigente, lo podrán abrir desde cualquier ordenador.
Comprueba cómo se guarda una escena.

Prepara en tu ordenador una carpeta donde colocarás tu trabajo. Ponla nombre, "Mis escenas", por ejemplo.
En esa carpeta coloca los archivos que has bajado, es decir, el editor de escenas que son los archivos de nombre Descartes y la carpeta lib con el archivo descartes-min.js
Si picas con el botón derecho del ratón sobre una escena ya elaborada aparece el panel flotante de Descartes, al picar sobre configuración aparece su código fuente. Además en la primera línea de ello indica al ordenador dónde debe buscar el archivo-programa para interpretarlo (descartes-nin.js).
Es la línea:
<script type='text/javascript' src='http://arquimedes.matem.unam.mx/Descartes5/lib/descartes-min.js'></script>
Esto significa que debe buscarlo en la dirección de internet de la universidad autónoma de Méjico donde está instalado. Si lo copias y colocas en una página web que estás elaborando probablemente no puedas ver esa escena. Para ello debes modificar esa línea y poner:
<script type='text/javascript' src='lib/descartes-min.js'></script>
Con esto, tu ordenador buscará el archivo descartes-min.js en tu ordenador, en la carpeta lib situada al mismo nivel que el archivo de la página que estás guardando.
Para probar que se guarda una escena propia
Abres el editor de escenas, es uno de esos archivos de nombre Descartes, aparecerá el rectángulo de la escena, en sus esquinas pone créditos, configuración, inicio, limpiar.
Picas sobre configuración, aparece el panel flotante, picas sobre gráficos, + para poner un elemento gráfico nuevo, elige punto, en texto pon "escena de prueba", acepta y guárdalo en esa misma carpeta con el nombre "escenaprueba ".
Comprueba que la página se ha guardado, al abrirla se ve la escena con el texto que has puesto.

Ahora una escena nueva original elaborada desde cero
Solamente comenzamos desde cero si pretendemos elaborar una escena totalmente nueva y diferente de las que tenemos. Cuando elaboramos escenas parecidas a otras es más fácil actuar sobre una copia de la escena antigua, quitando y poniendo lo que interese, nos ahorraremos mucho trabajo.
Pero en este caso vamos a hacer una escena totalmente nueva.
Idea del proyecto.
Primero debemos tener una idea clara de la escena que pretendemos hacer.
Yo propongo esta idea:
Se trata de una escena para que el alumno aprenda a situar puntos sobre el plano cartesiano.
Será una escena de tipo actividad, quiero decir que el alumno debe contestar actuando sobre la escena y el ordenador le indicará si lo hace bien o mal.
Es conveniente que primero dibujemos en un papel nuestro proyecto.
En la escena solamente aparecerán los ejes de coordenadas y la frase "Coloca este punto en su sitio:"
Continuando la frase aparecerá el punto y entre paréntesis sus valores, empleando números enteros.
Esos valores serán números aleatorios para que cada vez sean diferentes.
El alumno deberá mover ese punto con el puntero hasta colocarlo adecuadamente en su lugar.
Cuando ese punto esté en su sitio aparecerá el mensaje "muy bien".
Preparo lo necesario.

Creo una carpeta donde pondré el archivo que voy a elaborar, en ella también pondré la carpeta lib con el archivo descartes-min.js de sólo lectura.

Proceso que he de seguir para editar una escena .
Abro el editor de escenas. Abro el panel de configuración y en botones quito créditos, config. y limpiar, dejo solamente inicio.
En espacio selecciono fijo, para que no se mueva el fondo con el puntero.
Empiezo poniendo la frase "Coloca este punto en su lugar". Para ello creo un gráfico tipo punto y en texto pongo esa frase. Doy a aplicar y compruebo que aparece.
Cambio sus coordenadas hasta que la frase quede en el lugar que me interese.
Ahora necesito crear un control gráfico para referenciar sobre él el punto y poder moverlo.
Voy a controles e inserto un control gráfico.
Ese control g1, primeramente tiene las coordenadas (0,0) , las cambio hasta que esté donde me interesa.
Voy a gráficos y pongo un gráfico nuevo, tipo punto.
El punto, primeramente aparece en las coordenadas (0,0). Lo pongo apoyado en el control gráfico que había creado, es decir en (g1.x,g1.y)
Ahora ya puedo mover ese punto. Aparecerá en el control gráfico, pero el disco del control me lo tapa, por eso en el control debo poner dibujar-si=0. También me interesa poner más grande el tamaño del control para que sea más fácil picar en él, de tamaño 10 por lo menos.
Junto a ese punto quiero que aparezca el paréntesis con las coordenadas donde el alumno debe situarlo.
Las coordenadas, serán valores aleatorios a1, b1. Debo hacer que el ordenador prepare esos valores aleatorios. Voy a auxiliares para definirlos. Puedo meterlos en el algoritmo inicio que se calcula sólo una vez, pondré a1=ent(rnd*21)-10
Con ello me dará un valor aleatorio entero comprendido entre -10 y +10
b1=ent(rnd*11)-5
Con ello me dará un valor aleatorio entero comprendido entre -5 y +5 . Si prefiero otro rango de valores lo pongo según ello.
Voy a gráficos y en el texto del punto pongo ([a1],[b1]) . Para que en el texto de los gráficos aparezcan sus valores en vez de las letras debemos meterlos entre corchetes. Pongo decimales=0 para que no tengan coma.
Es conveniente dar guardar cada vez que hemos completado un proceso, para que no se pierda nuestro trabajo en caso de algún problema.
Quiero que el ordenador compruebe que el alumno coloca el punto en su sitio y que entonces aparezca un mensaje indicando que está bien.
Para ello debo definirlo en auxiliares, en el algoritmo cálculos que se evalúa siempre.
bien1= (abs(a1-g1.x)<0.1)*(abs(b1-g1.y)<0.1)
Es necesario darle un pequeño margen 0.1 porque si no sería muy difícil acertar. Esta fórmula comprueba que las coordenadas en que debe colocarse el punto son las mismas que las del control gráfico. Si el punto está en el lugar adecuado, entonces bien1 valdrá 1.
En gráficos coloco un punto con el texto "MUY BIEN" poniendo dibujar-si=bien1
Conforme se ha ido elaborando se comprueba que todo funciona y aparece lo que se quiere.
Doy guardar.
Retoques y mejoras

Es conveniente que el color, el tipo y el tamaño de la letra sea lo adecuado. Se modifica mediante texto simple.
En la frase del principio y en "muy bien" no interesa que se vea el punto del texto, por eso ponemos tamaño=0.
También conviene que la escala sea la deseada, se modifica en espacio. Y que no se arrastre todo ello con el puntero, por ello en espacio se elige fijo . No deben verse las coordenadas del puntero, para ello se deja desactivado texto.
El tamaño de la escena es muy grande. Para modificar el tamaño de la escena, lo hago desde el código fuente, cambiando los números que aparecen al principio que indican el ancho y el alto de la escena.
Después se mejora la escena poniendo varios puntos en vez de uno solo y también los auxiliares necesarios para ello, también puedes poner otras cosas que se te ocurran, pero es mejor que no quede recargado y que todo ello tenga un aspecto simple.
Para colocar esa escena en una página web debes copiar su código y pegarlo en el código de la página en el lugar que desees de la página. También debes copiar y pegar la línea <script type='text/javascript' src='lib/descartes-min.js'></script> esto ponlo arriba, en el código fuente de la página web después de título, no hace falta que esté junto al código de la escena.
El editor de escenas solamente modifica lo de la escena y lo guarda como página web, para elaborar lo demás de la página debes utilizar el programa de elaboración de páginas web y después colocar en ella el código de la escena. También puedes seguir modificando la escena después de colocada en una página.