Generate mathy animated GIFs from Desmos graphs
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
views
.bowerrc
.gitignore
Gruntfile.js
LICENSE.md
Procfile
README.md
app.js
package.json

README.md

GIFsmos

This is a little weekend project of mine to help all those folks who like sharing animated GIFs captured from their Desmos graphs, but don't like going through the hassle of taking a bunch of screenshots and then running them through a separate generator. GIFsmos lets you do all the graphing (or graph importing) and manipulating and capturing and GIFifying in one place, with a simple UI.

Get Hacking

  1. Make sure you have node.js installed.
  2. Clone this repo and navigate to the root directory.
  3. Install the dependencies with npm install
  4. Run the app with npm start.
  5. Head over to http://localhost:3000 in your favorite browser.

Get Deploying

  1. Get yourself set up with a place to host node apps, such as heroku.
  2. This app uses a Desmos demonstration API key that's only suitable for development. For any public-facing app, you'll need to request your own key from the fine folks over at Desmos.
  3. Edit the views/layout.jade file to include your newly acquired API key:
script(src='//www.desmos.com/api/v0.4/calculator.js?apiKey=YOUR_KEY_GOES_HERE')

That's it!

Static Site Generation

In the current incarnation of GIFsmos, everything important is happening on the client side, so there's really no reason to run/host it as a Node app. That won't be true in the future, as I add more features, but for now there are some Grunt tasks configured to generate the app as a static site instead. The tasks are pretty specific to the current directory structure, so if you do any significant rejiggering, you'll probably have to edit the Gruntfile as well.

To create a build/ folder ready for uploading, run:

grunt build

If you want to start a development server that will serve up the build/ folder on port 3000, run:

grunt server

The default task both runs the build and sarts the dev server:

grunt

If you want to get in touch, I'm an enthusiastic #MTBoS participant on Twitter.