A game to help students with descriptive and coordinate geometric transformations.
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE.html
README.md
game.css
index.html
palette2.png
transformations.js

README.md

Transformations

A game to help geometry students with descriptive and coordinate transformations.

How it works

Essentially, the app picks one (or two) random geometric transformations and applies them to a randomly generated polygon. It displays the pre-image and the image and then presents the user with options to recreate the transformation. If they're right, they get the same number of points as the level they have chosen. If they are incorrect, they get a second chance for half of the points. If they are wrong again, they get zero points and the app displays one possible correct answer.

The app uses HTML 5, CSS 3, Javascript and JQuery 2.1.3. It was programmed in Sublime Text 2 on a Mac laptop I bought off craigslist for real cheap. I've only tested it in Chrome. It probably looks terrible on your phone.

Known issues

  • I should probably work on the code a bit. The app works, but maybe not as perfectly as possible. I have a lot to learn.
  • Mobile version? Meh.
  • The game is difficult. It's supposed to be.

About the author

I'm a math teacher. When I get frustrated with teaching I take programming classes. I worked on this over the summer without compensation for my time. If you want to donate for my work, PayPal me some cash: spam@thedonproject.com. If you want to offer changes, feel free to fork. This software is licensed under the GNU GPL 3.0. Thanks!

Credits

Borrowed tooltip code from codepen.io All my javascript canvas info came from html5canvastutorials.com Color palette developed using paletton.com because I am terrible at colors.