https://github.com/thundermiracle/react-sunflower

Draw sunflower by canvas
https://github.com/thundermiracle/react-sunflower

canvas fibonacci material-ui nextjs nextjs-mui-helper react sunflower sunflower-simulator

Last synced: 22 days ago
JSON representation

Draw sunflower by canvas

• Host: GitHub
• URL: https://github.com/thundermiracle/react-sunflower
• Owner: thundermiracle
• License: mit
• Created: 2018-05-16T23:41:50.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-03T01:09:10.000Z (about 2 years ago)
• Last Synced: 2024-10-03T12:19:27.816Z (3 months ago)
• Topics: canvas, fibonacci, material-ui, nextjs, nextjs-mui-helper, react, sunflower, sunflower-simulator
• Language: JavaScript
• Homepage: https://sunflower.thundermiracle.com/
• Size: 1.71 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




[![dependencies Status](https://david-dm.org/thundermiracle/next-mui-helper/status.svg)](https://david-dm.org/thundermiracle/react-sunflower)

[![devDependencies Status](https://david-dm.org/thundermiracle/next-mui-helper/dev-status.svg)](https://david-dm.org/thundermiracle/react-sunflower?type=dev)

[![peerDependencies Status](https://david-dm.org/thundermiracle/next-mui-helper/peer-status.svg)](https://david-dm.org/thundermiracle/react-sunflower?type=peer)

## Description

react-sunflower is a project which draws spiral and sunflower for fun.

The caculating algorithm is inspired by this great article -- [[Circles, Spirals and Sunflowers]](https://krazydad.com/tutorials/circles_js/).

The project is created with [nextjs](https://github.com/zeit/next.js/), [material-ui](https://github.com/mui-org/material-ui) and [next-mui-helper](https://github.com/thundermiracle/next-mui-helper).

You can change the angle to re-draw to see the difference with golden angle.

## Preview

1. Draw spiral (GoldenAngle).

![Spiral.DrawSync](img/spiralSync.gif)

2. Draw sunflower (GoldenAngle).

![Sunflower.DrawSync](img/sunflowerSync.gif)

## License

This project is licensed under the terms of the

[MIT license](/LICENSE).