Skip to main content

A static content generator for interactive and parametrisable p5.js canvases.

Project description

Ginpar

Awkwardly named after Generative Interactive Parametrisable Canvases.

This is a light Python script that converts a list of P5.js projects into an interactive website that includes forms to control the most important project variables (defined by you) and adds utilities to make easier to replicate previous results by forcing the use of seeds.

Current version may work for other libraries, but it's only meant for P5.js.

Following versions my guarantee support for different libraries.

How to use

  1. Download the content of this repository.
  2. Clear the contents of sketches/ and create your own.
  3. For each script, you should add this (preferably at the beginning):
    /* ## */
    const params = {
    height: {
        value: 500,
        type: "number",
        range: [0, 4096]
    },
    my-variable: {
        value: .8,
        type: "slide",
        range: [0, 1],
        step: .05
        // ...
    },
    //   ...
    };
    /* ## */
    
    Note that the /* ## */ are the important thing to add!
  4. Make sure config.py is properly set up. Here you can specify the urls for each library you'd need to use, and metadata for the website.
  5. Run python build.py.
  6. Enjoy your website created at public/.

License

MIT

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distributions

No source distribution files available for this release.See tutorial on generating distribution archives.

Built Distributions

ginpar-0.1.0-py3-none-any.whl (4.1 kB view hashes)

Uploaded Python 3

Ginpar-0.1.0-py3-none-any.whl (4.0 kB view hashes)

Uploaded Python 3

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page