Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

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

README.md

to·pi·ar·y

/ˈtōpēˌerē/

noun

  1. A shrub or tree clipped or trimmed into fantastic shapes.

A Tree

Description

A JavaScript module for creating simple procedurally generated trees.

Demos

Tree Generator with Options GUI
Parallax Forest
Creepy Animated Trees

Usage

npm install @walsh9/topiary --save

###example.html

<canvas id="canvas" width="500" height="500">
<script src="example.js">

###example.js

    var treeOptions = {
      canvas: document.getElementById("canvas"),
      startPoint: Topiary.Vector2d.new(250, 500),
      color: Topiary.Color.random(),
      height: 100,
      thickness: 10,
      depth: 14,
      rainbow: false,
      colorShiftRate: 30,
      delay: 200,
    };
    var mutationOptions = {
      minLeftAngle: 10,
      maxLeftAngle: 40,
      minRightAngle: 20,
      maxRightAngle: 40,
      minHeightChange: 0.6,
      maxHeightChange: 0.9,
      minThicknessChange: 0.6,
      maxThicknessChange: 0.9,
    };
    var tree = Topiary.new(treeOptions, mutationOptions);
    tree.draw();

Helpers

    var color1 = Topiary.Color.new(h, s, l);
    var color2 = Topiary.Color.random();
    var point = Topiary.Vector2d.new(x, y);

License

© Matt Walsh 2015-2016, released under the MIT License

About

🌱🌳 Javascript fractal tree generator

Topics

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.