Vectornaut/jsxgraph-3d-workshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Write index page

Browse Source
This commit is contained in:
Aaron Fenyes 2024-10-21 10:57:36 -07:00
parent 6354bc97fe
commit 7a79ed1de0
2 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
challenges/sphere-countours.html → challenges/sphere-contours.html
View File

36
index.html Normal file
View File

@ -0,0 +1,36 @@
<!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.</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 with 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>