index.md

<script src="p5/p5.min.js"></script> <script src="p5/p5.easycam.min.js"></script> <script src="js/parametric_playground.js"></script> <script src="js/sketch.js"></script> <script src="js/examples.js"></script> <script src="js/studentExamples.js"></script> <script src="codemirror/lib/codemirror.js"></script> <script src="codemirror/mode/javascript/javascript.js"></script>

Welcome to the Parametric Playground, where you can draw surfaces using parametric equations!

First look at the code and run the 'hello' example. Then look at the other examples below for more ideas.

Explore! Copy example code to your code window, make changes to the code, and see what happens!

Have fun!

Dr. Kessner

* rotate: left-click drag * pan: middle-click / 2-finger drag * zoom: right-click / spread drag * reset: double-click * hide axes: 'a'

---

Your code:

<textarea id="userCode"></textarea>

Run code! Clear

Save code as file

Example code:

Examples: Student examples: Run example Clear

<textarea id="exampleCode"></textarea>
<script> initializeCodeMirror(); initializeExampleList(); initializeStudentExampleList(); </script>