TreeGen

This web application allows you to visualise the fractal-like biological patterns that can be generated using simple Lindenmayer systems.

The live project can be found at https://down-to-programme.github.io/treegen/.

Treegren has been built using the Vue.js and Nuxt.js frameworks and specifically took advantage of functionality from vue-p5. The project is hosted using Github Pages.

Development guidluines

Build a Development Environment

A development environement can be generated in the following way.

Install dependencies

$ npm install

Serve with hot reload at localhost:3000

$ npm run dev

Build for production and launch server

$ npm run build
$ npm run start

Generate static project

$ npm run generate

NB: Occasionally vue-p5 does not install correctly and needs to be innsrtalled separately, via runnin the following command.

npm install --save vue vue-p5

Project Structure

The project structure is largely based on the default Vue.js and Nuxt.js frameworks structure.

Currently there exist three main pages: index, about, links. The drawing functionality on the index page is managed by the DrawingBoard.Vue component, which communicates with the page through props and refs.

Testing is managed using Vue Test Utils and tests live in the test directory.

Pull Requests and Issues

Pull requests are always welcome, and DownToProgramme appreciates any help you give. Please ensure that all tests are passing to speed the process of merges being approved.

Please feel free to open a new issue for any reason.