Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Simplex Flowers

Code to generate abstract flowers using Simplex Noise.

A description of how this code works as well as an interactive demo can be found in the blog post.

Usage

To view the example files (index.html and interactive.html), you will first need to generate the bundle.js file:

npm run bundle

or to build a debug version that will watch for changes:

npm run watch

To use the code in a different project you will need to install the code via npm:

npm install simplex-flowers

After which the code can be called like:

JavaScript

var simplex_flowers = require('simplex-flowers');

// Draw the 2x2 grid shown above in a 'flowers' div
simplex_flowers.drawExampleGrid(document.getElementById("flowers"));

// Draws a single flower into a canvas context ctx
drawFlower(ctx, {x: width / 2, y: height / 2, radius},
           8.72, 0.07, 0.15, 0.99, 500);

TypeScript

import { drawExampleGrid, drawFlower } from 'simplex-flowers';

// Draw the 2x2 grid shown above in a 'flowers' div
drawExampleGrid(document.getElementById("flowers"));

// Draws a single flower into a canvas context ctx
drawFlower(ctx, {x: width / 2, y: height / 2, radius},
           8.72, 0.07, 0.15, 0.99, 500);

About

Code to generate abstract flowers using Simplex Noise

Resources

License

Releases

No releases published

Packages

No packages published