https://github.com/yryryk/mandelbrot-canvas-react

Приложение для визуального ознакомления с множеством Мандельброта с возможностью масштабирования и изменения цветовой схемы. Увеличивайте приграничные области, углубляйтесь в спиральные туннели и заглядывайте в труднодоступные места в поисках необычных картинок.
https://github.com/yryryk/mandelbrot-canvas-react

canvas css3 html5 javascript react

Last synced: 9 days ago
JSON representation

Приложение для визуального ознакомления с множеством Мандельброта с возможностью масштабирования и изменения цветовой схемы. Увеличивайте приграничные области, углубляйтесь в спиральные туннели и заглядывайте в труднодоступные места в поисках необычных картинок.

• Host: GitHub
• URL: https://github.com/yryryk/mandelbrot-canvas-react
• Owner: yryryk
• Created: 2023-04-28T08:01:58.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-10T07:40:22.000Z (over 1 year ago)
• Last Synced: 2024-12-10T20:40:05.885Z (2 months ago)
• Topics: canvas, css3, html5, javascript, react
• Language: JavaScript
• Homepage: https://www.extra-develop.ru/
• Size: 18.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# mandelbrot-canvas-react

#### Статус: не завершён

## Описание

Приложение для визуального ознакомления с множеством Мандельброта с возможностью масштабирования и изменения цветовой схемы.

Увеличивайте приграничные области, углубляйтесь в спиральные туннели и заглядывайте в труднодоступные места в поисках необычных картинок.


Изменяйте цветовую гамму и сложность рендеринга с помощью встроенных инструментов.


Максимальное увеличение ~ 1013.


На большом увеличении или если черная область занимает много пространства возможны длительные загрузки масштабируемого изображения до нескольких минут. Это связано с очень объемными вычислениями необходимыми для визуализации.

### [Ссылка на сайт](https://www.extra-develop.ru/)

[![Фрактал мандельброта в увеличении](https://github.com/yryryk/mandelbrot-canvas-react/blob/main/src/images/mandelbrot-1.png)](https://www.extra-develop.ru/)

## Запустить проект

`git clone https://github.com/yryryk/mandelbrot-canvas-react.git` — клонировать репозиторий


`npm i` — загрузить зависимости


`npm start` — запустить проект

## Стек технологий

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)    ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

## Планируемые доработки 

- Добавить больше настраиваемых параметров.

- Добавить sidebar menu.

- Использовать более производительный язык программирования для вычислений.

## Галерея

![Фрактал мандельброта в увеличении](https://github.com/yryryk/mandelbrot-canvas-react/blob/main/src/images/mandelbrot-2.png)

![Фрактал мандельброта в увеличении](https://github.com/yryryk/mandelbrot-canvas-react/blob/main/src/images/mandelbrot-3.png)

![Фрактал мандельброта в увеличении](https://github.com/yryryk/mandelbrot-canvas-react/blob/main/src/images/mandelbrot-4.png)

![Фрактал мандельброта в увеличении](https://github.com/yryryk/mandelbrot-canvas-react/blob/main/src/images/mandelbrot-5.png)

![Фрактал мандельброта в увеличении](https://github.com/yryryk/mandelbrot-canvas-react/blob/main/src/images/mandelbrot-6.png)

![Фрактал мандельброта в увеличении](https://github.com/yryryk/mandelbrot-canvas-react/blob/main/src/images/mandelbrot-7.png)

![Фрактал мандельброта в увеличении](https://github.com/yryryk/mandelbrot-canvas-react/blob/main/src/images/mandelbrot-8.png)