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.
A development environement can be generated in the following way.
Install dependencies
$ npm installServe with hot reload at localhost:3000
$ npm run devBuild for production and launch server
$ npm run build
$ npm run startGenerate static project
$ npm run generateNB: Occasionally vue-p5 does not install correctly and needs to be innsrtalled separately, via runnin the following command.
npm install --save vue vue-p5The 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 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.