radl97 / js-fractal Goto Github PK

Determine graphics area (width, height) is needed by CSS to work properly for further design.
Please implement a function for it.

To show the orientation of the line, use an arrow.
basically like this: `___\'

The input should be long enough to see all the digits, when it has place to do so.
If the screen has a 994 pixel width, it can not even display one digit:

Tested on Chromium, version screenshotted:

Currently there is a drawFractal functiom, which computes the coordinates of all lines and draws them. For testing and other library usages, a function should be created to compute all the coordinates of all the lines in a fractal, and another to draw them.

Mirroring a fractal-element is not yet possible, create a flag that makes it flip somehow.

• Add a new draw table.
• This new table should have a 1 level fractal and the lines can process drag events. Also a dashed line should be visible which shows the base line.
• Drag events should be processed so the lines move with the mouse cursor, e.g. the specification should change and a redraw event should be called.
• Connect it with the main draw table.

;)

All inputs should be checked for errors:

• fractal level is integer, not less than zero
• x, y, length and angle are floats
• 0 < angle <= 2pi
• abs(length) < 1

All these should be handled and create fancy error message.

The lines in gui-input.html used to specify the fractal make the picture ugly. A toggle button would be nice

The data is even now compact and movable, there should be an easy way to implement these.

React, Babel or something like that

Let the user create symmetric graphics, snap endpoints to grid, etc.
The grid could be triangle-grid and rectangle-grid

Using HSV the color rotates, the value multiplies. Don't know about saturation..m