36 lines
3.4 KiB
HTML
36 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>A hands-on tour of some new 3D elements</title>
|
||
<meta charset="UTF-8" />
|
||
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css" />
|
||
<script type="text/javascript" charset="UTF-8" src="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js"></script>
|
||
</head>
|
||
<body>
|
||
|
||
<h1>A hands-on tour of some new 3D elements</h1>
|
||
<p>These materials are from a <a href="https://jsxgraph.org/conf2024/program/fenyes/">short workshop</a> at the 2024 International JSXGraph Conference. You can watch a <a href="https://www.youtube.com/watch?v=gwc0BrLjuiI">video</a> of the workshop to learn more about how they were used. They’re available here, in a <a href="https://code.studioinfinity.org/Vectornaut/jsxgraph-3d-workshop">public Git repository</a>, and (for the templates) on JSFiddle.</p>
|
||
|
||
<h2>Templates</h2>
|
||
<p>These templates show various ways of creating and styling the 3D elements that were added to JSXGraph in the summer of 2024. You can use them as starting points for your own explorations. Download the template files (or edit the JSFiddle versions online) and play with the the code in the <code>script</code> tags. The code is designed to be easy to copy and change—not to be concise or efficient.</p>
|
||
<ul>
|
||
<li><a href="templates/sphere-sampler.html">Sphere sampler</a> (<a href="https://jsfiddle.net/fareycircles/f05893by/">JSFiddle</a>)</li>
|
||
<li><a href="templates/circle-sampler.html">Circle sampler</a> (<a href="https://jsfiddle.net/fareycircles/kv5g38oy/">JSFiddle</a>)</li>
|
||
<li><a href="templates/polygon-sampler.html">Polygon sampler</a> (<a href="https://jsfiddle.net/fareycircles/4s9f7wxe/">JSFiddle</a>)</li>
|
||
<li><a href="templates/intersection-sampler.html">Intersection sampler</a> (<a href="https://jsfiddle.net/fareycircles/4xztkbLo/">JSFiddle</a>)</li>
|
||
<li><a href="templates/glider-sampler.html">Glider sampler</a> (<a href="https://jsfiddle.net/fareycircles/f71wgvs2/">JSFiddle</a>)</li>
|
||
<li><a href="templates/view-demo.html">View options demo</a> (<a href="https://jsfiddle.net/fareycircles/omkqe9pw/">JSFiddle</a>)</li>
|
||
</ul>
|
||
|
||
<h2>Challenges</h2>
|
||
<p>If you need some inspiration to help you practice with the new 3D elements, try to recreate these scenes without looking at the source code. You don't need to make your versions look exactly the same, or even close to the same; these are just to get you thinking.</p>
|
||
<ul>
|
||
<li><a href="challenges/sphere-contours.html">Sphere contours</a></li>
|
||
<li><a href="challenges/octahedron.html">Octahedron</a></li>
|
||
</ul>
|
||
|
||
<h2>Background</h2>
|
||
<p>These new JSXGraph elements and capabilities were developed thanks to the fiscal sponsorship of the <a href="https://seattlemathmuseum.org">Seattle Universal Math Museum</a>. They were motivated by the <a href="https://archematics.app">archematics</a> project: an effort to preserve interactive visualizations made with David Joyce’s <a href="http://aleph0.clarku.edu/~djoyce/java/elements/elements.html">Geometry Applet</a>. When archematics is ready for public release, it will hopefully be built on JSXGraph.</p>
|
||
<p>After the workshop, Alfred Wassermann remarked that the Geometry Applet was one of JSXGraph’s original inspirations. It’s nice to look forward to JSXGraph coming full circle and helping preserve the software that influenced its development.</p>
|
||
|
||
</body> |