Geometric Nets Simulation

Prompt

Code in html, css,  and javascript a self-contained, embeddable, and complete simulation to help 6th grade students understand geometric nets and surface area. Include a user selection for a cube, rectangular prism, tetrahedron, triangular prism, and square pyramid. Allow the user to also select the x and y dimensions for the selected shape using sliders. Add another control to allow the user to unfold the three dimensional shape to show the net used to create that shape. The slider should also be able to refold the net back into its three dimensional form. Show the surface area for each shape in the net and the total surface area.

Iteration

The square pyramid and tetrahedron do not fully close when they are in the three dimensional view. Ensure that the shapes are fully enclosed as three dimensional shapes the fully flatten when shown as unfolded nets.

Iteration 2

Add a user selection for a cylinder and include the net for that shape.