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

38 lines
3.4 KiB
HTML
Raw Normal View History

Write index page
2024-10-21 17:57:36 +00:00
<!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>
Correct return link to writing page
2024-10-22 08:34:24 +00:00
<a href="../../writing.html#jsxgraph-3d-workshop">↩ Back to writing</a>
Add return links
2024-10-22 08:15:53 +00:00
Write index page
2024-10-21 17:57:36 +00:00
<h1>A hands-on tour of some new 3D elements</h1>
Link to Git repo
2024-10-22 05:36:08 +00:00
<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>
Write index page
2024-10-21 17:57:36 +00:00
<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>
Link to Git repo
2024-10-22 05:36:08 +00:00
<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>
Write index page
2024-10-21 17:57:36 +00:00
<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>
Reference in New Issue Copy Permalink