GodZeus11

This is the last devlog i’m doing for flavor town for my final ship, i’ve added visuals for a couple spirals, and a spirograph. It was really easy to implement the spirals, but ive included them in the intermediate category because of their mathematical complexity.

What i worked on now is splitting the Bezier visual into 2, where the first on goes from linear to quartic curves, while the second visual is of order 5-12. I also added to ability to zoom in and out for the canvas, this affects the visual because most of them are in relation on the pixels per unit value (ppu). Finally when you press the S key you can save an image of your canvas.

This one probably took me the longest to make so far, it help you visualize Bezier curves, as well as the DeCasteljau algorithm. i split the original visual into 2: a standard one with order 1-4 and another visual with order 5-16. With this im done with the beginner section of the project. I might add a few more beginner visuals in the future, but currently im going to focus on the intermediate visuals.

I created visuals for regular polygons, star polygons, uniform random points, standard distribution sampling, Monte Carlo pi estimation, and the random walk algorithm. most of these visuals were similar to the previous visuals and each other so it was easy to copy paste the code. The more you create these visuals the easier it is to type the parameters, controls and etc.

I was searching for another cool visual when i came across a page called circle packing and it had an algorithm so i thought it would be fun to implement it using p5js.

I added 3 new visuals, a circle, and ellipse visualizer, and visual for the Lissajous curves. I also moved canvas, grid, and axis setup to the visual class. Wikipedia has truly helped me a lot on these visuals.

I added a quadratic and Trigonometric function visual, they work very similarly to the previous visuals. The tangent function of the trig graph has a few bugs and i will try to fix it. I’m planning on adding way more visualization, intermediate and advanced, but i have not got to it yet.

I worked another visual, this is the visualization of a linear equation y = mx + b.
you can use the sliders to play with the line. It had a lot of bugs, so i worked on debugging too. The grid of the visual is static, i tried to make it dynamic and correspond to the y intercept, but i couldn’t. I will try to work on it more in the future, but right now i will focus on other visuals.

I just created the first visual which is a simple line and circle visual using the p5js library, chatgpt helped me make the visuals modular so its easy to add and remove them. the categories on the left are collapsible, and the controls on the left can be used to interact with the visual.

Today i made the basic framework for my mathematical visualizer using the help of ChatGPT, I am planning on adding a couple visuals, and work on the UI.

I worked on this Wheel Spinner. It is a simple web app that allows you to enter a couple options and pick a random one.