https://github.com/andronov04/mondrian-art

Skip to content
 
Sign up

  * Why GitHub?
    Features -
      + Mobile -
      + Actions -
      + Codespaces -
      + Packages -
      + Security -
      + Code review -
      + Issues -
      + Integrations -
      + GitHub Sponsors -
      + Customer stories-
  * Team
  * Enterprise
  * Explore
      + Explore GitHub -

    Learn and contribute

      + Topics -
      + Collections -
      + Trending -
      + Learning Lab -
      + Open source guides -

    Connect with others

      + The ReadME Project -
      + Events -
      + Community forum -
      + GitHub Education -
      + GitHub Stars program -
  * Marketplace
  * Pricing
    Plans -
      + Compare plans -
      + Contact Sales -
      + Education -

[                    ] [search-key]

  *  
    #
    In this repository All GitHub |
    Jump to |

  * No suggested jump to results

  *  
    #
    In this repository All GitHub |
    Jump to |
  *  
    #
    In this user All GitHub |
    Jump to |
  *  
    #
    In this repository All GitHub |
    Jump to |

Sign in
Sign up
{{ message }}

andronov04 / mondrian-art

  * Notifications
  * Star 13
  * Fork 0

[?] Generate Piet Mondrian Art

MIT License
13 stars 0 forks
Star
Notifications

  * Code
  * Issues 0
  * Pull requests 0
  * Actions
  * Projects 0
  * Wiki
  * Security
  * Insights

More

  * Code
  * Issues
  * Pull requests
  * Actions
  * Projects
  * Wiki
  * Security
  * Insights

main
Switch branches/tags
[                    ]
Branches Tags
Could not load branches
Nothing to show
{{ refName }} default View all branches
Could not load tags
Nothing to show
{{ refName }} default
View all tags
1 branch 0 tags
Code
 
Clone
HTTPS GitHub CLI
[https://github.com/a]

Use Git or checkout with SVN using the web URL.

[gh repo clone andron]

Work fast with our official CLI. Learn more.

  * Open with GitHub Desktop
  * Download ZIP

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Go back

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Go back

Launching Xcode

If nothing happens, download Xcode and try again.

Go back

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

@andronov04
andronov04 Bumpversion: 0.1.0
...
f63cfd7 Jun 28, 2021
Bumpversion: 0.1.0
f63cfd7

Git stats

  * 11 commits

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
examples/mondrian
Prepare for release, fix docs
Jun 28, 2021
src
Fix for debug
Jun 28, 2021
.editorconfig
From sandbox to production
Jun 27, 2021
.eslintignore
From sandbox to production
Jun 27, 2021
.eslintrc
From sandbox to production
Jun 27, 2021
.gitignore
From sandbox to production
Jun 27, 2021
LICENSE
Initial commit
Jun 24, 2021
README.md
Prepare for release, fix docs
Jun 28, 2021
VERSION
Bumpversion: 0.1.0
Jun 28, 2021
babel.config.js
From sandbox to production
Jun 27, 2021
package.json
Bumpversion: 0.1.0
Jun 28, 2021
rollup.config.js
From sandbox to production
Jun 27, 2021
tsconfig.json
From sandbox to production
Jun 27, 2021
tslint.json
From sandbox to production
Jun 27, 2021
View code
Mondrian Art Generator Demo Control Install Usage Run locally
Maintainers License

README.md

 Mondrian Art Generator

    De Stijl was founded in 1917 by two pioneers of abstract art,
    Piet Mondrian and Theo van Doesburg. De Stijl means style in
    Dutch.

Mondrian

 Demo

[?] tool.graphics/mondrian

Generate Piet Mondrian Art. There's an endless number of options.

 Control

  * Thousands of beautiful color schemes.
  * Custom background color of the picture.
  * Any size of the picture.
  * Static or dynamic mode.
  * Jitter effect.
  * Use gradient for polygons.

 Install

$ npm install modrian-art
or
$ yarn add modrian-art

 Usage

import Mondrian from 'mondrian-art';

const config = {
    width, // Default, 500
    height, // Default, 500
    container: document.querySelector("section"), // Set DOM Node
    enableAnimation, // Default, true. Option `false` for static.
    mondrian: {
      palette: [color1, color2, color3, 'transparent', 'transparent', 'transparent'], Default, ['#0e448c', '#f61710', '#ffd313', 'transparent',  'transparent'].
      style, // Default, `random`. Options: `random`, `neo`, `classic`.
      enableGradient, // Default, false.
      enableSnaking, // Default, false. Jitter effect
      lineWidth: 1, // Default, 1. Options: `random`, 1, 2.5, 5 or any number
      title, // The sign of a picture. Example `Piet Mondrian`.
      backgroundColor, // Default, #fff.
    }
 }

const mondrian = new Mondrian(config);

// Generate
mondrian.generate();

// Reconfigure
mondrian.reconfigure(config);

// Restart animaton
mondrian.play();

 Run locally

See docs

 Maintainers

  * Andrey Andronov

 License

MIT, see LICENSE for details.

About

[?] Generate Piet Mondrian Art

Topics

artwork generative-art

Resources

Readme

License

MIT License

Releases

No releases published

Packages 0

No packages published

Languages

  * TypeScript 82.2%
  * JavaScript 17.8%

  * (c) 2021 GitHub, Inc.
  * Terms
  * Privacy
  * Security
  * Status
  * Docs

 

  * Contact GitHub
  * Pricing
  * API
  * Training
  * Blog
  * About

You can't perform that action at this time.
You signed in with another tab or window. Reload to refresh your
session. You signed out in another tab or window. Reload to refresh
your session.